body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6f;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.05em
}

.blocker.behind {
    background-color: transparent
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==")
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner>div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        -webkit-transform: scaleY(.5)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

@font-face {
    font-family: ;
    src: url(../fonts//-SemiBold.eot);
    src: url(../fonts//-SemiBoldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-SemiBold.woff2) format("woff2"), url(../fonts//-SemiBold.woff) format("woff"), url(../fonts//-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-HeavyItalic.eot);
    src: url(../fonts//-HeavyItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-HeavyItalic.woff2) format("woff2"), url(../fonts//-HeavyItalic.woff) format("woff"), url(../fonts//-HeavyItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: ;
    src: url(../fonts//-SemiBoldItalic.eot);
    src: url(../fonts//-SemiBoldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-SemiBoldItalic.woff2) format("woff2"), url(../fonts//-SemiBoldItalic.woff) format("woff"), url(../fonts//-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: ;
    src: url(../fonts//-LightItalic.eot);
    src: url(../fonts//-LightItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-LightItalic.woff2) format("woff2"), url(../fonts//-LightItalic.woff) format("woff"), url(../fonts//-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: ;
    src: url(../fonts//-Bold.eot);
    src: url(../fonts//-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Bold.woff2) format("woff2"), url(../fonts//-Bold.woff) format("woff"), url(../fonts//-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-Thin.eot);
    src: url(../fonts//-Thind41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Thin.woff2) format("woff2"), url(../fonts//-Thin.woff) format("woff"), url(../fonts//-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-Regular.eot);
    src: url(../fonts//-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Regular.woff2) format("woff2"), url(../fonts//-Regular.woff) format("woff"), url(../fonts//-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-BlackItalic.eot);
    src: url(../fonts//-BlackItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-BlackItalic.woff2) format("woff2"), url(../fonts//-BlackItalic.woff) format("woff"), url(../fonts//-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: ;
    src: url(../fonts//-Heavy.eot);
    src: url(../fonts//-Heavyd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Heavy.woff2) format("woff2"), url(../fonts//-Heavy.woff) format("woff"), url(../fonts//-Heavy.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-Light.eot);
    src: url(../fonts//-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Light.woff2) format("woff2"), url(../fonts//-Light.woff) format("woff"), url(../fonts//-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-Black.eot);
    src: url(../fonts//-Blackd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Black.woff2) format("woff2"), url(../fonts//-Black.woff) format("woff"), url(../fonts//-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-Italic.eot);
    src: url(../fonts//-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Italic.woff2) format("woff2"), url(../fonts//-Italic.woff) format("woff"), url(../fonts//-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: ;
    src: url(../fonts//-ThinItalic.eot);
    src: url(../fonts//-ThinItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-ThinItalic.woff2) format("woff2"), url(../fonts//-ThinItalic.woff) format("woff"), url(../fonts//-ThinItalic.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: ;
    src: url(../fonts//-BoldItalic.eot);
    src: url(../fonts//-BoldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-BoldItalic.woff2) format("woff2"), url(../fonts//-BoldItalic.woff) format("woff"), url(../fonts//-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: ;
    src: url(../fonts//-UltraLight.eot);
    src: url(../fonts//-UltraLightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-UltraLight.woff2) format("woff2"), url(../fonts//-UltraLight.woff) format("woff"), url(../fonts//-UltraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-UltraLightItalic.eot);
    src: url(../fonts//-UltraLightItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-UltraLightItalic.woff2) format("woff2"), url(../fonts//-UltraLightItalic.woff) format("woff"), url(../fonts//-UltraLightItalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Rounded Alt;
    src: url(../fonts//Rounded-AltBold.eot);
    src: url(../fonts//Rounded-AltBoldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//Rounded-AltBold.woff2) format("woff2"), url(../fonts//Rounded-AltBold.woff) format("woff"), url(../fonts//Rounded-AltBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//.eot);
    src: url(../fonts//d41d.eot?#iefix) format("embedded-opentype"), url(../fonts//.woff2) format("woff2"), url(../fonts//.woff) format("woff"), url(../fonts//.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Extra;
    src: url(../fonts//-ExtraLight.eot);
    src: url(../fonts//-ExtraLightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-ExtraLight.woff2) format("woff2"), url(../fonts//-ExtraLight.woff) format("woff"), url(../fonts//-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-Regular.eot);
    src: url(../fonts//-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Regular.woff2) format("woff2"), url(../fonts//-Regular.woff) format("woff"), url(../fonts//-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Extra;
    src: url(../fonts//-ExtraBold.eot);
    src: url(../fonts//-ExtraBoldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-ExtraBold.woff2) format("woff2"), url(../fonts//-ExtraBold.woff) format("woff"), url(../fonts//-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Rounded;
    src: url(../fonts//Rounded-Regular.eot);
    src: url(../fonts//Rounded-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts//Rounded-Regular.woff2) format("woff2"), url(../fonts//Rounded-Regular.woff) format("woff"), url(../fonts//Rounded-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ;
    src: url(../fonts//-Light.eot);
    src: url(../fonts//-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts//-Light.woff2) format("woff2"), url(../fonts//-Light.woff) format("woff"), url(../fonts//-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Code;
    src: url(../fonts/Code/Code-Bold.eot);
    src: url(../fonts/Code/Code-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Code/Code-Bold.woff2) format("woff2"), url(../fonts/Code/Code-Bold.woff) format("woff"), url(../fonts/Code/Code-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Code;
    src: url(../fonts/Code/Code-Light.eot);
    src: url(../fonts/Code/Code-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Code/Code-Light.woff2) format("woff2"), url(../fonts/Code/Code-Light.woff) format("woff"), url(../fonts/Code/Code-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}


/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

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

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

textarea {
    overflow: auto
}

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

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

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.clr:after,
.clr:before {
    display: table;
    content: ""
}

.clr:after {
    clear: both
}

:focus {
    outline: none
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    animation-duration: .75s
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%,
    43% {
        transform: translate3d(0, -30px, 0)
    }
    40%,
    43%,
    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,
    to {
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,
    11.1%,
    to {
        transform: none
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

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

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {

        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn)
    }
    0%,
    40% {
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }
    50%,
    80% {
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95)
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    0%,
    40% {
        animation-timing-function: ease-in
    }
    40% {
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible!important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    0%,
    40% {
        animation-timing-function: ease-in
    }
    40% {
        transform: perspective(400px) rotateY(-20deg)
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible!important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible!important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg)
    }
    60%,
    80% {
        opacity: 1
    }
    80% {
        transform: skewX(-5deg)
    }
    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left
    }
    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left
    }
    40%,
    80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        transform: scale3d(.3, .3, .3)
    }
    50%,
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

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

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.html);
    src: url(fonts/slickd41d.html?#iefix) format("embedded-opentype"), url(fonts/slick-2.html) format("woff"), url(fonts/slick-3.html) format("truetype"), url(fonts/slick-4.html#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}


/*!
 * fullPage 2.9.4
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

.fp-enabled body,
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.fp-section {
    position: relative;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    transform: translateZ(0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    position: relative
}

.fp-scrollable,
.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0!important
}

.fp-notransition {
    transition: none!important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translateZ(0)
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    transform: translateZ(0)
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li:hover a.active span,
#fp-nav ul li a.active span,
.fp-slidesNav ul li:hover a.active span,
.fp-slidesNav ul li a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}

#fp-nav.fp-show-active a.active+.fp-tooltip,
#fp-nav ul li:hover .fp-tooltip {
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto!important
}

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

:-moz-placeholder,
::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

body input:focus:required:invalid,
body input:required:valid,
body textarea:focus:required:invalid,
body textarea:required:valid {
    color: #000
}

.contact__form body textarea:required:valid,
.contact__form input:focus:required:invalid,
.contact__form input:required:valid,
.contact__form textarea:focus:required:invalid {
    color: #fff
}

.contact__form-cp body textarea:required:valid,
.contact__form-cp input:focus:required:invalid,
.contact__form-cp input:required:valid,
.contact__form-cp textarea:focus:required:invalid {
    color: #000
}

.cv_form input:-webkit-autofill,
.cv_form select:-webkit-autofill,
.cv_form textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f8f8f8 inset
}

b,
strong {
    font-weight: 700
}

.page {
    font-size: 18px;
    min-width: 320px;
    position: relative;
    line-height: 1.5;
    font-family: , sans-serif;
    overflow-x: hidden;
    font-weight: 300;
    color: #2c2827
}

.page.light #fp-nav ul li a span,
.page.light .fp-slidesNav ul li a span {
    background-color: transparent;
    border-color: #c3c1c1
}

.page.light #fp-nav ul li a.active span,
.page.light .fp-slidesNav ul li a.active span {
    box-shadow: 0 0 0 4px rgba(246, 139, 30, .1);
    border-color: rgba(246, 139, 30, .2);
    background-color: #f68b1e
}

.page.light #fp-nav ul:after,
.page.light .fp-slidesNav ul:after {
    background: #c3c1c1
}

.page.light #fp-nav ul:before,
.page.light .fp-slidesNav ul:before {
    border-color: #c3c1c1
}

#fp-nav {
    left: 45px;
    right: auto;
    display: inline-block;
    width: 20px
}

#fp-nav ul,
.fp-slidesNav ul {
    position: relative;
    display: inline-block
}

#fp-nav ul:before,
.fp-slidesNav ul:before {
    position: absolute;
    content: "";
    bottom: calc(100% + 39px);
    width: 5px;
    left: 2px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .2)
}

#fp-nav ul:after,
.fp-slidesNav ul:after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: calc(100% + 44px);
    height: 1000px;
    width: 1px;
    background-color: hsla(0, 0%, 100%, .1)
}

#fp-nav ul li,
.fp-slidesNav ul li {
    height: auto;
    margin: 13px 0;
    width: 20px
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    margin: 0
}

#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    margin: 4px 0 4px -7px;
    width: 24px;
    height: 24px
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    font-size: 0
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    position: static;
    display: inline-block;
    margin: 0
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background-color: #fff;
    border-radius: 50%;
    height: 24px;
    box-shadow: 0 0 0 4px hsla(0, 0%, 100%, .1);
    width: 24px;
    margin: 4px 0 4px -7px;
    border: 5px solid hsla(0, 0%, 100%, .2);
    background-clip: padding-box
}

.section {
    overflow: hidden;
    vertical-align: top
}

.section_top {
    overflow: visible
}

.section_dark {
    color: #fff;
    background-color: #2d2928
}

.section_middle {
    vertical-align: middle
}

.section__sub-title {
    font-size: 18px;
    font-weight: 300;
    text-align: center
}

.section__sub-title_small {
    font-size: 18px;
    font-weight: 300;
    font-family: , sans-serif;
    text-transform: none;
    display: block;
    padding-top: 10px
}

.btn {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    transition: all .3s;
    border: 1px solid #fff;
    text-align: center;
    padding: 20px 40px;
    text-decoration: none;
    font-weight: 600
}

.btn:hover {
    background-color: #20b6ea;
    border-color: #fff;
    color: #FFFFFF;
}

.btn_black {
    color: #2c2827;
    border-color: #2c2827
}

.btn_black:hover {
    background-color: #0;
    color: #fff
}

.btn_blue {
    color: #3c9dd0;
    border-color: #3c9dd0
}

.btn_blue:hover {
    background-color: #3c9dd0;
    color: #fff
}

.btn_small {
    font-size: 18px;
    padding: 12px 41px
}

.btn_decorate {
    position: relative
}

.btn_decorate:after {
    top: calc(100% + 18px);
    height: 1px;
    width: 2000px
}

.btn_decorate:after,
.btn_decorate:before {
    content: "";
    position: absolute;
    right: -20px;
    background-color: rgba(44, 40, 39, .2)
}

.btn_decorate:before {
    bottom: -18px;
    width: 1px;
    height: 74px
}

.btn_decorate span:after {
    content: "";
    position: absolute;
    width: 5px;
    bottom: 53px;
    height: 5px;
    right: -23px;
    border: 1px solid rgba(44, 40, 39, .2);
    background-color: #fff;
    border-radius: 50%
}

.btn_decorate-full:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -20px;
    width: 1px;
    height: 71px;
    background-color: rgba(44, 40, 39, .2)
}

.btn_decorate-full span:before {
    content: "";
    position: absolute;
    width: 5px;
    bottom: 53px;
    height: 5px;
    left: -23px;
    border: 1px solid rgba(44, 40, 39, .2);
    background-color: #fff;
    border-radius: 50%
}

.btn_decorate-full .line:after {
    content: "";
    position: absolute;
    top: calc(100% + 18px);
    height: 1px;
    width: calc(100% + 40px);
    right: -20px;
    background-color: rgba(44, 40, 39, .2)
}

.btn_decorate-right:after {
    left: -20px;
    right: auto
}

.btn_decorate-right:before {
    left: -20px
}

.btn_decorate-right span:after {
    left: -23px
}

.btn_decorate-white:after,
.btn_decorate-white:before {
    background-color: hsla(0, 0%, 100%, .2)
}

.btn_decorate-white span:after {
    background: transparent;
    border-color: hsla(0, 0%, 100%, .2)
}

.btn_outline:hover {
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, .1)
}

.btn_uppercase {
    text-transform: uppercase
}

.btn_transparent {
    background: transparent;
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, .1);
    color: #f68b1e
}

.btn_transparent:hover {
    background: transparent;
    color: #524b49;
    border: 1px solid transparent;
    cursor: pointer
}

.slick-arrow {
    width: 26px;
    height: 31px;
    background: url(../img/icon-arrow.svg) no-repeat 50%/contain!important;
    bottom: 20px;
    top: auto;
    left: auto;
    z-index: 4;
    opacity: .5;
    transition: all .3s
}

.slick-arrow:hover {
    opacity: 1
}

.slick-arrow:before {
    display: none
}

.slick-next {
    right: 0
}

.slick-prev {
    right: 44px;
    transform: rotate(180deg);
    transform-origin: 0 25%
}

.section-nav {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 45px;
    z-index: 5
}

.section-nav:after {
    content: "";
    position: absolute;
    bottom: calc(100% + 35px);
    left: 50%;
    height: px;
    width: 1px;
    background-color: rgba(46, 42, 41, .2)
}

.section-nav:before {
    content: "";
    position: absolute;
    bottom: calc(100% + 27px);
    left: calc(50% - 3px);
    height: 6px;
    width: 6px;
    border-radius: 50%;
    border: 1px solid rgba(46, 42, 41, .2)
}

.section-nav__item {
    width: 24px;
    height: 24px;
    margin: 20px 0 0;
    position: relative;
    transition: all .3s;
    cursor: pointer
}

.section-nav__item:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(46, 42, 41, .3);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    transition: all .3s
}

.section-nav__item:hover:after,
.section-nav__item_active:after {
    width: 14px;
    height: 14px;
    background-color: #f68b1e;
    border: 5px solid rgba(246, 138, 30, .2);
    background-clip: content-box;
    box-shadow: 0 0 0 4px rgba(246, 138, 30, .1)
}

.section-nav__item_white:after {
    border-color: #fff
}

.section-nav__item_white.section-nav__item_active:after,
.section-nav__item_white:hover:after {
    border-color: hsla(0, 0%, 100%, .2);
    background-color: #fff;
    box-shadow: 0 0 0 4px hsla(0, 0%, 100%, .1)
}

.section-nav__item_blue.section-nav__item_active:after,
.section-nav__item_blue:hover:after {
    border-color: rgba(60, 157, 208, .2);
    background-color: #3c9dd0;
    box-shadow: 0 0 0 4px rgba(60, 157, 208, .1)
}

.js-menu {
    width: 35px;
    height: 30px;
    margin-top: 12px;
    margin-left: 20px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer
}

.js-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ffbc49;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

.js-menu span:first-child {
    top: 0
}

.js-menu span:nth-child(2),
.js-menu span:nth-child(3) {
    top: 10px
}

.js-menu span:nth-child(4) {
    top: 20px
}

.js-menu.open span:first-child {
    top: 10px;
    width: 0;
    left: 50%
}

.js-menu.open span:nth-child(2) {
    transform: rotate(-45deg)
}

.js-menu.open span:nth-child(3) {
    transform: rotate(45deg)
}

.js-menu.open span:nth-child(4) {
    top: 10px;
    width: 0;
    left: 50%
}

.text-center {
    text-align: center
}

html {
    height: 100%
}

.fullpage {
    overflow: hidden
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

.container_min {
    max-width: 1550px
}

.logo {
    display: inline-block;
    font-size: 0
}

.logo__image {
    width: 179px;
    height: 45px
}

.logo__image_big {
    width: 224px;
    height: 61px
}

.header-big {
    font-size: 50px;
    line-height: 1.1;
    font-weight: 700
}

.h2,
.h3 {
    font-size: 40px;
    color: #2c2827;
    font-weight: 700
}

.technologied__header .header__container {
    padding: 276px 0 250px
}

.head_black {
    line-height: 1.2;
    padding-bottom: 36px;
    margin-bottom: 36px;
    font-weight: 600;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.head_black:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 94px);
    height: 2px;
    background-color: #000;
    width: 188px
}

.head_black-small {
    padding-bottom: 21px;
    margin-bottom: 21px
}

.head_white {
    color: #fff
}

.head_white:after {
    background-color: #fff
}

.head_small-line:after {
    width: 88px;
    left: calc(50% - 44px)
}

.head_black-left {
    text-align: left
}

.head_black-left:after {
    left: 0
}

.top-bar {
    background-color: #;
    position: relative;
    z-index: 4
}

.top-bar__container,
.top-bar__control-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.top-bar__control-panel {
    margin-left: auto
}

.top-bar__control-panel_decorate {
    position: relative
}

.top-bar__control-panel_decorate:after {
    content: "";
    position: absolute;
    top: calc(100% + 20px);
    height: 1px;
    width: 2000px;
    left: -40px;
    background-color: hsla(0, 0%, 100%, .2)
}

.top-bar__control-panel_decorate:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: -40px;
    width: 1px;
    height: 74px;
    background-color: hsla(0, 0%, 100%, .2)
}

.top-bar__control-panel_decorate-circle {
    display: inline-block;
    position: absolute;
    width: 5px;
    bottom: 54px;
    height: 5px;
    left: -42px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 50%
}

.top-bar__enter {
    font-size: 0;
    padding: 10px 29px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

.top-bar__enter.top-bar__enter__lang-search {
    padding: 12px 29px 11px;
    border-color: transparent
}

.top-bar__enter-btn {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.top-bar__sign-in {
    margin-right: 28px
}

.top-bar__search {
    font-size: 0
}

.top-bar__search-btn {
    font-size: 16px;
    padding-left: 30px;
    color: #fff;
    text-decoration: none
}

.nav__list.nav__list__lang .nav__item {
    padding: 34px 15px;
    text-transform: uppercase
}

.nav__item {
    display: inline-block;
    padding: 34px 29px 34px 0;
    position: relative
}

.nav__item-dropdown {
    padding-right: 37px
}

.nav__sublist {
    background-color: #ffbb49;
    top: 158%;
    left: -40px;
    width: calc(100% + 80px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    position: absolute;
    padding: 0;
    z-index: 3;
    opacity: 0;
    transition: all .3s;
    visibility: hidden
}

.nav__sublist.lang__list {
    padding-left: 55px
}

.nav__sublist__footer {
    top: calc(-100% - 20px)
}

.nav__subitem {
    list-style-type: none;
    padding: 8px 12px;
    text-align: center;
    background: #fff;
}
.nav__subitem a:after{content: '';
    position: absolute;
    width: 0;
    height: 2px;
    left: 50%;
    bottom: -2px;
    background-color: #ffbc49;
    transition: all ease-in-out .2s;
}
.nav__subitem:hover>a::after{width: 100%;
    left: 0;}
.nav__link {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    transition: all .3s;
    padding-bottom: 4px;
    position: relative;
}
.nav__link-big:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    left: 50%;
    bottom: -8px;
    background-color: #ffbc49;
    transition: all ease-in-out .2s;
}
.nav__link-big:hover::after {
    width: 100%;
    left: 0;
}
.nav__link:hover {
    border-color: #000;
    color: #000;
    cursor: pointer
}

.nav__link-big {
    position: relative;
    cursor: pointer
}

.nav__link-big:hover {
    border-bottom-color: transparent
}

.nav__link-big:before {
    content: "";
    transition: all .3s;
    position: absolute;
    left: calc(100% + 4px);
    top: calc(50% - 4px);
    width: 0;
    height: 0;
    display: inline-block;
    border-style: solid;
    border-width: 4px 3px 0;
    border-color: #000 transparent transparent
}

.header {
    height: calc(100% - 97px);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: relative
}

.header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 0
}

.header:after {
    bottom: 0;
    height: 400px;
    background: url(../img/header__bottom.svg) no-repeat bottom/contain
}

.header:after,
.header__video:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1
}

.header__video:before {
    top: 0;
    height: 100%;
    background-color: transparent
}

.header__video .video__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
}

.header__video .video__bg video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.header__video .video__bg img {
    object-fit: cover;
    width: 100%
}

.header__video-ru:before {
    content: none
}

.header__video-ru .header__title {
    font-weight: 800
}

.header__video-ru .header__title span {
    font-weight: 400
}

.header__video-ru .header__text,
.header__video-ru .header__title {
    color: #000
}

.header__video-ru .video__bg {
    display: block
}

.header_light:before {
    content: none
}

.header__container {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    padding: 220px 0 165px;
    max-width: 1330px;
    margin: 0 auto
}

.header__title {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.16;
    white-space: nowrap
}

.header__panel {
    background: rgba(44, 40, 39, .7);
    padding: 43px 43px 60px 0;
    position: relative;
    margin-bottom: 200px;
    margin-left: -10px
}

.header__panel:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 1000px;
    background: rgba(44, 40, 39, .7)
}

.header__text {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding-right: 50px;
    display: inline-block;
    padding-top: 40px;
    position: relative;
    min-height: 150px;
    max-width: 800px
}

.header__text_small {
    min-height: 0
}

.header__text_padding {
    padding-bottom: 200px
}

.header__text:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 225px;
    height: 4px;
    background-color: hsl(38deg 100% 64%);
}

.header__text span {
    text-transform: none;
    display: block;
    font-size: 18px;
    padding-top: 25px
}

.header__text-bold {
    font-weight: 600
}

.header__text.without_button {
    margin-bottom: 200px
}

.header__buttons {
    padding-top: 51px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding-right: 40px
}

.header__buttons .btn {
    border: 1px solid #fff;
    padding-top: 12px;
    padding-bottom: 12px
}

.header__buttons_big {
    padding-top: 180px
}

.header__btn {
    margin-left: 20px
}

.header__btn-orange {
    background: #ff8b0c;
    border: 1px solid #ff8b0c;
    transition: all .3s ease
}

.header__btn-orange:hover {
    background-color: #ff8b0cc2;
    border-color: #ff8b0cc2
}

.header__info {
    padding-bottom: 28px;
    font-size: 18px;
    letter-spacing: .07em;
    font-weight: 300;
    color: #fff
}

.header__author {
    margin-right: 23px
}

.header__author strong {
    font-weight: 700
}

.header.blogs__header:before {
    background-color: rgba(0, 0, 0, .6)
}

.header .orange-gradient {
    background: linear-gradient(270deg, #f2620f, #f39311);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.header .orange-gradient--decorated {
    position: relative
}

.header .orange-gradient--decorated:before {
    content: "";
    background: #ec8a25;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 90%;
    height: 4px
}

.about {
    padding: 105px 0 130px
}

.about__container {
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 4px 44px 10px hsla(0, 0%, 80%, .5)
}

.about__right {
    width: 50%
}

.about__left {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 50px
}

.about__text {
    padding-bottom: 50px;
    max-width: 510px;
    margin: 0 auto
}

.about__text p {
    margin-bottom: 10px
}

.about-benefit__item {
    background: #f68b1e url(../img/tile__bg.png) no-repeat bottom;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 0;
    border: 1px solid #fff;
    position: relative
}

.about-benefit__number-big {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .07
}

.about-benefit__info {
    width: 67%;
    padding: 25px 46px 0 0;
    text-align: right;
    line-height: 1.05
}

.about-benefit__ico {
    width: 33%
}

.about-benefit__number {
    font-size: 0;
    padding-bottom: 28px
}

.about-benefit__number span {
    font-size: 61px;
    color: #fff;
    font-weight: 900;
    font-family: monospace;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.about-benefit__number .scale {
    transform-origin: 0 0;
    transform: scale(1.1, 1.4)
}

.about-benefit__number .scale span {
    transform: none;
    font-size: 40px
}

.about-benefit .number {
    font-family: , sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -5.6px;
    font-size: 60px
}

.about-benefit .number,
.about-benefit .number__scale {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.about-benefit .number__scale {
    transform: scaleY(1.5)
}

.about-benefit .number .normal {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: scaleY(.7)
}

.about-benefit .number__big {
    font-size: 309px;
    color: #fff;
    line-height: 200px;
    position: absolute;
    left: -14px;
    top: 0;
    letter-spacing: -30px
}

.about-benefit__name {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.about-benefit__ico {
    display: inline-block;
    width: 164px;
    height: 164px;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    position: relative
}

.about-benefit__ico:after {
    top: 50%;
    left: 50%;
    width: 144px;
    height: 144px;
    background-color: #fff
}

.about-benefit__ico:after,
.about-benefit__ico:before {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.about-benefit__ico:before {
    top: calc(50% - 2px);
    left: calc(50% + 2px);
    width: 100%;
    height: 100%;
    background: #fff url(../img/circle.svg) no-repeat 50%/cover;
    opacity: .5
}

.about-benefit__ico img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.monetication {
    padding: 70px 0
}

.monetication__container {
    max-width: 1550px
}

.monetication__content {
    position: relative;
    padding-top: 27px
}

.monetication__photo {
    position: absolute;
    left: calc(50% - 40px);
    top: 70px;
    transform: translateX(-50%);
    z-index: 1
}

.monetication__photo img {
    max-width: 500px
}

.monetication__item {
    display: -ms-flexbox;
    display: flex;
    padding-top: 75px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(45, 41, 40, .2);
    position: relative
}

.monetication__item:after {
    left: -1px
}

.monetication__item:after,
.monetication__item:before {
    content: "";
    position: absolute;
    bottom: -4px;
    background-color: #fff;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    border: 1px solid rgba(45, 41, 40, .2)
}

.monetication__item:before {
    right: -1px
}

.monetication__item-right {
    margin-left: auto;
    text-align: right
}

.monetication__name {
    color: #524b49;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4
}

.monetication__descr {
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .01em;
    padding-top: 5px
}

.monetication__control {
    padding-top: 200px;
    text-align: center;
    padding-bottom: 30px
}

.params {
    background: #f68b1e url(../img/decoration.png) no-repeat bottom;
    padding: 60px 0 156px
}

.params__item,
.params__items {
    display: -ms-flexbox;
    display: flex
}

.params__item {
    width: calc(33.333% - 34px);
    margin-right: 51px;
    box-shadow: 0 10px 30px rgba(44, 40, 39, .2);
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    transition: all .3s;
    text-decoration: none
}

.params__item_big {
    width: calc(50% - 45px);
    margin-right: 90px
}

.params__item:hover {
    transform: scale(1.05)
}

.params__item:hover .btn {
    background-color: #3c9dd0;
    border-color: #3c9dd0
}

.params__item:hover .btn_outline {
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, .1)
}

.params__item:last-child {
    margin-right: 0
}

.params__box {
    background-color: #fff;
    padding: 51px 50px 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.params__sub-title {
    padding-bottom: 38px;
    margin-top: -10px
}

.params__text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    color: #524b49;
    padding-bottom: 63px
}

.params__icon {
    height: 285px;
    text-align: center;
    margin-top: auto
}

.params__icon_small {
    height: 210px
}

.params__icon_pad {
    margin-bottom: 45px
}

.params__icon_big {
    height: 270px
}

.params__icon img {
    max-width: 100%;
    max-height: 100%
}

.params__control {
    text-align: center;
    background-color: #2c2827;
    padding: 23px 0 37px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.team {
    padding: 135px 0 147px;
    background-color: #fcfcfc
}

.team__controls {
    text-align: center;
    padding-top: 70px
}

.team__text {
    margin-top: -8px
}

.team__text_padding {
    padding: 0 0 2px
}

.team__items {
    padding-top: 72px
}

.team__item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 6px 15px 2px rgba(0, 0, 0, .12);
    position: relative;
    transition: all .3s;
    text-decoration: none
}

.team__item,
.team__item:visited {
    color: #2c2827
}

.team__item:hover {
    transform: scale(1.02)
}

.team__item:hover .btn {
    background-color: #3c9dd0;
    border-color: #3c9dd0
}

.team__item:hover .btn_outline {
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, .1)
}

.team__item:after {
    content: "";
    position: absolute;
    width: 568px;
    height: 1px;
    top: calc(50% + 10px);
    background: rgba(44, 40, 39, .2)
}

.team__item:before {
    content: "";
    position: absolute;
    top: calc(50% + 7px);
    left: 568px;
    width: 5px;
    height: 5px;
    border: 1px solid rgba(44, 40, 39, .2);
    border-radius: 50%
}

.team__item-left {
    width: calc(100% - 250px);
    padding: 24px 68px 25px 66px
}

.team__item-right {
    width: 250px;
    background-color: #2c2827;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team__item-place {
    color: #f68b1e;
    font-size: 18px;
    font-weight: 700
}

.team__item-name {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 15px
}

.team__item-name_hot span {
    position: relative
}

.team__item-name_hot span:after {
    content: "";
    position: absolute;
    left: calc(100% + 17px);
    top: 0;
    width: 26px;
    height: 32px;
    background: url(../img/icon-hot.svg) no-repeat 50%/contain
}

.brands {
    background-color: #2c2827;
    padding: 100px 0 90px;
    color: #fff;
    position: relative
}

.brands:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/glow.png) no-repeat 0 0/contain;
    opacity: .7
}

.brands__container {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1
}

.brands__title {
    letter-spacing: .01em;
    position: relative;
    right: 132px
}

.brands__left {
    width: 120px
}

.brands__right {
    width: calc(100% - 120px);
    padding-left: 145px
}

.brands__pagin-slider {
    margin-left: -50px
}

.brands__pagin-ico img {
    max-width: 50px;
    max-height: 50px;
    height: auto;
    width: auto;
    transition: all .3s;
    opacity: .5
}

.brands__pagin-name {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: all .3s;
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%);
    width: 170px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.brands__pagin-item {
    text-align: center;
    position: relative;
    margin: 57px 0;
    cursor: pointer
}

.brands__pagin-item:first-child {
    margin-top: 0
}

.brands__pagin-item.brands__pagin_item_active .brands__pagin-name,
.brands__pagin-item:hover .brands__pagin-name {
    opacity: 1;
    height: auto;
    visibility: visible
}

.brands__pagin-item.brands__pagin_item_active .brands__pagin-ico img,
.brands__pagin-item:hover .brands__pagin-ico img {
    transform: scale(1.6);
    opacity: 1
}

.brands-slider {
    padding-top: 30px
}

.brands-slider__item {
    display: -ms-flexbox!important;
    display: flex!important
}

.brands-slider__ico {
    width: 40%
}

.brands-slider__ico img {
    width: 350px;
    height: auto
}

.brands-slider__info {
    width: 60%;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 30px;
    padding-left: 22px
}

.brands-slider__title {
    color: #fff;
    font-size: 24px;
    font-weight: 600
}

.brands-slider__text {
    padding: 32px 0 100px;
    font-size: 18px;
    font-weight: 300;
    color: hsla(0, 0%, 100%, .8);
    line-height: 1.4;
    min-height: 242px
}

.brands-slider__text p {
    padding-bottom: 10px
}

.brands-slider__btn {
    margin-left: 20px
}

.blog {
    background: #2c2827;
    position: relative;
    color: #fff;
    padding: 167px 0 184px
}

.blog__wrapper {
    display: -ms-flexbox;
    display: flex
}

.blog__subtitle {
    margin-top: -5px
}

.blog__slider {
    padding-top: 25px;
    margin-left: -15px;
    margin-right: -15px
}

.blog__slider .slick-arrow {
    bottom: -100px
}

.blog__item {
    padding: 50px 50px 90px;
    background-color: #fff;
    overflow: hidden;
    transition: all .3s;
    display: block;
    height: 100%;
    text-decoration: none
}

.blog__item-arr {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #2c2827;
    text-align: center;
    bottom: 0;
    right: 100%;
    position: absolute;
    transition: all .3s
}

.blog__item-arr:after {
    content: "";
    height: 100%
}

.blog__item-arr:after,
.blog__item-arr img {
    vertical-align: middle;
    display: inline-block
}

.blog__item:hover {
    box-shadow: 0 0 0 20px hsla(0, 0%, 100%, .1);
    transform: scale(1.03)
}

.blog__item:hover .blog__item-img {
    box-shadow: inset 0 0 0 50px hsla(0, 0%, 100%, .2)
}

.blog__item:hover .blog__item-arr {
    right: 0
}

.blog__item-wrap {
    padding: 50px 20px;
    width: 33.3%
}

.blog__item-img {
    position: relative;
    background-size: cover;
    background-position: 50%;
    transition: all .3s;
    overflow: hidden
}

.blog__item-img:after {
    content: "";
    display: block;
    padding-bottom: 57%
}

.blog__item-title {
    padding: 23px 0;
    color: #2c2827;
    font-size: 28px;
    font-weight: 900
}

.blog__item-text {
    color: #524b49;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 300;
    padding-bottom: 25px
}

.blog__item-link {
    color: #f68b1e;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    transition: color .3s
}

.blog__item-link:hover {
    color: #3c9dd0
}

.blog__item-link:after {
    content: "";
    position: absolute;
    left: calc(100% + 65px);
    width: 1000px;
    top: 50%;
    height: 1px;
    background-color: rgba(44, 40, 39, .2)
}

.blog__item-link:before {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    width: 5px;
    height: 5px;
    left: calc(100% + 60px);
    border-radius: 50%;
    border: 1px solid rgba(44, 40, 39, .2)
}

.blog__controls {
    padding-top: 30px;
    text-align: center;
    padding-left: 320px
}

.events {
    padding: 133px 0 210px
}

.events__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 40px;
    max-width: 1510px;
    margin: 0 auto
}

.events__item {
    width: 33.3333%;
    padding: 80px 50px;
    text-align: center;
    position: relative
}

.events__item_completed .events__ico img {
    filter: grayscale(85%);
    opacity: .4
}

.events__item_completed .events__ico:after {
    content: "";
    position: absolute;
    top: 30px;
    right: 50px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #3c9dd0 url(../img/icon-check.svg) no-repeat 50%
}

.events__item:nth-child(3n):before,
.events__item:nth-last-child(4)~:after {
    content: none
}

.events__item:after {
    width: calc(100% - 40px);
    height: 1px;
    left: 0;
    bottom: 0
}

.events__item:after,
.events__item:before {
    content: "";
    position: absolute;
    background-color: rgba(44, 40, 39, .2)
}

.events__item:before {
    top: 20px;
    right: 20px;
    height: calc(100% - 40px);
    width: 1px
}

.events__item .back {
    transform: rotateY(180deg);
    opacity: 0;
    transition: opacify .4s ease
}

.events__ico {
    height: 130px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.events__ico img {
    width: 100%;
    max-width: 280px;
    height: auto
}

.events__date {
    position: absolute;
    top: 30px;
    right: 50px;
    font-size: 16px;
    font-weight: 700
}

.events__control {
    padding-top: 70px;
    text-align: center;
    padding-left: 320px
}

.acquistion__header .header__container {
    padding: 130px 0 250px
}

.acquistion__header .header__text {
    padding-top: 0px
}

.acquistion__header .header__buttons_big {
    padding-top: 215px
}

.career__header .header__container {
    padding: 195px 0 150px
}

.career__header .header__text {
    line-height: 1.3;
    padding-top: 58px
}

.career__header .header__text span {
    padding-top: 16px
}

.footer {
    background: #2c2827;
    padding: 20px 0 90px;
    position: relative;
    overflow: visible;
    z-index: 3
}

.footer_simple {
    padding-top: 40px;
    border-top: 2px solid #f68b1e
}

.footer__section {
    overflow: visible;
    position: relative
}

.footer__section:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 170px;
    background: url(../img/footer__triangle.svg) no-repeat bottom;
    z-index: 2
}

.footer__section_simple:before {
    display: none
}

.footer:after {
    content: "";
    top: calc(100% - 15px);
    width: 100%;
    height: 15px;
    position: absolute;
    left: 0;
    background-color: #f68b1e;
    transform-origin: 0 100%;
    transform: rotate(.64deg)
}

.footer__container {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.footer__copyright {
    color: hsla(0, 0%, 100%, .4);
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
    text-decoration: none;
    position: absolute;
    top: 53px;
    left: 71px
}

.footer__social {
    padding: 0 22px
}

.social {
    font-size: 0
}

.social__link {
    font-size: 18px;
    color: hsla(0, 0%, 100%, .3);
    transition: all .3s;
    display: inline-block;
    margin: 0 8px;
    border: none
}

.social__link:hover {
    color: #fff
}

.offer {
    padding: 135px 0 76px
}

.offer__controls {
    text-align: center;
    padding-top: 88px;
    padding-left: 210px
}

.offer__subtitle {
    margin-bottom: 30px;
    margin-top: -20px
}

.offer__subtitle p.uppercase {
    padding-bottom: 10px
}

.offer__subtitle span {
    text-transform: none;
    display: block;
    line-height: 2;
    font-size: 18px;
    font-weight: 300;
    font-family: , sans-serif
}

.offer__subtitle_white {
    color: #fff
}

.offer_dark {
    background-color: #2d2928
}

.offer__items {
    display: -ms-flexbox;
    display: flex
}

.offer__item {
    width: 25%;
    text-align: center
}

.offer__item_white {
    color: #fff
}

.offer__item_white .offer__name:after {
    background: #fff
}

.offer__ico {
    height: 176px;
    width: 176px;
    margin: 0 auto;
    position: relative
}

.offer__ico:after {
    position: absolute;
    top: calc(50% - 95px);
    left: calc(50% - 85px);
    width: 100%;
    background: url(../img/icon-offer-circle.svg) no-repeat 50%/contain
}

.offer__ico:after,
.offer__ico:before {
    content: "";
    height: 100%
}

.offer__ico:before,
.offer__ico img {
    display: inline-block;
    vertical-align: middle
}

.offer__ico img {
    max-width: 108px;
    max-height: 108px
}

.offer__img {
    text-align: center
}

.offer__img img {
    max-width: 1020px
}

.offer__code_title {
    font-family: , sans-serif;
    text-align: center;
    margin: 20px 0;
    font-size: 24px
}

.offer__name {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    padding: 42px 0 18px;
    margin-bottom: 25px
}

.offer__name:after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 44px);
    width: 88px;
    height: 2px;
    background-color: #524b49
}

.offer__text {
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.35
}

.offer__text_white {
    color: #fff
}

.click-count {
    background-color: #f4f4f4;
    padding: 73px 0 161px
}

.click-count .params__sub-title {
    padding-bottom: 36px;
    margin-top: -9px
}

.click-count .params__text {
    line-height: 1.42;
    padding-bottom: 77px
}

.click-count__items {
    padding-top: 53px
}

.click-count__text {
    margin-bottom: 30px
}

.click-count__subtitle {
    padding-bottom: 20px;
    margin-bottom: 35px;
    position: relative;
    font-size: 33px;
    font-weight: 700;
    text-align: center
}

.click-count__subtitle:after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 44px);
    width: 88px;
    height: 2px;
    background-color: #d8d7d7
}

.click-count__subtitle_black:after {
    background-color: #2c2827
}

.register {
    background: #f68b1e url(../img/flag__bg.svg) no-repeat 100%/auto 100%;
    padding: 100px 0
}

.register_small {
    padding: 82px 0 87px
}

.register_accent {
    background: #f68b1e
}

.register__panel {
    box-shadow: 0 30px 60px hsla(0, 0%, 60%, .5);
    background-color: #fff;
    padding: 50px 80px 20px 78px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.register__btn {
    margin-left: auto;
    display: inline-block;
    background-color: #f68b1e;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 32px 52px
}

.register__btn_tranparent {
    background: transparent;
    border: 1px solid #2c2827;
    color: #2c2827;
    margin-left: 0
}

.register__item {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.register__name {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-left: 70px;
    top: -15px
}

.register__name:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -29px;
    width: 188px;
    height: 2px;
    background-color: #2c2827
}

.register__divider {
    position: absolute;
    top: 0;
    height: 100%;
    left: calc(50% - 1px);
    width: 1px;
    border-right: 6px dotted #c8925a
}

.media {
    background-color: #3c9dd0;
    padding: 120px 0 155px
}

.media__subtitle {
    color: #fff;
    padding-bottom: 75px
}

.control {
    padding: 115px 0 130px;
    background: #2d2928;
    position: relative
}

.control:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/glow2.png) no-repeat 0 0;
    opacity: .2
}

.control__container {
    position: relative;
    z-index: 1
}

.control__item {
    font-size: 22px;
    color: #fff
}

.control__items {
    max-width: 1000px;
    margin: 0 auto
}

.control__item {
    margin-bottom: 40px;
    padding-left: 86px;
    position: relative
}

.control__item:after {
    content: "";
    position: absolute;
    top: calc(50% - 18px);
    left: 0;
    width: 37px;
    height: 37px;
    background: url(../img/check.svg) no-repeat 50%/contain
}

.partners {
    padding: 110px 0 300px
}

.partners__mail {
    color: #3c9dd0;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    margin-top: -10px;
    margin-bottom: 60px
}

.partners__mail,
.partners__mail .fa {
    vertical-align: middle;
    display: inline-block
}

.partners__mail .fa {
    color: #cbcbcb;
    font-size: 13px;
    margin-right: 5px
}

.partners__slider {
    box-shadow: 0 6px 36px 4px hsla(0, 0%, 60%, .5);
    background-color: #fff
}

.partners__slider .slick-next {
    bottom: 90px;
    right: 50px
}

.partners__slider .slick-prev {
    left: 50px;
    bottom: 90px
}

.partners__slide {
    position: relative;
    padding: 25px 128px 0 80px
}

.partners__slide:after {
    content: "";
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #f68b1e
}

.partners__slide-content {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1
}

.partners__img {
    width: 42%;
    position: relative
}

.partners__img:after {
    content: "";
    position: absolute;
    top: 15px;
    right: -31px;
    width: 119px;
    height: 107px;
    background: url(../img/quotes.png) no-repeat 50%/contain
}

.partners__img img {
    max-width: 100%
}

.partners__info {
    padding-top: 120px;
    width: 58%;
    padding-left: 52px
}

.partners__text {
    padding-bottom: 45px;
    padding-left: 30px;
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5
}

.partners__panel {
    background-color: #cd5d16;
    padding: 32px 50px
}

.partners__name {
    font-size: 32px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase
}

.partners__profession {
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.partners__profession,
.uppercase {
    text-transform: uppercase
}

.animation_container-sdk {
    position: relative;
    margin: auto;
    max-width: 100%;
    background-color: #fff
}

.dom_overlay_container-sdk {
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    display: block
}

.canvas-sdk {
    position: absolute;
    display: block;
    background-color: #fff
}

.sdk {
    padding: 100px 0 99px
}

.sdk__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 75px;
    max-width: 1290px;
    margin: 0 auto
}

.sdk__img {
    margin-left: auto;
    position: relative
}

.sdk__img-container-animation {
    position: relative;
    margin: auto;
    max-width: 100%
}

.sdk__subtitle span {
    display: block;
    margin-top: 20px;
    color: #524b49;
    font-family: , sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.35;
    text-transform: none
}

.sdk__item {
    padding-bottom: 70px
}

.sdk__item:last-child {
    padding-bottom: 20px
}

.sdk__name {
    margin-bottom: 18px;
    color: #524b49;
    font-size: 24px;
    font-weight: 600;
    position: relative
}

.sdk__name:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 400px;
    height: 1px;
    background-color: #dedede
}

.sdk__name:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid #dedede;
    left: calc(100% - 5px);
    top: calc(50% - 3px)
}

.sdk__text {
    color: #524b49;
    font-family: , sans-serif;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 300
}

.sdk__info {
    max-width: 520px;
    padding-left: 50px;
    padding-bottom: 82px
}

.reminder {
    background-image: url(../img/reminder-bg.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    padding: 14px 17px 19px 19px;
    color: #fff;
    font-family: Code, sans-serif;
    font-size: 27px;
    line-height: 1;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.16px
}

.traffic {
    background: url(../img/tile__bg2.png) no-repeat bottom/contain;
    padding: 150px 0
}

.traffic__title.big {
    font-size: 66px
}

.traffic__reminder {
    margin-bottom: 15px
}

.traffic_orange {
    background-color: #f68b1e
}

.traffic_blue {
    background-color: #3c9dd0
}

.traffic__content {
    max-width: 1375px;
    margin: 0 auto
}

.traffic__top {
    background-color: #fff;
    padding: 80px 88px 74px 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.traffic__bottom {
    text-align: right;
    padding: 23px 18.5% 38px 0;
    background-color: #2c2827;
    overflow: hidden
}

.traffic__info {
    width: 50%;
    padding-right: 20px
}

.traffic__img {
    width: 50%;
    text-align: right
}

.traffic__img img {
    max-width: 356px
}

.traffic__text {
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.35;
    padding-right: 80px;
    text-align: left
}

.radwall {
    background: url(../img/tile__bg2.png) repeat bottom/contain;
    padding: 150px 0
}

.radwall__reminder {
    margin-bottom: 15px
}

.radwall_orange {
    background-color: #f68b1e
}

.radwall_blue {
    background-color: #3c9dd0
}

.radwall__content {
    max-width: 1375px;
    margin: 0 auto
}

.radwall__top {
    background-color: #fff
}

.radwall__bottom {
    text-align: right;
    padding: 23px 18.5% 38px 0;
    background-color: #2c2827;
    overflow: hidden
}

.radwall__info {
    width: 50%;
    padding-right: 20px
}

.radwall__title {
    font-size: 48px;
    margin-bottom: 5px
}

.radwall__title:after {
    width: 88px
}

.radwall__head {
    padding: 121px 0 95px 124px
}

.radwall__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.radwall__col-left {
    max-width: 45%;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
    padding-right: 45px
}

.radwall__col-right {
    max-width: 55%;
    -ms-flex: 55%;
    flex: 55%;
    padding: 37px 77px 40px 55px
}

.radwall__col_orange {
    background-color: #d13312;
    background-image: linear-gradient(0deg, rgba(255, 144, 11, .5), rgba(251, 191, 64, .5))
}

.radwall__text {
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: .18px
}

.radwall__text-big {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase
}

.radwall__text-big b {
    font-weight: 900;
    letter-spacing: .22px
}

.radwall__steps {
    padding: 0 52px 50px 81px
}

.radwall__step,
.radwall__steps-flex {
    display: -ms-flexbox;
    display: flex
}

.radwall__step {
    max-width: 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    padding: 0 15px 40px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.radwall__step-head {
    padding-bottom: 28px
}

.radwall__step-head h4 {
    text-transform: uppercase;
    color: #524b49;
    font-size: 25px;
    line-height: 1;
    font-weight: 700
}

.radwall__step-head p {
    color: #524b49;
    font-size: 19px;
    line-height: 1;
    font-weight: 300
}

.radwall__step-img {
    display: inline-block
}

.radwall__step-img--hand {
    position: relative;
    z-index: 1
}

.radwall__step-img--hand:before {
    top: 30%;
    left: 63%;
    background-image: url(../img/icon--hand.png);
    width: 52.45%;
    height: 36.989%;
    z-index: 2
}

.radwall__step-img--hand:after,
.radwall__step-img--hand:before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}

.radwall__step-img--hand:after {
    top: 50%;
    transform: translateY(-50%);
    left: 15%;
    background-image: url(../img/icon--step--3--double.png);
    width: 100%;
    height: 85%;
    z-index: -1
}

.radwall__step-img img {
    max-width: 100%;
    object-fit: cover
}

.comming {
    padding: 120px 0 220px
}

.comming-pad-bot-normal {
    padding-bottom: 120px
}

.comming__items {
    padding: 10px 0 0
}

.comming__item,
.comming__items {
    display: -ms-flexbox;
    display: flex
}

.comming__item {
    width: calc(50% - 50px);
    border: 1px solid #e8e8e8;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 10px 20px rgba(44, 40, 39, .15);
    padding: 73px 115px 50px;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.comming__item_small {
    padding-left: 75px;
    padding-right: 80px;
    padding-bottom: 95px
}

.comming__item:nth-child(2n) {
    margin-left: 100px
}

.comming__name {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-transform: inherit
}

.comming__name_left {
    text-align: left;
    margin-bottom: 21px
}

.comming__name_left:before {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    width: 5px;
    left: calc(50% + 44px);
    height: 5px;
    border: 1px solid rgba(45, 41, 40, .2);
    border-radius: 50%
}

.comming__name_left:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% + 50px);
    height: 1px;
    width: 100%;
    background-color: rgba(45, 41, 40, .2)
}

.comming__text {
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.35;
    padding: 6px 0 51px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: left
}

.comming__ico {
    height: 100%;
    position: relative
}

.comming__ico:after {
    content: "";
    height: 100%
}

.comming__ico:after,
.comming__ico img {
    display: inline-block;
    vertical-align: middle
}

.comming__ico img {
    max-width: 280px
}

.comming__ico--chatbot {
    padding-top: 20px
}

.comming__ico--chatbot img {
    max-width: 451px
}

.comming__ico--tds img {
    max-width: 400px
}

.result {
    padding: 104px 0
}

.result .head_black {
    padding-bottom: 36px;
    margin-bottom: 36px
}

.result__content {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 25px
}

.result__items {
    display: -ms-flexbox;
    display: flex
}

.result__item {
    width: calc(50% - 50px);
    background-color: #fff;
    color: #2c2827;
    text-align: center;
    padding: 43px 0 67px
}

.result__item_frame {
    position: relative;
    overflow: hidden
}

.result__item_frame>* {
    position: relative;
    z-index: 1
}

.result__item_frame:after {
    content: "";
    position: absolute;
    height: 150%;
    width: 40px;
    background-color: #eee;
    top: 50%;
    transform: translate(-50%, -50%) rotate(35deg);
    left: 50%
}

.result__item_frame:before {
    content: "";
    position: absolute;
    height: calc(100% - 60px);
    width: calc(100% - 60px);
    border: 30px solid #eee;
    top: 0;
    left: 0
}

.result__item:nth-child(2n) {
    margin-left: 100px
}

.result__ico {
    padding-bottom: 44px
}

.result__ico img {
    background-color: #fff;
    border-radius: 50%
}

.result__name {
    font-weight: 600;
    font-size: 33px;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 39px;
    text-transform: uppercase
}

.result__name:after {
    content: "";
    position: absolute;
    left: calc(50% - 44px);
    bottom: 0;
    width: 88px;
    height: 2px;
    background-color: #524b49
}

.result__name span {
    font-size: 44px
}

.result__list {
    display: inline-block;
    list-style-type: none
}

.result__list-item {
    text-align: left;
    margin-bottom: 13px;
    padding-left: 39px;
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    position: relative
}

.result__list-item_yes:after {
    background: #f68b1e url(../img/icon-check.svg) no-repeat 50%/11px 11px
}

.result__list-item_no:after {
    background: #3c9dd0 url(../img/icon-plus.svg) no-repeat 50%
}

.result__list-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    border-radius: 50%
}

.result__controls {
    padding-top: 67px
}

.result__btn {
    box-shadow: 0 0 0 10px #423f3e
}

.result__btn,
.result__btn span {
    position: relative;
    display: inline-block;
    width: 100%
}

.result__btn span {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #f68b1e;
    text-align: center;
    padding: 23px 10px;
    z-index: 2
}

.result__btn:after {
    content: "";
    position: absolute;
    left: 20.5%;
    bottom: calc(100% - 17px);
    width: 34px;
    box-shadow: 0 0 0 10px #423f3e;
    z-index: 1;
    height: 34px;
    transform: rotate(45deg);
    background-color: #f68b1e
}

.need {
    padding: 110px 0 115px
}

.need__items {
    display: -ms-flexbox;
    display: flex;
    padding: 54px 50px 0
}

.need__item {
    width: 100%;
    padding: 0 75px;
    text-align: center
}

.need__name {
    padding: 29px 0 9px;
    color: #524b49;
    font-size: 24px;
    font-weight: 600
}

.need__text {
    text-align: left
}

.need__text p {
    padding-bottom: 15px;
    color: #524b49;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 300
}

.we-offer {
    background: #f68b1e url(../img/decoration.png) no-repeat bottom;
    padding: 183px 0 224px
}

.we-offer__items {
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px
}

.we-offer__col {
    width: 50%
}

.we-offer__item {
    color: #fff;
    padding: 3px 0 4px;
    font-size: 22px;
    font-weight: 300
}

.successs {
    padding: 140px 0 157px
}

.successs__subtitle {
    text-align: center;
    font-size: 22px
}

.successs__items {
    padding: 87px 35px 0;
    display: -ms-flexbox;
    display: flex
}

.successs__item {
    width: calc(20% - 32px);
    margin-right: 40px;
    text-align: center;
    padding: 65px 30px 36px;
    box-shadow: 0 3px 26px 2px rgba(44, 40, 39, .2);
    border: 1px solid #f9f9f9
}

.successs__item-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.successs__item-text {
    color: #524b49;
    font-size: 17px;
    font-style: italic;
    line-height: 1.3
}

.successs__item:last-child {
    margin-right: 0
}

.successs__ico {
    padding-bottom: 34px
}

.successs__ico img {
    max-width: 145px;
    max-height: 145px;
    border-radius: 50%;
    box-shadow: 0 0 5px 18px hsla(200, 7%, 92%, .25)
}

.successs__name {
    padding: 20px 0 5px;
    color: #2c2827;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: auto
}

.successs__profession {
    color: #4f8193;
    font-size: 13px;
    font-weight: 400;
    margin-top: -6px
}

.team-events {
    background: #3c9dd0 url(../img/decoration.png) no-repeat bottom;
    padding: 100px 0 240px;
    color: #fff
}

.team-events__items {
    padding: 85px 50px 0
}

.team-events__item {
    position: relative;
    padding: 38px 0 30px;
    margin-bottom: 31px;
    background-size: cover;
    background-position: 50%;
    height: 310px
}

.team-events__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: all .3s
}

.team-events__item:hover {
    color: #2c2827
}

.team-events__item:hover:after {
    opacity: 0
}

.team-events__item:hover .team-events__content,
.team-events__item:hover .team-events__top {
    background-color: hsla(0, 0%, 100%, .75)
}

.team-events__top {
    display: inline-block;
    margin-bottom: 20px;
    background: hsla(0, 0%, 100%, .2);
    padding: 11px 70px 12px 48px
}

.team-events__content,
.team-events__top {
    position: relative;
    z-index: 1;
    transition: all .3s
}

.team-events__content {
    background-color: hsla(0, 0%, 100%, .2);
    padding: 25px 20px 32px 49px;
    max-width: 492px;
    font-size: 16px
}

.team-events__year {
    font-size: 20px;
    font-weight: 700
}

.team-events__name {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
    margin-top: -2px
}

.team-events__controls {
    text-align: center;
    padding-left: 242px;
    padding-top: 87px
}

.about-company {
    padding: 100px 0 170px
}

.about-company__subtitle {
    max-width: 1300px;
    margin: 0 auto;
    text-align: left;
    position: relative
}

.about-company__subtitle:after {
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    background: url(../img/icon-check-blue.svg) no-repeat 50%;
    top: -10px;
    right: calc(100% + 36px)
}

.about-company__controls {
    padding-top: 80px;
    text-align: center
}

.up-events {
    padding: 97px 0 108px
}

.up-events__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 75px;
    width: 100%
}

.up-events__item {
    margin-right: 95px;
    width: calc(50% - 47.5px);
    margin-bottom: 50px;
    overflow: hidden
}

.up-events__item:nth-child(2n) {
    margin-right: 0
}

.up-events__submit {
    position: relative;
    background: transparent
}

.up-events__submit:hover {
    cursor: pointer
}

.up-events__submit input {
    background-color: transparent;
    border: none;
    color: #3c9dd0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1
}

.up-events__controls {
    padding-top: 30px;
    text-align: center
}

.event {
    padding: 32px 50px 51px;
    box-shadow: 0 2px 32px 3px rgba(44, 40, 39, .15)
}

.event__img {
    position: relative;
    background-position: 50%;
    background-size: cover
}

.event__img:after {
    content: "";
    display: block;
    padding-bottom: 55.4%
}

.event__title {
    color: #2c2827;
    font-size: 28px;
    font-weight: 900;
    padding-bottom: 23px
}

.event__info {
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px
}

.event__info .col__event_info {
    width: 50%
}

.event__info .col__event_info:last-child {
    text-align: right
}

.event__date {
    color: #2c2827;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25
}

.event__link {
    color: #3c9dd0;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-left: auto
}

.event__link .fa {
    margin-right: 10px;
    transform: rotate(90deg)
}

.event__link span {
    border-bottom: 1px solid #3c9dd0
}

.event__name {
    font-weight: 700;
    padding-bottom: 3px
}

.event__name,
.event__text {
    color: #524b49;
    font-size: 18px
}

.event__text {
    font-weight: 300;
    line-height: 1.45;
    padding: 20px 0 0
}

.event__controls {
    margin-top: 25px;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -8px
}

.event__controls,
.event__social {
    display: -ms-flexbox;
    display: flex
}

.event__social {
    margin-left: auto;
    position: relative
}

.event__social-line:before {
    content: "";
    position: absolute;
    right: calc(100% + 110px);
    top: calc(50% - 3px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid rgba(45, 41, 40, .2)
}

.event__social-line:after {
    right: calc(100% + 5px);
    width: 105px
}

.event__social-line:after,
.event__social:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: rgba(45, 41, 40, .2)
}

.event__social:after {
    left: calc(100% + 5px);
    width: 40px
}

.event__social-item {
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background-color: #878787;
    color: #fff;
    transition: all .3s;
    margin-left: 5px
}

.event__social-item:hover {
    background-color: #3c9dd0
}

.event__btn {
    padding: 11px 21px;
    color: #3c9dd0;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid transparent;
    text-decoration: none;
    transition: all .2s;
    margin-left: -20px
}

.event__btn:hover {
    border-color: rgba(60, 157, 208, .3)
}

.event-form {
    max-width: 460px;
    margin: 0 auto;
    padding-top: 74px
}

.event-form__title {
    font-size: 50px
}

.event-form__label {
    color: #2c2827;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 11px;
    bottom: 10px;
    transition: all .3s
}

.event-form__label_required:after {
    content: "*";
    color: #3c9dd0;
    font-weight: 700;
    position: relative;
    top: -4px
}

.event-form__input {
    height: 51px;
    position: relative;
    padding-top: 15px;
    margin-bottom: 7px
}

.event-form__input input,
.event-form__input textarea {
    display: inline-block;
    background-color: transparent;
    width: 100%;
    border: none;
    border-bottom: 1px solid #2c2827;
    height: 35px;
    z-index: 1;
    position: relative;
    padding: 0 11px
}

.event-form__input textarea {
    background: #fff;
    z-index: 1;
    max-width: 100%;
    min-width: 100%;
    max-height: 200px
}

.event-form__input textarea+label {
    z-index: 2
}

.event-form__input_active .event-form__label {
    font-size: 13px;
    bottom: 32px;
    opacity: .5
}

.event-form__input-with-error input {
    border-color: red
}

.contacts {
    display: -ms-flexbox;
    display: flex
}

.contacts__item {
    width: 33.3333%;
    padding: 57px 100px 190px
}

.contacts__item_orange {
    background: #f68b1e url(../img/decoration.png) no-repeat bottom/contain
}

.contacts__item_blue {
    background: #3c9dd0 url(../img/decoration.png) no-repeat bottom/contain
}

.contacts__text {
    color: #fff;
    text-align: center;
    padding-bottom: 40px;
    margin-top: -19px;
    font-size: 22px
}

.contacts__text_dark {
    color: #2c2827
}

.contacts__text_comment {
    position: relative;
    text-align: left;
    padding-left: 95px
}

.contacts__text_comment:before {
    content: url(../img/comment.png);
    position: absolute;
    left: 20px;
    top: 15px
}

.contacts__text_cogwheel {
    position: relative;
    text-align: left;
    padding-left: 90px
}

.contacts__text_cogwheel:before {
    content: url(../img/icon-cogwheel.png);
    position: absolute;
    left: 20px;
    top: 15px
}

.contacts__controls {
    text-align: center
}

.contacts__person {
    margin-left: -41px;
    margin-right: -20px
}

.contacts-us__title {
    font-size: 44px
}

.contacts-person {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -24px
}

.contacts-person__img {
    width: 195px
}

.contacts-person__img img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 10px solid #f7f7f7;
    box-shadow: 0 0 0 15px #fafafa;
    object-fit: cover;
    object-position: top
}

.contacts-person__info {
    width: calc(100% - 195px);
    padding-left: 2px;
    position: relative
}

.contacts-person__info:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    width: 47px;
    height: 34px;
    background: url(../img/quotes2.png) no-repeat 50%/contain
}

.contacts-person__name {
    color: #2c2827;
    font-size: 30px;
    font-weight: 600
}

.contacts-person__email,
.contacts-person__phone {
    color: #3c9dd0;
    font-size: 17px;
    font-weight: 700;
    display: block;
    text-decoration: none
}

.contacts-person__text {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

.vision {
    padding: 100px 0
}

.vision__text {
    color: #524b49;
    font-size: 18px;
    line-height: 1.36;
    max-width: 740px;
    margin: 0 auto
}

.vision__items {
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0 20px
}

.vision__item {
    width: 33.3333%;
    text-align: center
}

.vision__item-title {
    padding: 48px 0 25px;
    color: #524b49;
    font-size: 33px;
    font-weight: 700
}

.vision__item-text {
    max-width: 370px;
    margin: 0 auto;
    padding: 0 15px;
    color: #524b49;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 300
}

.our-mission {
    padding: 120px 0 145px;
    background: #2c2827 url(../img/our-mission.jpg) 0
}

.our-mission__text {
    color: #fff;
    font-size: 24px;
    line-height: 1.6;
    font-weight: 300;
    max-width: 850px;
    margin: 0 auto
}

.matter {
    padding: 130px 0 110px
}

.matter__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1370px;
    margin: 0 auto
}

.matter__item {
    width: calc(50% - 30px);
    margin-right: 60px;
    position: relative;
    box-shadow: 0 4px 15px 3px hsla(33, 42%, 77%, .4);
    margin-bottom: 37px
}

.matter__item:nth-child(2n) {
    margin-right: 0
}

.matter__name {
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 33px;
    font-weight: 500
}

.matter__text {
    padding: 23px 88px 42px;
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.36
}

.leaders {
    padding: 110px 0 140px;
    background: #f68b1e
}

.leaders__slider .slick-prev {
    left: calc(50% - 100px)
}

.leaders__slider .slick-next,
.leaders__slider .slick-prev {
    width: 39px;
    height: 29px;
    background: url(../img/arrow-right.svg) no-repeat 50%/contain!important;
    bottom: -100px
}

.leaders__slider .slick-next {
    right: calc(50% - 140px)
}

.leaders__slider .slick-dots {
    bottom: -85px
}

.leaders__slider .slick-dots li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-clip: content-box
}

.leaders__slider .slick-dots li.slick-active:after {
    width: 14px;
    height: 14px;
    border-color: hsla(0, 0%, 100%, .2);
    background-color: #fff;
    box-shadow: 0 0 0 4px hsla(0, 0%, 100%, .1)
}

.leaders__img {
    text-align: center
}

.leaders__img img {
    max-width: 100%
}

.leaders__item {
    padding: 0 25px
}

.leaders__item-content {
    padding: 35px;
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.leaders__item-content:hover .leaders__overlay {
    bottom: 0
}

.leaders__name {
    color: #2c2827;
    font-size: 22px;
    padding: 20px 0 10px
}

.leaders__name,
.leaders__profession {
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}

.leaders__profession {
    color: #4f8193;
    font-size: 16px;
    line-height: 1.55
}

.leaders__overlay {
    position: absolute;
    bottom: 102%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffa750;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    transition: all .4s
}

.leaders__social a {
    color: #fff
}

.bussiness {
    padding: 150px 0 120px
}

.bussiness__subtitle {
    max-width: 925px;
    margin: 0 auto
}

.bussiness__items {
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 100px
}

.bussiness__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px
}

.bussiness__img {
    width: 170px
}

.bussiness__img img {
    max-width: 170px
}

.bussiness__info {
    width: calc(100% - 210px);
    padding-left: 70px
}

.bussiness__name {
    color: #524b49;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 8px
}

.bussiness__text {
    color: #524b49;
    font-weight: 300
}

.bussiness__text p {
    padding-bottom: 11px
}

.blogs__header .header__container {
    padding-top: 254px
}

.blogs__header .header__text {
    padding-top: 37px;
    letter-spacing: .06em;
    line-height: 1.4
}

.tags {
    margin-bottom: 55px;
    text-align: center
}

.tags__tag {
    display: inline-block;
    border: 1px solid #2c2827;
    font-size: 16px;
    line-height: 1;
    letter-spacing: .015em;
    text-decoration: none;
    font-weight: 600;
    color: #2c2827;
    padding: 15px 18px;
    margin: 5px 4px;
    transition: all .2s
}

.tags__tag:hover,
.tags__tag_active {
    background: #3c9dd0;
    border-color: transparent;
    color: #fff
}

.pagination {
    margin-top: 140px;
    padding-top: 40px;
    position: relative;
    text-align: center
}

.pagination:before {
    content: "";
    width: 188px;
    height: 2px;
    background: rgba(44, 40, 39, .2);
    position: absolute;
    top: 0;
    left: calc(50% - 94px)
}

.pagination__item {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    color: #2c2827;
    border: 1px solid #2c2827;
    min-width: 46px;
    padding: 12px 5px;
    transition: all .2s;
    margin: 5px 4px
}

.pagination__item:hover,
.pagination__item_active {
    background: #3c9dd0;
    color: #fff;
    border-color: transparent
}

.pagination__item_next,
.pagination__item_prev {
    font-size: 23px
}

.pagination__item_prev {
    margin-right: 10px
}

.pagination__item_next {
    margin-left: 10px
}

.pagination__item_more {
    padding: 9px 5px 17px;
    border: none;
    margin-left: 0;
    margin-right: 0;
    min-width: 0
}

.blogs {
    padding: 94px 0 200px
}

.blogs__title {
    margin-bottom: 42px
}

.blogs__item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 47px;
    -ms-flex-align: stretch;
    align-items: stretch;
    color: #524b49;
    text-decoration: none
}

.blogs__item:nth-child(odd) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.blogs__item .blogs__content:hover {
    background: #3c9dd0;
    border-color: #63b1d9;
    color: #fff
}

.blogs__item .blogs__content:hover .blogs__header {
    color: #fff
}

.blogs__item .blogs__media_img:hover:after,
.blogs__item .blogs__media_img:hover:before {
    opacity: 1
}

.blogs__media {
    width: 50%;
    position: relative
}

.blogs__media_img {
    background: no-repeat 50%/cover
}

.blogs__media_img:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(60, 157, 208, .9)
}

.blogs__media_img:after {
    content: "";
    z-index: 2;
    width: 56px;
    height: 56px;
    position: absolute;
    left: calc(50% - 28px);
    top: calc(50% - 28px);
    border-radius: 50%;
    background: #fff url(../img/icon-eye.svg) 50% no-repeat/90% auto;
    box-shadow: 0 0 0 18px hsla(0, 0%, 100%, .1)
}

.blogs__media_img:after,
.blogs__media_img:before {
    opacity: 0;
    transition: all .4s ease .2s
}

.blogs__media_img img {
    display: block;
    visibility: hidden;
    max-width: 100%
}

.blogs__content {
    width: 50%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #524b49;
    text-decoration: none;
    padding: 20px 76px;
    font-weight: 300;
    border: 20px solid transparent;
    transition: all .4s ease .2s
}

.blogs__info {
    font-size: 16px;
    margin-bottom: 15px
}

.blogs__author {
    margin-right: 30px
}

.blogs__author span {
    font-weight: 400;
    color: #3c9dd0
}

.blogs__header {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 35px;
    line-height: 1;
    color: #2c2827;
    transition: all .4s ease .2s
}

.blogs__text {
    font-size: 18px;
    line-height: 1.61;
    margin-bottom: 17px;
    padding-bottom: 46px;
    border-bottom: 1px solid #e1e0e0
}

.blogs__theme {
    font-size: 16px;
    text-transform: uppercase
}

.cpa__header:after {
    background-image: url(../img/header__bottom_orange.svg)
}

.cpa__header .header__text {
    padding-top: 18px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7
}

.cpa__header .header__buttons {
    padding-top: 117px
}

.monetize {
    background: #7c7f84!important;
    padding: 120px 0 155px
}
.dzSubscribe .input-group{box-shadow: 0 0 10px #c1c0c0;}
.monetize__content {
    max-width: 1375px;
    margin: 0 auto
}

.monetize__top {
    background-color: #fff;
    padding: 65px 125px 60px
}

.monetize__bottom {
    text-align: right;
    padding: 39px 88px 38px 0;
    background-color: #2c2827;
    overflow: hidden
}

.monetize__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.monetize__ul {
    width: 50%;
    padding-right: 100px;
    padding-top: 70px
}

.monetize__img {
    width: 50%;
    text-align: right
}

.monetize__img img {
    width: 100%;
    display: block
}

.monetize__text {
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.35;
    padding-right: 80px
}

.monetize__header {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px
}

.monetize__li {
    margin-bottom: 27px;
    list-style: none;
    position: relative;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.35;
    color: #524b49
}

.monetize__li:before {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #524b49;
    border-radius: 50%;
    left: -20px;
    top: 12px
}

.monetize__btn {
    margin-left: 15px
}

.cpi__monetize .monetize__descr {
    width: 50%;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.cpi__monetize .monetize__ul {
    padding-right: 0;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px
}

.cpi__monetize .monetize__li {
    margin-bottom: 15px
}

.cpi__monetize .monetize__header,
.cpi__monetize .monetize__text {
    font-weight: 300;
    font-size: 18px
}

.advertise {
    padding: 110px 0 180px
}

.advertise__controls {
    text-align: center
}

.advertise__subtitle {
    margin-bottom: 0px;
    text-align: center;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto
}

.advertise__subtitle,
.advertise__subtitle span {
    font-weight: 300;
    font-size: 18px;
    text-transform: none
}

.advertise__subtitle span {
    display: block;
    line-height: 1.38;
    margin-top: 15px
}

.advertise__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.advertise__item {
    width: 33%;
    max-width: 400px;
    padding: 20px 0px;
}

.advertise__ico {
    height: 150px;
    width: 150px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.advertise__ico:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/img/icon-offer-circle.svg) no-repeat 50%/contain
}

.advertise__ico:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.advertise__ico img {
    max-width: 85px;
    max-height: 105px;
    display: inline-block;
    vertical-align: middle
}

.advertise__name {
    font-family: , sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
    position: relative;
    padding: 23px 0 0;
    margin-bottom: 5px;
    text-align: center
}

.advertise__text {
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto
}

.video-ssp {
    padding: 110px 0
}

.video-ssp--border-decor {
    background-image: url(../img/block--signal-line.svg);
    background-position: 0 100%;
    background-repeat: repeat-x
}

.video-ssp__controls {
    text-align: center
}

.video-ssp__controls a {
    text-transform: uppercase
}

.video-ssp__subtitle {
    margin-bottom: 70px;
    text-align: center;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto
}

.video-ssp__subtitle,
.video-ssp__subtitle span {
    font-weight: 300;
    font-size: 18px;
    text-transform: none
}

.video-ssp__subtitle span {
    display: block;
    line-height: 1.38;
    margin-top: 15px
}

.video-ssp__btn {
    background-color: #f68b1e;
    color: #fff;
    border-color: #f68b1e!important
}

.video-ssp__btn:hover {
    background-color: transparent;
    color: #f68b1e
}

.canvas-anim-container {
    padding: 0 15%;
    margin: auto;
    position: relative;
    width: 100%!important;
    height: auto!important
}

.canvas-anim-container canvas {
    position: static!important;
    width: 100%!important;
    height: auto!important
}

.canvas-anim__top {
    padding-bottom: 30px
}

.canvas-anim__bottom {
    text-align: center;
    padding-bottom: 30px
}

.canvas-anim__text {
    color: #2c2827;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 1.47px;
    text-transform: uppercase;
    font-family: Code, sans-serif
}

.contact-form {
    background: #3c9dd0 url(../img/tile__bg2.png) no-repeat bottom/contain;
    padding: 115px 0 195px
}

.contact-form__content {
    max-width: 1375px;
    margin: 0 auto
}

.contact-form__top {
    background-color: #fff;
    padding: 60px 30px 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contact-form__bottom {
    text-align: right;
    padding: 23px 0 38px;
    background-color: #2c2827;
    overflow: hidden
}

.contact-form__btns {
    width: 50%;
    text-align: center;
    margin-left: auto;
    padding: 0 90px
}

.contact-form__title {
    padding-bottom: 37px;
    margin-bottom: 43px
}

.contact-form__fields {
    width: 50%;
    padding: 30px 90px
}

.contact-form__img {
    width: 50%;
    text-align: right
}

.contact-form__img img {
    display: block;
    width: 100%
}

.contact-form__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contact-form__col {
    width: 48%
}

.contact-form__label {
    color: #2c2827;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 11px;
    bottom: 10px;
    transition: all .3s
}

.contact-form__label_required:after {
    content: "*";
    color: #3c9dd0;
    font-weight: 700;
    position: relative;
    top: -4px
}

.contact-form__input {
    position: relative;
    height: 61px;
    padding-top: 20px;
    margin-bottom: 20px
}

.contact-form__input:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border: 2px solid #2c2827;
    border-top: none;
    border-radius: 2px
}

.contact-form__input input,
.contact-form__input textarea {
    display: inline-block;
    background-color: transparent;
    width: 100%;
    border: none;
    height: 35px;
    z-index: 1;
    position: relative;
    padding: 0 11px
}

.contact-form__input_active:before {
    border-color: #3c9dd0
}

.contact-form__input_active .contact-form__label {
    font-size: 11px;
    bottom: 38px;
    font-weight: 900;
    text-transform: uppercase;
    color: #3c9dd0
}

.contact-form__btn {
    background: none
}

.contact-form__switcher {
    margin-bottom: 8px;
    text-align: center;
    position: relative
}

.contact-form__switcher-input,
.contact-form__switcher-input:checked+.contact-form__switcher-label:after {
    display: none
}

.contact-form__switcher-input:checked+.contact-form__switcher-label .contact-form__switcher-value {
    opacity: 1;
    color: #3c9dd0
}

.contact-form__switcher-input:checked.contact-form__switcher-input_right~.contact-form__switcher-btn:before {
    left: 38px
}

.contact-form__switcher-label {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 20px;
    position: relative;
    cursor: pointer;
    z-index: 1;
    width: calc(50% - 48px)
}

.contact-form__switcher-label:after {
    content: "";
    z-index: 2;
    left: 100%;
    right: -64px;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    display: block
}

.contact-form__switcher-label_right {
    margin-left: 64px
}

.contact-form__switcher-label_right:after {
    left: -64px;
    right: 100%
}

.contact-form__switcher-value {
    font-weight: 900;
    color: #2c2827;
    opacity: .2;
    text-transform: uppercase;
    transition: all .2s
}

.contact-form__switcher-btn {
    position: absolute;
    left: calc(50% - 37px);
    top: calc(50% - 14px);
    width: 64px;
    height: 28px;
    border-radius: 14px;
    background: #2c2827
}

.contact-form__switcher-btn:before {
    content: "";
    transition: all .2s;
    width: 24px;
    height: 24px;
    border-radius: 17px;
    position: absolute;
    top: calc(50% - 12px);
    left: 2px;
    background: #fff
}

.cp-team {
    padding: 105px 0 320px
}

.cp-team__items {
    box-shadow: 0 10px 20px rgba(44, 40, 39, .2);
    max-width: 1510px;
    margin: 80px auto 0
}

.cp-team__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.cp-team__row:nth-child(odd) .cp-team__item {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cp-team__row__four .cp-team__item {
    width: 25%
}

.cp-team__row__four .cp-team__content,
.cp-team__row__four .cp-team__content img {
    width: 100%
}

.cp-team .show_more_button {
    background-color: transparent;
    margin: 40px 10px
}

.cp-team .show_more_button:hover {
    cursor: pointer;
    background: #3c9dd0
}

.cp-team .more-team-wrapper {
    overflow: hidden;
    max-height: 0;
    height: auto;
    transition: all .4s ease
}

.cp-team .more-team-wrapper.active {
    max-height: 10000px
}

.cp-team__item {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 377px;
    transition: all .4s
}

.cp-team__item:hover {
    background: #3c9dd0;
    color: #fff
}

.cp-team__item:hover .cp-team__content {
    color: #fff
}

.cp-team__item:hover .cp-team__position:after {
    background: #fff
}

.cp-team__item_main {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    width: 100%
}

.cp-team__item_main .cp-team__content {
    padding-top: 50px
}

.cp-team__img {
    width: 50%;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.cp-team__img.border-top {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.cp-team__img__wrapper {
    padding: 20px
}

.cp-team__img__wrapper img {
    max-width: 100%
}

.cp-team__content {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #2c2827;
    padding: 20px;
    font-weight: 300;
    transition: all .4s;
    text-align: center;
    text-decoration: none
}

.cp-team__content:hover {
    background: #3c9dd0;
    color: #fff
}

.cp-team__content:hover .cp-team__position:after {
    background: #fff
}

.cp-team__name {
    font-weight: 700;
    font-size: 24px;
    margin-top: 20px
}

.cp-team__position {
    font-weight: 600;
    font-size: 18px;
    position: relative;
    padding-bottom: 30px
}

.cp-team__position:after {
    content: "";
    background: #2c2827;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 130px;
    left: calc(50% - 65px);
    transition: all .4s
}

.cp-team__socials {
    font-size: 28px;
    padding-top: 5px
}

.cp-team__social {
    margin: 5px 15px;
    text-decoration: none;
    color: inherit;
    display: inline-block
}

.platforms {
    padding: 90px 0 105px
}

.platforms__headers {
    padding-bottom: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.platforms__header {
    font-size: 40px;
    font-weight: 900;
    position: relative;
    padding-bottom: 26px
}

.platforms__header:after {
    content: "";
    width: 188px;
    height: 2px;
    background: #2c2827;
    position: absolute;
    left: calc(50% - 94px);
    bottom: 0
}

.platforms__img {
    width: 100%;
    display: block;
    max-width: 1080px;
    margin: 0 auto
}

.platforms__links {
    padding-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.platforms__btn {
    margin: 15px 65px
}

.premium {
    background: #3c9dd0 url(../img/tile__bg2.png) no-repeat bottom/contain;
    padding: 225px 0 320px;
    text-align: center
}

.premium__content {
    max-width: 1375px;
    margin: 0 auto;
    background-color: #fff;
    padding: 115px 170px 140px
}

.premium__title {
    margin-bottom: 30px;
    padding-bottom: 38px;
    font-weight: 900;
    letter-spacing: .02em
}

.premium__text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 88px;
    letter-spacing: .05em
}

.premium__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.premium__item {
    width: 40%
}

.premium__label {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    line-height: 1.2;
    padding-bottom: 25px;
    margin-bottom: 32px
}

.premium__label:after {
    width: 88px;
    height: 2px;
    content: "";
    position: absolute;
    left: calc(50% - 44px);
    bottom: 0;
    background: rgba(44, 40, 39, .2)
}

.premium__icn {
    width: 100%;
    display: block;
    max-width: 380px;
    margin: 0 auto
}

.text {
    padding: 140px 0 320px
}

.text__content {
    max-width: 1120px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.667
}

.text__content p {
    margin: .5em 0 1em
}

.text__content__h1,
.text__content__h2,
.text__content__h3,
.text__content__h4,
.text__content__h5,
.text__content__h6,
.text__content h1,
.text__content h2,
.text__content h3,
.text__content h4,
.text__content h5,
.text__content h6 {
    margin: 1em 0 .2em;
    font-weight: 700;
    font-family: , sans-serif;
    text-transform: uppercase
}

.text__content ul {
    list-style: inside disc
}

.text__separator {
    margin: 40px 0;
    background: url(../img/page-separator.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 24.15%
}

.text__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1120px;
    margin: 0 auto 60px;
    font-size: 20px
}

.text__info-col {
    width: 30%;
    text-align: center
}

.text__info-col:first-child {
    text-align: left
}

.text__info-place {
    font-weight: 600
}

.text__info-place:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 23px;
    background: url(../img/text-info-pin.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px
}

.text__info-icn {
    color: inherit;
    text-decoration: none;
    transition: color .2s;
    font-size: 25px;
    margin: 5px 10px
}

.text__info-icn:hover {
    color: #f68b1e
}

.vacancy .container {
    max-width: 940px
}

.vacancy .text {
    padding-bottom: 70px
}

.vacancy__cv {
    background: #f8f8f8
}

.vacancy__cv .container {
    position: relative;
    padding-top: 100px
}

.vacancy__cv .container:before {
    content: "";
    position: absolute;
    left: 66px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 26px 0;
    border-color: #fff transparent transparent
}

.vacancy__cv-title {
    font: 700 44px/1, sans-serif;
    letter-spacing: .04em;
    position: relative;
    padding-bottom: 25px;
    text-transform: uppercase
}

.vacancy__cv-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(44, 40, 39, .2);
    width: 178px;
    height: 1px
}

.form {
    padding-bottom: 80px
}

.form__header {
    background-image: url(../images/backgrounds_2.jpg);
    padding-bottom: 303px;
    color: #fff;
    padding-top: 130px
}

.form__header-title {
    font: 700 50px/1 Code, sans-serif;
    letter-spacing: .04em;
    position: relative;
    padding-bottom: 22px
}

.form__header-title_small {
    font-size: 77px
}

.form__header-title:before {
    content: "";
    width: 199px;
    height: 2px;
    background: hsla(0, 0%, 100%, .3);
    position: absolute;
    bottom: 0;
    left: 0
}

.form__header-subtitle {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 37px;
    letter-spacing: .04em
}

.form__content {
    margin-top: -245px
}

.form__container {
    max-width: 882px;
    margin: 0 auto;
    padding-left: 37px;
    padding-right: 37px
}

.form__container_content {
    box-shadow: 0 10px 20px rgba(44, 40, 39, .2);
    background: #fff;
    padding: 43px 81px 45px
}

.form__steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px
}

.form__steps-title {
    width: 50%;
    padding: 20px 31px 20px 12px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
    text-transform: uppercase
}

.form__steps-items {
    width: 50%;
    padding-left: 31px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.form__steps-item {
    max-width: 58px;
    width: 58px;
    height: 58px;
    padding: 12px;
    -ms-flex: auto;
    flex: auto;
    border-radius: 50%;
    background: #f9f9f9;
    box-shadow: inset 0 2px 5px rgba(44, 40, 39, .1);
    position: relative;
    overflow: hidden
}

.form__steps-item_current:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    background: #20b6ea;
}

.form__steps-item_current .form__steps-label {
    color: #9e9e9e
}

.form__steps-item_current.form__steps-item_last:before,
.form__steps-item_current.form__steps-item_third:before,
.form__steps-item_current.form__steps-item_two-third:before {
    top: 0
}

.form__steps-item_done {
    background: #20b6ea
}

.form__steps-item_done .form__steps-label {
    background: #fff url(../img/form-steps-check.svg) 50% no-repeat/50%;
    text-indent: 999px
}

.form__steps-label {
    background: #fff;
    font-size: 21px;
    font-weight: 700;
    color: #ddd;
    line-height: 34px;
    text-align: center;
    display: block;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(44, 40, 39, .1);
    position: relative;
    z-index: 0
}

.form__steps-line {
    height: 1px;
    background: #e7e7e7;
    margin: 0 9px;
    -ms-flex: auto;
    flex: auto
}

.form__form {
    margin-top: 30px
}

.form__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form__col {
    width: 46%
}

.form__col_var {
    width: auto
}

.form__col .btn {
    width: 100%
}

.form__label {
    color: #2c2827;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 11px;
    top: 18px;
    transition: all .3s
}

.form__label_required:after {
    content: "*";
    color: #20b6ea;
    font-weight: 700;
    position: relative;
    top: -2px
}

.form__box {
    position: relative;

    padding-top: 20px;
    margin-bottom: 10px
}

.form__box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border: 2px solid #20b6ea;
    border-top: none;
    border-radius: 2px
}

.form__box_select:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0;
    border-color: #2c2827 transparent transparent;
    position: absolute;
    right: 19px;
    top: calc(50% - 1px)
}

.form__box_active:before {
    border-color: #3c9dd0
}

.form__box_active .form__label {
    font-size: 11px;
    transform: translateY(-10px);
    font-weight: 900;
    text-transform: uppercase;
    color: #3c9dd0
}

.form__box_disabled:before {
    opacity: .25
}

.form__box_disabled .form__label {
    opacity: .35
}

.form__box_disabled .form__label_required:after {
    color: inherit
}

.form__box_disabled.form__box_select:after {
    opacity: .25
}

.form__input {
    display: inline-block;
    background-color: transparent;
    width: 100%;
    border: none;
    height: 35px;
    min-height: 35px;
    z-index: 1;
    position: relative;
    padding: 0 11px
}

.form__input_textarea {
    height: inherit;
    max-height: 108px
}

.form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding-right: 25px
}

.form__radios {
    padding: 0 11px;
    color: #2c2827;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form__radios-label {
    margin-right: 23px;
    padding: 12px 0;
    width: 48%
}

.form__radios-items {
    width: 48%
}

.form__radios-item {
    display: inline-block;
    position: relative;
    margin-left: 7px;
    cursor: pointer;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 21px;
    padding: 15px 10px
}

.form__radios-item input {
    display: none
}

.form__radios-item input:checked+.form__radios-icn,
.form__radios-item input:checked+.form__radios-icn:after {
    opacity: 1
}

.form__radios-icn {
    display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1px solid #2c2827;
    opacity: .4;
    padding: 4px;
    margin-right: 10px
}

.form__radios-icn,
.form__radios-icn:after {
    transition: all .2s
}

.form__radios-icn:after {
    opacity: 0;
    content: "";
    width: 11px;
    height: 11px;
    background: #20b6ea;
    border-radius: 50%;
    display: block
}

.form__checkbox {
    padding: 20px 11px;
    color: #2c2827;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form__checkbox input {
    display: none
}

.form__checkbox input:checked+.form__checkbox-icn,
.form__checkbox input:checked+.form__checkbox-icn:after {
    opacity: 1
}

.form__checkbox-icn {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border: 2px solid #2c2827;
    opacity: .4;
    padding: 4px;
    margin-right: 10px;
    position: relative
}

.form__checkbox-icn,
.form__checkbox-icn:after {
    transition: all .2s
}

.form__checkbox-icn:after {
    opacity: 0;
    content: "";
    position: absolute;
    background-image: url(../images/form-check.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.form__checkbox a {
    color: #3c9dd0
}

.form__checkbox_group {
    padding-right: 0;
    padding-left: 0
}

.form__checkbox_group .form__checkbox-label {
    margin-left: 33px
}

.form__capture>* {
    display: inline-block
}

.form__tip {
    font-size: 14px;
    line-height: 1;
    font-weight: 300;
    color: #646464;
    padding: 3px 11px;
    margin-top: -2px;
    margin-bottom: 10px
}

.form__tip_error {
    color: #f68b1e
}

.form__controls {
    margin-top: 25px
}

.form__controls_center,
.form__links {
    text-align: center
}

.form__links {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.4
}

.form__links-a {
    color: #20b6ea;
    font-weight: 600;
    margin: 0 15px
}

.form__btn {
    background: #20b6ea;
    padding: 23px 30px;
    border: none;
    cursor: pointer
}

.form__btn__back {
    background-color: transparent;
    color: rgba(44, 40, 39, .6)
}

.form__btn__back:hover {
    background-color: transparent;
    color: #2c2827;
    border-color: transparent;
    cursor: pointer
}

.form__success {
    text-align: center
}

.form__success-container {
    padding: 30px 0;
    max-width: 580px;
    margin: 0 auto
}

.form__success-img {
    max-width: 220px;
    margin: 0 auto 30px
}

.form__success-img img {
    display: block;
    max-width: 100%
}

.form__success-title {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.form__success-text {
    font-size: 16px;
    text-align: justify
}

.form__success-text a {
    color: #3c9dd0
}

.form__success-controls {
    margin-top: 25px
}

.form__select-im-label {
    display: block;
    padding: 12px 7px 7px;
    margin-bottom: 5px;
    position: relative
}

.form__select-im-label:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border: 2px solid #fff;
    border-top: none;
    border-radius: 2px
}

.form__select-im-label:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0;
    border-color: #2c2827 transparent transparent;
    position: absolute;
    right: 14px;
    top: calc(50% - 2px)
}

.form__select-im-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    color: inherit;
    display: inline-block;
    padding: 1px 3px;
    margin-left: 7px;
    text-align: center;
    font-weight: 700;
    background: #fff;
    width: 130px
}

.form__attach {
    margin-bottom: 10px;
    margin-top: 25px
}

.form__attach-box {
    position: relative
}

.form__attach-label {
    display: block;
    border: 2px solid #2c2827;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.form__attach-input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%
}

.form__attach-tip {
    text-align: center;
    font-size: 13px;
    color: #646464;
    padding: 3px 5px
}

.cpm__header .header__text {
    padding-top: 0px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .07em;
    line-height: 1.7
}

.cpm__header .header__buttons {
    padding-top: 117px
}

.advantage {
    padding: 110px 0 120px
}

.advantage__controls {
    text-align: center
}

.advantage__subtitle {
    margin-bottom: 85px;
    text-align: center;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto
}

.advantage__subtitle,
.advantage__subtitle span {
    font-weight: 300;
    font-size: 18px;
    text-transform: none
}

.advantage__subtitle span {
    display: block;
    line-height: 1.38;
    margin-top: 15px
}

.advantage__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.advantage__item {
    width: calc(50% - 52px);
    margin-bottom: 40px;
    border: 1px solid #f5f5f5;
    box-shadow: 0 10px 20px rgba(44, 40, 39, .2);
    padding: 40px 0 50px
}

.advantage__ico {
    height: 310px;

    width: 310px;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.advantage__ico:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/icon-advantage-bg.svg) no-repeat 50%/contain
}

.advantage__ico:after {
    content: "";
    height: 100%
}

.advantage__ico:after,
.advantage__ico img {
    display: inline-block;
    vertical-align: middle
}

.advantage__ico img {
    max-width: 280px;
    max-height: 280px;
    position: relative;
    z-index: 2
}

.advantage__name {
    font-family: , sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    margin-bottom: 30px;
    margin-top: 40px;
    letter-spacing: .04em;
    text-align: center
}

.advantage__name:after,
.advantage__name:before {
    content: "";
    width: 174px;
    height: 1px;
    background: #d5d4d4;
    position: absolute;
    top: 50%
}

.advantage__name:before {
    left: 0
}

.advantage__name:after {
    right: 0
}

.advantage__name-wrap {
    display: block;
    padding: 0 180px
}

.advantage__name-wrap:after,
.advantage__name-wrap:before {
    content: "";
    position: absolute;
    border: 1px solid #d5d4d4;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    top: 50%;
    margin-top: -3px
}

.advantage__name-wrap:before {
    left: 174px
}

.advantage__name-wrap:after {
    right: 174px
}

.advantage__text {
    color: #524b49;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px
}

.page_contact {
    height: 100%
}

.contact {
    min-height: calc(100% - 98px - 190px);
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.contact,
.contact__feedback {
    display: -ms-flexbox;
    display: flex
}

.contact__feedback {
    width: 100%;
    background: #2c2827;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 50px 0
}

.contact__feedback .contact__container {
    margin-left: auto;
    padding-right: 100px;
    padding-left: 40px
}

.contact__contacts {
    width: 50%;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact__contacts,
.contact__info .contact__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.contact__info .contact__container {
    -ms-flex-align: center;
    align-items: center;
    padding-left: 100px
}

.contact__socials {
    max-width: 250px;
    border-right: 1px dashed rgba(44, 40, 39, .25);
    padding: 64px 40px 44px 0
}

.contact__social {
    display: inline-block;
    margin: 9px;
    position: relative;
    padding: 2px;
    border-radius: 10px;
    transition: all .2s linear
}

.contact__social-icn {
    width: 56px;
    height: 56px;
    display: block
}

.contact__social-icn path {
    transition: all .2s linear;
    fill: #2c2827
}

.contact__social:hover {
    box-shadow: 0 6px 12px 0 hsla(0, 0%, 67%, .5)
}

.contact__social:hover .contact__social-icn path {
    fill: #3c9dd0
}

.contact__name {
    padding: 30px 0 30px 75px
}

.contact__title {
    font: 700 36px/1.2 Code, sans-serif;
    letter-spacing: .04em
}

.contact__address {
    font-size: 18px;
    line-height: 1.2;
    margin-top: 1em
}

.contact__map {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.contact__container {
    width: 100%;
    max-width: 860px
}

.contact__header {
    text-align: center;
    margin-bottom: 42px
}

.contact__header-title {
    font: 700 50px/1 Code, sans-serif;
    position: relative;
    padding-bottom: 26px;
    letter-spacing: .04em
}

.contact__header-title:after {
    content: "";
    width: 347px;
    height: 4px;
    background: hsl(38deg 100% 64%);
    position: absolute;
    left: calc(50% - 174px);
    bottom: 0
}

.contact__header-subtitle {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 2em
}

.contact__form-options {
    margin-bottom: 15px
}

.contact__form .form__label {
    color: #fff
}

.contact__form .form__label_required {
    color: inherit
}

.contact__form .form__box:before {
    border-color: #fff
}

.contact__form .form__box_select:after {
    border-color: #fff transparent transparent
}

.contact__form .form__input,
.contact__form .form__radios {
    color: #fff
}

.contact__form .form__radios-icn {
    border-color: #fff
}

.contact__form .form__checkbox {
    color: #fff
}

.contact__form .form__checkbox input:checked+.form__checkbox-icn {
    background-color: #3c9dd0;
    border-color: transparent
}

.contact__form .form__checkbox-icn {
    border-color: #fff
}

.contact__form .form__checkbox-icn:after {
    background-image:url(../images/img/form-check-white.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.contact__form .form__tip {
    color: #aaa
}

.contact__form .form__btn {
    border-color: transparent
}

.contact__form .form__select-im-label:before {
    border-color: #fff
}

.contact__form .form__select-im-label:after {
    border-color: #fff transparent transparent
}

.contact__form .form__select-im-select {
    border-color: transparent;
    background: #2c2827
}

.contact__form .form__controls {
    margin-top: 55px
}

.gm-style-iw {
    overflow: visible!important;
    background: #fff;
    position: relative;
    z-index: 10;
    font-size: 22px;
    line-height: 1.6;
    font-weight: 300;
    color: #2c2827;
    text-align: center
}

.gm-style-iw:before {
    background: #fff;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px
}

.gm-style-iw:after,
.gm-style-iw:before {
    content: "";
    position: absolute;
    z-index: -1
}

.gm-style-iw:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 21px 0;
    border-color: #fff transparent transparent;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    margin-top: 15px
}

.gm-style-iw strong {
    display: block;
    font-weight: 700
}

.gm-style-iw .poi-info-window {
    z-index: 5
}

.article .article__container {
    max-width: 1480px
}

.article__top {
    background: #fbfbfb;
    padding: 25px 0
}

.article__top .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article__page-title {
    font-weight: 900;
    font-size: 23px;
    line-height: 1.4;
    color: #000
}

.article__breadcrumbs {
    padding-right: 40px
}

.article__breadcrumbs-item {
    display: inline-block;
    position: relative;
    padding: 15px 25px 15px 10px;
    text-decoration: none;
    font-size: 15px;
    line-height: 18px;
    color: #8d8d8d;
    margin-right: 15px
}

.article__breadcrumbs-item:after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: calc(50% - 5px)
}

.article__breadcrumbs-item_current {
    font-weight: 700;
    padding-right: 0;
    margin-right: 0
}

.article__breadcrumbs-item_current:after {
    display: none
}

.article__main {
    padding: 60px 0 30px
}

.article__main .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article__content {
    max-width: calc(100% - 58px - 266px)
}

.article__side {
    max-width: 266px
}

.article__side-block {
    margin-bottom: 55px
}

.article__side-title {
    font-weight: 900;
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 20px
}

.article__latest-item {
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    padding: 15px 0;
    margin-top: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
    color: #000
}

.article__latest-img {
    width: 70px;
    margin-right: 18px;
    position: relative
}

.article__latest-img img {
    display: block;
    width: 100%
}

.article__latest-content {
    width: calc(100% - 70px - 18px)
}

.article__latest-topic {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 9px;
    color: #919191;
    text-transform: uppercase
}

.article__latest-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px
}

.article__latest-comments {
    position: absolute;
    right: -4px;
    bottom: -9px;
    min-width: 18px;
    height: 17px;
    font-size: 6px;
    line-height: 12px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding: 0 2px;
    border-radius: 2px;
    background: url(../img/article-latest-comments.svg) 50% no-repeat/contain
}

.article__pop-tags-items {
    text-align: justify;
    margin-left: -6px
}

.article__pop-tags-item {
    display: inline-block;
    text-decoration: none;
    background: #f0f0f0;
    font-weight: 900;
    font-size: 12px;
    line-height: 14px;
    color: #7c7c7c;
    text-transform: uppercase;
    padding: 14px 13px 13px 14px;
    text-align: center;
    margin-bottom: 8px;
    margin-left: 6px;
    border-radius: 2px
}

.article__side-a-block img {
    max-width: 100%
}

.article__img {
    margin-bottom: 30px;
    text-align: center
}

.article__img img {
    width: 100%;
    height: auto
}

.article__title {
    font-weight: 900;
    font-size: 42px;
    line-height: 1.167;
    color: #000;
    margin-bottom: 10px;
    letter-spacing: -.01em
}

.article__info {
    padding: 15px 0 17px;
    border-bottom: 1px solid #efefef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.142;
    color: #919191;
    font-weight: 300;
    -ms-flex-align: center;
    align-items: center
}

.article__created {
    display: inline-block;
    margin-right: 25px
}

.article__created strong {
    font-weight: 700;
    color: #000
}

.article__author {
    margin-right: 25px
}

.article__topic {
    display: inline-block;
    font-weight: 700
}

.article__text {
    padding: 10px 0 40px;
    color: #333;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.2;
    text-align: justify;
    max-width: 1060px
}

.article__text.nosidebar {
    max-width: 100%
}

.article__text p {
    margin: 1.1em 0
}

.article__text__h1,
.article__text__h2,
.article__text__h3,
.article__text__h4,
.article__text__h5,
.article__text__h6,
.article__text h1,
.article__text h2,
.article__text h3,
.article__text h4,
.article__text h5,
.article__text h6 {
    margin: 1.1em 0;
    font-weight: 700;
    text-align: left;
    color: #000;
    letter-spacing: .01em
}

.article__text__h1,
.article__text h1 {
    font-size: 42px
}

.article__text__h2,
.article__text h2 {
    font-size: 36px
}

.article__text__h3,
.article__text h3 {
    font-size: 32px
}

.article__text__h4,
.article__text h4 {
    font-size: 28px
}

.article__text__h5,
.article__text h5 {
    font-size: 22px
}

.article__text__h6,
.article__text h6 {
    font-size: 18px
}

.article__text ul {
    list-style: inside disc
}

.article__text-img {
    margin: 60px 0 50px
}

.article__text-img img {
    max-width: 100%
}

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

.article__text a {
    color: #3c9dd0
}

.article__text blockquote {
    margin: 33px 0 48px;
    display: block;
    padding: 25px 0 32px 30px;
    font-weight: 600;
    font-style: italic;
    border-left: 3px solid #3c9dd0;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: .03em
}

.article__text blockquote p {
    margin: .5em 0
}

.article__text blockquote footer {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0
}

.article__text blockquote footer a {
    font-size: 17px;
    color: #3c9dd0;
    font-weight: 700;
    text-decoration: none
}

.article__footer {
    margin-top: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef
}

.article__footer-block {
    display: inline-block;
    vertical-align: top;
    margin-right: 72px
}

.article__footer-title {
    color: #000;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 29px;
    font-weight: 700
}

.article__tags-item {
    display: inline-block;
    text-decoration: none;
    background: #f0f0f0;
    font-weight: 900;
    font-size: 12px;
    line-height: 14px;
    color: #7c7c7c;
    text-transform: uppercase;
    padding: 14px 13px 13px 14px;
    text-align: center;
    margin-bottom: 8px;
    margin-right: 6px;
    border-radius: 2px
}

.article__share {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: #3c9dd0;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 3px
}

.article__share_fb {
    background-color: #5569a3
}

.article__share_d {
    background-color: #009ed3
}

.article__share_tw {
    background-color: #5fa7fe
}

.article__share_gp {
    background-color: #da3746
}

.article__share-icn {
    max-width: 20px;
    max-height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.article__bottom {
    background: #fbfbfb;
    padding: 33px 0 65px
}

.article__related-header {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 50px;
    color: #000
}

.article__related-item,
.article__related-items {
    display: -ms-flexbox;
    display: flex
}

.article__related-item {
    width: calc(33.3% - 95px);
    margin-right: 110px;
    text-decoration: none;
    color: #000;
    -ms-flex-align: center;
    align-items: center
}

.article__related-item:last-child {
    margin-right: 0
}

.article__related-img {
    width: 160px;
    position: relative
}

.article__related-img img {
    display: block;
    width: 100%
}

.article__related-content {
    width: calc(100% - 160px);
    position: relative;
    padding: 5px 20px 20px 27px
}

.article__related-topic {
    margin-bottom: 8px;
    font-size: 8px;
    line-height: 9px;
    color: #919191;
    text-transform: uppercase
}

.article__related-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px
}

.article__related-comments {
    position: absolute;
    right: -12px;
    bottom: -18px;
    min-width: 34px;
    height: 28px;
    font-size: 8px;
    line-height: 18px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding: 0 2px;
    border-radius: 2px;
    background: url(../img/article-latest-comments.svg) 50% no-repeat/contain;
    z-index: 1
}

.article__related-decor {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1
}

.article__related-decor:after {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    position: absolute;
    right: -3px;
    bottom: 100%
}

.article__comments {
    padding: 70px 0 20px
}

.events__item_front_back_wrapp {
    transition: transform .7s ease
}

.events__item_front_back_wrapp .back {
    display: none
}

.events__item_front_back_wrapp .event-form {
    padding-top: 0;
    transform: rotateY(-180deg)
}

.events__item_front_back_wrapp .event-form .event-form__title {
    position: relative
}

.events__item_front_back_wrapp .event-form .event-form__title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.events__item_front_back_wrapp.flip {
    transform: rotateY(180deg)
}

.events__item_front_back_wrapp.flip .front {
    display: none
}

.events__item_front_back_wrapp.flip .back {
    opacity: 1;
    display: block
}

.request_a_meeting {
    background-color: transparent;
    border-color: transparent
}

.request_a_meeting:hover {
    background-color: transparent;
    cursor: pointer
}

.back_request_a_meeting:hover {
    cursor: pointer
}

.typewrite {
    font-weight: 800
}

.header-big__index {
    font-weight: 400
}

.container__nopadding {
    padding: 0
}

.register__article {
    padding: 20px 0
}

.register__article .register__panel {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px
}

.register__article .register__title {
    font-size: 24px;
    font-weight: 600;
    max-width: 350px;
    text-align: center
}

.register__article .subscribe__form {
    width: calc(100% - 500px)
}

.register__article .subscribe__form .form__col {
    width: 32%;
    margin-right: 30px
}

.register__article .subscribe__form .form__col:last-child {
    margin-right: 0
}

.register__article .subscribe__form .register__btn {
    padding: 15px 40px;
    width: 100%;
    border-radius: 0;
    height: auto
}

.register__article .subscribe__form .register__btn:hover {
    cursor: pointer
}

.brands:after {
    content: none
}

.container-404 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: calc(100vh - 260px)
}

.container-404 h1 {
    font-size: 80px
}

.container-404 p {
    font-size: 50px
}

.container-full-height {
    min-height: calc(100vh - 260px)
}

.container-flex-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.container-flex-centered .group-text {
    width: 100%;
    text-align: center
}

.animated_wrapper .animated_icon,
.animated_wrapper:hover .static_icon {
    display: none
}

.animated_wrapper:hover .animated_icon {
    display: inline-block
}

.animated_wrapper:hover .animated_icon_block {
    display: block
}

textarea+label {
    cursor: text
}

.b-alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.b-alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%
}

.b-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.b-alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.message-wrapper {
    margin-top: 30px;
    margin-bottom: -30px
}

.message-wrapper.no-bottom {
    margin-bottom: 0
}

.message-wrapper.margin-bottom {
    margin-bottom: 30px
}

.message-wrapper .b-close:hover {
    cursor: pointer
}

.contact__form input:-webkit-autofill,
.contact__form select:-webkit-autofill,
.contact__form textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #2c2827 inset;
    -webkit-text-fill-color: #fff
}

.contact__form-cp input:-webkit-autofill,
.contact__form-cp select:-webkit-autofill,
.contact__form-cp textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: #2c2827
}

.contact__form-cp textarea {
    max-width: 100%;
    min-width: 100%;
    background: #fff;
    max-height: 120px;
    min-height: 25px
}

.contact__form-cp textarea+label {
    z-index: 2
}

.contact__form-cp .contact-form__input-textarea {
    height: auto;
    min-height: 61px
}

.contact__form-cp .contact-form__input-textarea .contact-form__label {
    top: 25px
}

.contact__form-cp .contact-form__input-textarea.contact-form__input_active .contact-form__label {
    top: 0
}

.contact__form .form__box {
    padding-bottom: 5px
}

.contact__form .form__input-error {
    color: red;
    width: 100%
}

.contact__form .form__input-error.right {
    text-align: right
}

.contact__form .form__box.form__input-with-error:before,
.contact__form .form__input-with-error .form__checkbox-icn,
.contact__form .form__select-im-label.form__input-with-error:before {
    border-color: red
}

.contact__form .contact-form__btn:hover {
    cursor: pointer
}

.contact__form textarea {
    max-width: 100%;
    min-width: 100%
}

.cv_form .form__box {
    padding-bottom: 3px
}

.send-img-contact {
    width: 100%
}

.offer {
    padding: 135px 0 220px
}

.control {
    padding: 115px 0 220px;
    background-color: #fff
}

.control .control__item,
.control .head_white {
    color: #524b49
}

#dom_overlay_container {
    pointer-events: none;
    overflow: hidden;
    width: 100%;
    height: 703px;
    position: absolute;
    left: 0;
    top: 0;
    display: block
}

.superlink_animation_container {
    position: relative;
    background-color: #2d2928;
    width: 1362px;
    height: 703px;
    max-width: 100%;
    margin: 0 auto
}

.superlink_animation_canvas {
    position: absolute;
    display: block;
    background-color: transparent;
    width: 100%;
    height: 100%
}

#password_forgot .form__box,
#sign-in-form .form__box,
#sign-up-form .form__box {
    padding-bottom: 3px
}

.slick-dots li button:before {
    content: ""
}

.iab_img {
    max-width: 52px;
    margin-top: -30px
}

.iab_img img {
    max-width: 100%
}

.event-item__captcha {
    margin: 30px 0 0
}

.captcha-wrapper,
.event-item__captcha {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.captcha-wrapper__contacts {
    margin-top: -25px;
    margin-bottom: 30px
}

.captcha-wrapper__cp {
    margin-bottom: -30px;
    margin-top: 5px
}

.page--ssp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.page--ssp .btn {
    min-width: 240px;
    max-width: 100%;
    outline: none;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: #ff6b00;
    border: 2px solid transparent;
    border-radius: 0;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .14);
    font: 700 18px/30px Avenir Next Cyr, sans-serif;
    text-align: center;
    padding: 23px 25px;
    color: #fff;
    text-shadow: 0 0 15px #fff;
    text-transform: uppercase;
    transition: box-shadow .2s, background .2s, color .2s, border-color .2s, text-shadow .2s;
    cursor: pointer
}

.page--ssp .btn:hover {
    background: #20b6ea;
    text-shadow: 0 0 0 #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .14)
}

.page--ssp .footer {
    overflow: hidden;
    border-top: 2px solid #f68b1e
}

.page--ssp .fullpage,
.page--ssp .ssp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page--ssp .ssp {
    padding: 100px 0 80px;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(../img/ssp__bg.jpg) 50% no-repeat;
    background-size: auto 100%
}

.page--ssp .ssp__header {
    font: 700 80px/1.1625 Avenir Next Cyr, sans-serif;
    margin-bottom: .2em
}

.page--ssp .ssp__text {
    font: 16px/1.625 Avenir Next Cyr, sans-serif;
    max-width: 900px;
    margin-bottom: 3.3em
}

.page--ssp .ssp__text p {
    margin: 1em 0
}
.contact_{padding: 50px 0;
    background: url(../images/cantact.gif) no-repeat;
    background-size: cover;
    background-position: 0px -332px;
    position: relative;

}
.contact_head{
    font-size: 85px;
    font-weight: 700;
    line-height: 150px;
    color: #fff;
    text-transform: uppercase;
    position: relative;z-index: 9;
}
.subscribe-form button{background: #ffbc47!important;  }
.bubbles{   
     display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: -100;
    z-index: 9;
    width: 100%;
}
.bubble_{
    background: #ffffff2e;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    animation: bubble 7s linear infinite;
}
@keyframes bubble{
    0%{
        transform: translateY(0);
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    100%{
        transform: translateY(-100vh);
        opacity: 0;
    }
}
.bubbles .bubble_:nth-child(1){animation-delay: 2s; width: 50px; height: 50px;  }
.bubbles .bubble_:nth-child(2){animation-delay: 5s; width: 70px; height: 70px; }
.bubbles .bubble_:nth-child(3){animation-delay: 4.5s; width: 100px; height: 100px; }
.bubbles .bubble_:nth-child(4){animation-delay: 7s; width: 80px; height: 80px; }
.bubbles .bubble_:nth-child(5){animation-delay: 3s; width: 60px; height: 60px; }
.bubbles .bubble_:nth-child(6){animation-delay: 6s; width: 90px; height: 90px; }
.bubbles .bubble_:nth-child(7){animation-delay: 1s; width: 75px; height: 75px; }
.contact_:after{content: ""; position: absolute; top: 0; width: 100%; height: 100%; background: #44d9e78f;}



@media screen and (min-width:750px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-width:750px) and (min-resolution:144dpi),
screen and (min-width:1500px) {
    .page--ssp .ssp {
        background-image: url(../img/ssp__bg%402x.jpg)
    }
}

.page--ssp .ssp__content {
    background: #fff;
    max-width: 400px;
    padding: 110px 103px 110px 111px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .08);
    text-align: left;
    box-sizing: content-box
}

.page--ssp .jquery-modal {
    z-index: 100
}

.page--ssp .jquery-modal.blocker {
    cursor: pointer;
    background: rgba(0, 0, 0, .7) url(../img/noise.png) repeat
}

.page--ssp .mdl {
    max-width: 655px;
    background: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    color: #2c2827;
    cursor: default
}

.page--ssp .mdl__container {
    background: #fff;
    padding: 55px 110px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .08)
}

.page--ssp .mdl__header {
    margin-bottom: 40px
}

.page--ssp .mdl__title {
    font: 700 45px/1.155 Avenir Next Cyr, sans-serif
}

.page--ssp .mdl__description {
    margin-top: 7px;
    font: 15px/17px Avenir Next Cyr, sans-serif
}

.page--ssp .modal a.close-modal {
    background: hsla(0, 0%, 100%, .12);
    border: 1px solid #fff;
    box-sizing: border-box;
    min-width: 53px;
    min-height: 53px;
    padding: 16px 5px;
    font: 11px/19px Avenir Next Cyr, sans-serif;
    color: #fff;
    width: auto;
    height: auto;
    text-indent: 0;
    background-image: none;
    top: 40px;
    right: -150px;
    text-transform: uppercase;
    border-radius: 50%;
    text-decoration: none
}

.page--ssp .sspform {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.page--ssp .sspform__title {
    font: 700 45px/1.155 Avenir Next Cyr, sans-serif
}

.page--ssp .sspform__text {
    margin-top: 7px;
    font: 15px/17px Avenir Next Cyr, sans-serif
}

.page--ssp .sspform__box {
    margin: 5px 0
}

.page--ssp .sspform__box--captcha {
    text-align: center
}

.page--ssp .sspform__box--captcha>* {
    display: inline-block
}

.page--ssp .sspform__box--required .sspform__label:after {
    content: "*";
    color: #ec8a25;
    margin-left: .5em
}

.page--ssp .sspform__input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    font: 14px/23px Avenir Next Cyr, sans-serif;
    padding: 12px 14px 13px;
    border: 1px solid #3d3d3d;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    background: #fff;
    color: #010101;
    text-align: left;
    transition: all .2s
}

.page--ssp .sspform__input:-ms-input-placeholder {
    color: #828282;
    opacity: 1
}

.page--ssp .sspform__input::placeholder {
    color: #828282;
    opacity: 1
}

.page--ssp .sspform__input--textarea {
    height: 96px;
    width: 100%!important;
    resize: none
}

.page--ssp .sspform__input-input:disabled {
    opacity: .7
}

.page--ssp .sspform__error,
.page--ssp .sspform__label {
    display: block;
    font: 600 10px/17px Avenir Next Cyr, sans-serif;
    text-align: left;
    box-sizing: border-box;
    padding: 4px 0
}

.page--ssp .sspform__label {
    color: #242424
}

.page--ssp .sspform__error {
    color: #ec8a25
}

.page--ssp .sspform__submit {
    margin-top: 30px
}

.page--ssp .sspform__ok {
    width: 144px;
    max-width: 80%;
    background: url(../img/icn-thanks.svg) 50% no-repeat;
    background-size: contain;
    margin: 30px auto
}

.page--ssp .sspform__ok:after {
    content: "";
    display: block;
    padding-top: 100%
}

.page--fullheight {
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.experts {
    padding: 60px 0 110px
}

.experts__header {
    margin-bottom: 64px;
    padding: 0 30px
}

.experts__header-subtitle {
    font: 600 30px/1, sans-serif;
    margin-bottom: .3em
}

.experts__header-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -ms-flex-align: center;
    align-items: center
}

.experts__header-title {
    font: 900 65px/1, sans-serif;
    text-transform: uppercase;
    -ms-flex: auto 0 0;
    flex: auto 0 0
}

.experts__header-space {
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #b5b5b5;
    margin: 0 20px 0 40px
}

.experts__header-lbl {
    font: 20px/1.4, sans-serif;
    color: #b5b5b5
}

.experts__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px
}

.experts__item {
    width: 430px;
    background: #fff;
    position: relative;
    padding: 7px;
    transition: transform .2s, box-shadow .2s;
    color: inherit;
    text-decoration: none;
    margin: 0 20px 30px;
    max-height: 430px;
    overflow: hidden
}

.experts__item--active,
.experts__item:hover {
    transform: scale(1.045);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
    z-index: 2
}

.experts__item:hover .experts__item-image {
    height: 99.9%
}

.experts__item:hover .experts__item-info {
    transform: translateY(0)
}

.experts__item--active .experts__item-info,
.experts__item:hover .experts__item-info {
    opacity: 1
}

.experts__item--active .experts__item-img,
.experts__item:hover .experts__item-img {
    opacity: .5
}

.experts__item--active .experts__item-icn:after,
.experts__item:hover .experts__item-icn:after {
    background: #ff8b00
}

.experts__item--active .experts__item-overlink,
.experts__item:hover .experts__item-overlink {
    visibility: visible
}

.experts__item-overlink {
    visibility: hidden;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    text-indent: 9999px;
    white-space: nowrap;
    transition: visibility .3s
}

.experts__item-image {
    background: #000;
    overflow: hidden;
    display: block
}

.experts__item-img {
    display: block;
    width: 100%;
    min-height: 100%;
    transition: opacity .2s
}

.experts__item-info {
    position: absolute;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 35px;
    opacity: 0;
    transform: translateY(100%);
    transition: all .2s
}

.experts__item-title {
    margin-bottom: 22px
}

.experts__item-name {
    font: 700 20px/1.4, sans-serif;
    text-transform: uppercase
}

.experts__item-post {
    font: 14px/1.4, sans-serif;
    text-transform: uppercase;
    color: #787878
}

.experts__item-link {
    font: 600 14px/1.4, sans-serif;
    color: inherit;
    transition: color .2s;
    display: block;
    text-decoration: none
}

.experts__item-link:after {
    content: "»";
    margin-left: .5em
}

.experts__item-link:hover {
    color: #ff8b00
}

.experts__item-icn {
    display: block;
    position: absolute;
    background: #fff;
    right: 7px;
    bottom: 7px;
    width: 28px;
    height: 28px
}

.experts__item-icn:after {
    content: "";
    width: 16px;
    height: 2px;
    background: #454545;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 1px;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: background .2s
}

.experts__item-content {
    max-width: 1087px;
    background: #fff;
    box-shadow: none;
    position: relative;
    padding: 80px 110px 70px;
    border-radius: 0
}

.experts__item-content a.close-modal {
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    background-image: none;
    opacity: .5;
    transition: opacity .2s
}

.experts__item-content a.close-modal:after,
.experts__item-content a.close-modal:before {
    content: "";
    width: 20px;
    height: 2px;
    background: #454545;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -10px
}

.experts__item-content a.close-modal:before {
    transform: rotate(45deg)
}

.experts__item-content a.close-modal:after {
    transform: rotate(-45deg)
}

.experts__item-content a.close-modal:hover {
    opacity: 1
}

.experts__item-blocker {
    z-index: 100
}

.experts__item-header {
    font: 700 26px/1.54 Avenir Next Cyr, sans-serif;
    margin-bottom: 1em
}

.experts__item-btns {
    margin-top: 20px
}

.experts__item-btn {
    display: inline-block;
    text-decoration: none;
    background: #ff8b00;
    font: 900 18px/22px, sans-serif;
    text-align: center;
    padding: 18px 20px;
    color: #fff;
    text-transform: uppercase;
    transition: background .2s
}

.experts__item-btn:hover {
    background: #000
}

.experts__item-btn:after {
    content: "";
    width: 16px;
    height: 14px;
    background: url(../img/icon-comment.html) 50% no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: .5em;
    display: inline-block
}

.experts__item-text {
    font: 300 16px/1.625 Avenir Next Cyr, sans-serif
}

.experts__item-text p {
    margin: 1.625em 0
}

#cv [type=submit]:disabled {
    background: #c0e7fb
}

#cv [type=submit]:disabled:hover {
    cursor: not-allowed
}

.privacy li {
    margin-left: 20px;
    list-style-position: outside
}

.powered-wrapper {
    color: hsla(0, 0%, 100%, .3);
    width: 100%;
    font-size: 12px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 40px;
    right: 15px;
    top: 35px;
    position: absolute
}

.powered-wrapper,
.powered-wrapper a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.powered-wrapper a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    height: 100%
}

.powered-wrapper a span {
    text-transform: uppercase
}

.powered-wrapper img {
    margin: 0 3px 0 5px;
    width: 20px
}

.solutions {
    background: #2c2827;
    padding: 80px 0 130px;
    color: #fff
}

.solutions__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 100px
}

.solutions__item {
    width: calc(33.3% - 80px);
    text-align: center;
    margin-bottom: 100px
}

.solutions__ico {
    height: 125px;
    margin-bottom: 10px
}

.solutions__ico img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.solutions__name {
    text-transform: uppercase;
    font-size: 25px
}

.solutions__text {
    font-size: 16px
}

.solutions__btns {
    text-align: center;
    margin-top: 50px
}

.solutions__btn {
    background: #3c9dd0;
    border-color: transparent;
    min-width: 12em
}

.container-unsubscribe {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: calc(100vh - 260px)
}

.container-unsubscribe .response {
    text-align: center;
    max-width: 1200px
}

.container-unsubscribe h1 {
    font-size: 80px;
    text-transform: uppercase
}

.container-unsubscribe p {
    text-transform: uppercase;
    font-size: 50px
}

body {
    font-family: , sans-serif
}
@media screen and (min-width:1024px) {
.map-123 { display:none!important;}
.main-head-con { font-size:30px!important;}
}

@media screen and (min-width:481px) and (max-width:1200px) {
    .border-right-sm {
        border-right: 1px solid rgba(0, 0, 0, .05)
    }
    .border-bottom-sm {
        border-bottom: 1px solid rgba(0, 0, 0, .05)
    }
    .border-left-sm {
        border-left: 1px solid rgba(0, 0, 0, .05)
    }
	.icon-bx-md { margin-left:99px!important;}
}

@media screen and (max-width:767px) {
    .abuot-box p{font-size: 14px;  }
    .hide-xs {
        display: none!important
    }
	.cont { margin-left:0px!important;}
	.map-123 { display:none!important;}
	.icon-bx-wraper p:last-child { text-align:left!important;}
}

@media screen and (min-width:768px) {
    .container {
        max-width: 768px;
		
    }
	.map-123 { display:block!important;}
	.icon-bx-wraper p:last-child { text-align:left!important;}
    .visible-xs {
        display: none!important
    }
    .top-bar__nav-sm .nav__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .top-bar__nav-sm .nav__list .nav__item {
        display: block;
        text-align: center;
        padding: 0 21px 0 20px;
        position: relative
    }
    .top-bar__nav-sm .nav__list .nav__item-dropdown {
        padding: 0 29px 0 20px
    }
    .top-bar__nav-sm .nav__list .nav__item:before {
        content: "";
        position: absolute;
        height: calc(100% + 16px);
        width: 1px;
        background: hsla(0, 0%, 100%, .4);
        top: -8px;
        right: 0
    }
    .top-bar__nav-sm .nav__sublist__footer {
        position: absolute;
        width: calc(100% + 40px);
        padding: 10px 20px 0;
        top: calc(-100% - 80px);
        right: 0;
        left: inherit
    }
}

@media screen and (min-width:992px) {
    .container {
        max-width: 992px
    }
}

@media screen and (min-width:1201px) {
    .cp-team__content.border-left-lg {
        border-left: 1px solid rgba(0, 0, 0, .05)
    }
    .cp-team__content.border-right-lg {
        border-right: 1px solid rgba(0, 0, 0, .05)
    }
    .cp-team__content.border-top-bottom-lg {
        border-top: 1px solid rgba(0, 0, 0, .05);
        border-bottom: 1px solid rgba(0, 0, 0, .05)
    }
    .top-bar__nav.nav {
        display: block!important
    }
    .nav__item:hover .nav__link-big:before {
        transform: rotate(180deg)
    }
    .nav__item:hover .nav__sublist {
        opacity: 1;
        visibility: visible
    }
    .container {
        max-width: 1200px
    }
    .hidden-lg {
        display: none!important
    }
    .top-bar__section.section {
        overflow: visible
    }
    .header__video:before {
        background-color: rgba(0, 0, 0, .6)
    }
    .header__video .video__bg {
        display: block
    }
    .search-top .dropdown-content {
        left: -145px;
        width: 300px
    }
    .search-top .dropdown-content input {
        width: 100%
    }
    .search-top .dropdown-content .btn-search {
        padding: 20px 0;
        width: 40px;
        margin-left: -40px
    }
    .search-top .dropdown-content .btn-search:hover {
        background: transparent
    }
    .header__container {
        padding-left: 50px!important
    }
    .header__panel {
        margin-left: 0
    }
    .traffic.pad-bot {
        padding-bottom: 250px
    }
}

@media screen and (min-width:1650px) {
    .container {
        max-width: 1650px
    }
    .container_min {
        max-width: 1550px
    }
    .header-big__index {
        font-size: 70px
    }
    .home__header .header__buttons {
        padding-top: 220px
    }
    .about__header .header__container {
        padding: 237px 0
    }
    .events__header .header__container {
        padding: 197px 0
    }
    .career__header .header__container {
        padding: 190px 0 191px
    }
    .acquistion__header .header__buttons_big {
        padding-top: 190px
    }
    .monetization__header .header__buttons {
        padding-top: 175px
    }
    .cpa__header .header__buttons,
    .cpm__header .header__buttons {
        padding-top: 198px
    }
    .cpi__header .header__buttons {
        padding-top: 228px
    }
    .technologied__header .header__container {
        padding: 276px 0 243px
    }
    .blogs__header .header__buttons {
        padding-top: 172px
    }
    .header__container {
        padding-left: 80px!important
    }
}

@media screen and (max-width:1650px) {
    .canvas-anim__text {
        font-size: 30px
    }

    .logo__image {
        width: 140px
    }
    .page {
        font-size: 16px
    }
    .header-big {
        font-size: 50px
    }
    .header-big__index {
        font-size: 50px
    }
    .header__container {
        padding: 150px 15px
    }
    .header__text {
        padding-top: 45px
    }
    .header__text,
    .nav__link {
        font-size: 16px
    }
    .nav__item {
        padding: 16px 23px 2px 0
    }
    .nav__list.nav__list__lang .nav__item {
        padding: 25px 15px
    }
    .about {
        padding: 90px 0 100px
    }
    .h2,
    .h3 {
        font-size: 30px
    }
    .btn,
    .vision__text {
        font-size: 16px
    }
    .leaders__profession {
        font-size: 14px
    }
    .bussiness__text,
    .matter__text,
    .section__sub-title,
    .vision__item-text {
        font-size: 20px;
        font-family: calib;
    }
    .bussiness__name,
    .our-mission__text {
        font-size: 22px
    }
    .about-benefit__ico {
        width: 145px;
        height: 145px
    }
    .brands__pagin-slider {
        margin-left: 0
    }
    .monetication__item-left,
    .monetication__item-right {
        max-width: 400px
    }
    .brands-slider__title {
        font-size: 22px
    }
    .brands-slider__text {
        min-height: 230px
    }
    .brands-slider__text,
    .monetication__descr,
    .params__text {
        font-size: 16px;
    font-family: 'Open Sans', sans-serif;		
	font-size:18px;
		text-align:justify;
		font-weight:500;
    }
    .monetication__name {
        font-size: 22px
    }
    .monetication__photo img {
        max-width: 435px
    }
    .monetication__item {
        padding-top: 60px
    }
    .monetication__control {
        padding-top: 180px
    }
    .params__item {
        margin-right: 20px;
        width: calc(33.333% - 13.33px)
    }
    .params__box {
        padding: 30px 20px 0
    }
    .params__text {
        padding-bottom: 30px
    }
    .params__icon {
        height: 130px
    }
    .params__icon_pad {
        margin-bottom: 30px
    }
    .team {
        padding: 100px 0
    }
    .team__item-name {
        font-size: 22px
    }
    .team__item-place {
        font-size: 16px
    }
    .blog__item-wrap {
        padding-left: 15px;
        padding-right: 15px
    }
    .blog__item {
        padding: 40px 25px 25px
    }
    .blog__item-title {
        font-size: 22px
    }
    .blog__item-text {
        font-size: 16px
    }
    .blog {
        padding: 100px 0
    }
    .events {
        padding-top: 70px
    }
    .event {
        padding-bottom: 30px
    }
    .up-events__items {
        padding-top: 40px
    }
    .event__title {
        font-size: 22px
    }
    .event__date,
    .event__name,
    .event__text {
        font-size: 16px
    }
    .event__controls {
        margin-top: 20px
    }
    .events__control {
        padding-top: 20px
    }
    .events__item {
        padding: 50px 40px
    }
    .events__ico img {
        max-width: 230px
    }
    .traffic {
        padding: 110px 0
    }
    .comming__item:nth-child(2n) {
        margin-left: 50px
    }
    .comming__item {
        width: calc(50% - 25px);
        padding: 50px
    }
    .register__panel {
        padding: 40px
    }
    .register__btn {
        font-size: 22px;
        padding: 15px 20px
    }
    .click-count .params__text {
        padding-bottom: 40px
    }
    .register__title {
        margin-bottom: 0
    }
    .register {
        padding: 65px 0
    }
    .register__name {
        font-size: 28px;
        top: -5px;
        padding-left: 30px
    }
    .register__name:after {
        bottom: -15px;
        width: 150px
    }
    .contacts__item {
        padding-left: 30px;
        padding-right: 30px
    }
    .contacts-us__title {
        font-size: 36px
    }
    .contacts__text {
        font-size: 18px
    }
    .contacts-person {
        display: block;
        margin: 20px 0 0
    }
    .contacts-person__img {
        margin: 0 auto
    }
    .contacts-person__info {
        width: 100%;
        padding-top: 20px
    }
    .params__item_big {
        width: calc(50% - 10px)
    }
    .logo__image_big {
        width: 170px;
        height: 45px;
        margin-top: 15px
    }
    .footer__copyright {
        top: 55px;
        left: 70px
    }
    .footer .top-bar__enter {
        padding: 10px 15px
    }
    .footer .nav__item {
        padding-right: 10px
    }
    .footer .nav__item-dropdown {
        padding-right: 23px
    }
    .footer .nav__link {
        font-size: 14px
    }
    .footer__social {
        padding: 0 15px
    }
    .top-bar__control-panel_decorate:after,
    .top-bar__control-panel_decorate:before {
        content: none
    }
    .top-bar__control-panel_decorate-circle {
        display: none
    }
    .partners__info {
        padding-top: 20px
    }
    .partners__panel {
        padding: 20px 50px
    }
    .partners__text {
        padding-bottom: 20px
    }
    .technologied__header .header__container {
        padding: 120px 15px 136px
    }
    .technologied__header .header__buttons {
        padding-top: 61px
    }
    .need__item {
        padding: 0 20px
    }
    .we-offer__item {
        font-size: 20px
    }
    .we-offer__col:first-child {
        padding-right: 20px
    }
    .successs__items {
        padding: 50px 0 0
    }
    .successs__item {
        margin-right: 20px;
        width: calc(20% - 16px);
        padding: 50px 20px 30px
    }
    .successs {
        padding: 120px 0
    }
    .event__date {
        padding-bottom: 10px
    }
    .matter__ico img {
        max-width: 100%
    }
    .matter__name {
        font-size: 26px;
        top: 17px
    }
    .monetize {
        padding: 60px 0 55px
    }
    .monetize__top {
        padding: 45px 65px 30px
    }
    .advertise {
        padding: 60px 0 100px
    }
    .advertise__item {
        width: 50%
    }
    .contact-form {
        padding: 60px 0 180px
    }
    .contact-form__fields {
        padding: 20px 40px
    }
    .cp-team {
        padding: 60px 0 270px
    }
    .platforms {
        padding: 70px 0
    }
    .platforms__headers {
        padding-bottom: 40px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .platforms__header {
        min-width: 200px;
        text-align: center;
        font-size: 30px
    }
    .platforms__btn {
        margin: 15px 50px
    }
    .platforms__img {
        max-width: 980px
    }
    .premium {
        padding: 80px 0 220px
    }
    .premium__content {
        padding: 75px 80px 100px
    }
    .premium__item {
        width: 50%
    }
    .advantage {
        padding: 80px 0
    }
    .advantage__item {
        width: calc(50% - 25px);
        padding: 30px 0
    }
    .advantage__ico {
        height: 210px;
        width: 210px
    }
    .advantage__ico img {
        max-width: 150px;
        max-height: 150px
    }
    .advantage__name {
        font-size: 30px;
        margin-bottom: 30px;
        margin-top: 20px
    }
    .advantage__name:after,
    .advantage__name:before {
        width: 120px
    }
    .advantage__name-wrap {
        padding: 0 120px
    }
    .advantage__name-wrap:before {
        left: 120px
    }
    .advantage__name-wrap:after {
        right: 120px
    }
    .contact__container {
        max-width: 600px
    }
    .contact__feedback .contact__container {
        padding-left: 15px;
        padding-right: 40px
    }
    .contact__header {
        margin-bottom: 25px
    }
    .contact__header-title {
        font-size: 40px;
        padding-bottom: 15px
    }
    .contact__header-subtitle {
        font-size: 15px
    }
    .contact .form__row_var {
        display: block
    }
    .contact__title {
        font-size: 24px
    }
    .contact__address {
        font-size: 16px
    }
    .contact__info .contact__container {
        padding-left: 20px
    }
    .contact__socials {
        max-width: 180px;
        padding: 20px 20px 20px 0
    }
    .contact__name {
        padding: 30px 0 30px 35px
    }
    .contact__social-icn {
        width: 40px;
        height: 40px
    }
    .contact__social-icn path {
        transform: scale(.7)
    }
    .form__checkbox {
        font-size: 16px
    }
    .form__checkbox span {
        padding-left: 10px
    }
    .article .article__container {
        max-width: 1200px
    }
    .article__related-item {
        width: calc(33.3% - 20px);
        margin-right: 20px
    }
    .need__name,
    .successs__name,
    .team-events__name {
        font-size: 22px
    }
    .need__text,
    .need__text p {
        font-size: 16px
    }
    .successs__subtitle {
        font-size: 20px
    }
    .successs__item-text {
        font-size: 16px
    }
    .comming__name {
        font-size: 22px
    }
    .comming__text,
    .result__list-item,
    .traffic__text {
        font-size: 16px
    }
    .offer__code_title,
    .offer__name,
    .result__btn span {
        font-size: 22px
    }
    .offer__text,
    .partners__text {
        font-size: 16px
    }
    .control__item {
        font-size: 20px
    }
    .cpa__header .header__text,
    .cpi__monetize .monetize__header,
    .cpi__monetize .monetize__text,
    .cpm__header .header__text {
        font-size: 18px;
        text-align: left;
		font-weight:500;
    }
    .advertise__name,
    .cp-team__name {
        font-size: 25px;
		font-family:calib;
    }
    .advertise__text,
    .cp-team__position {
        font-size: 20px;
        text-align: center;
        font-family: calib;
    }
    .cp-team__content img {
        height: auto
    }
    .cp-team__item {
        min-height: 296px
    }
    .monetize__text {
        font-size: 20px;
		    font-family: 'Open Sans', sans-serif;
			font-weight:500;
    }
    .monetize__header {
        font-size: 22px
    }
    .advantage__text,
    .monetize__li {
        font-size: 16px
    }
    .sdk__item {
        padding-bottom: 30px
    }
    .sdk__name {
        font-size: 22px;
        margin-bottom: 10px
    }
    .sdk__text {
        font-size: 16px
    }
    .sdk__img img {
        max-width: 300px
    }
    .offer {
        padding: 80px 0 170px
    }
    .comming__ico img {
        max-width: 200px
    }
    .comming__ico--chatbot {
        padding-top: 15px
    }
    .comming__ico--chatbot img {
        max-width: 340px
    }
    .comming__ico--tds img {
        max-width: 300px
    }
    .header__info,
    .header__text span {
        font-size: 22px;
        color: #20b6ea;
        padding-bottom: 10px;
		    font-family: 'Open Sans', sans-serif;
			font-weight:600;
    }
    .blogs__header {
        font-size: 22px
    }
    .blogs__text {
        font-size: 16px
    }
    .article__text__h4,
    .article__text h4 {
        font-size: 22px
    }
    .register__article {
        padding: 20px 0
    }
    .monetication__title {
        margin-bottom: 0
    }
    .monetication__content {
        padding-top: 7px
    }
    .monetication__photo {
        top: 50px
    }
    .click-count__items {
        padding-top: 15px
    }
    .result__name {
        font-size: 22px
    }
    .result__ico img {
        max-width: 150px
    }
    .result__item {
        padding: 43px 0
    }
    .result__controls {
        padding-top: 45px
    }
    .offer__controls {
        padding-top: 65px
    }
    .partners {
        padding-top: 50px
    }
    .form__header {
        padding-top: 65px
    }
    .form__header-title {
        font-size: 40px
    }
    .form__header-title:before {
        width: 158px
    }
    .form__container_content {
        padding-top: 20px
    }
    .form__steps-title {
        font-size: 22px
    }
    .form__label,
    .form__radios {
        font-size: 16px
    }
    .contact-form__top {
        padding: 25px 30px
    }
    .contact-form__label {
        font-size: 16px
    }
    .cpi__header.cpa__header .header__container {
        padding: 120px 15px 120px
    }
    .cpi__header.cpa__header .header__buttons {
        padding-top: 110px
    }
    .monetize__img img {
        max-width: 415px
    }
    .cpa__header .header__container {
        padding: 130px 15px 120px
    }
    .cpa__header .header__buttons {
        padding-top: 83px
    }
    .cpm__header .header__container {
        padding: 130px 15px 120px
    }
    .cpm__header .header__buttons {
        padding-top: 83px
    }
    .career__header .header__container {
        padding: 95px 0 30px
    }
    .need__ico img {
        max-width: 220px
    }
    .blogs__header .header__container {
        padding: 69px 15px
    }
    .blogs__header .header__container .header__buttons_big {
        padding-top: 70px
    }
    .register__article .register__title {
        max-width: 280px
    }
    .register__article .subscribe__form {
        width: calc(100% - 300px)
    }
    .events__header .header__container {
        padding: 113px 15px
    }
    .events__header .header__panel {
        margin-bottom: 100px
    }
    .about__header .header__container {
        padding: 130px 15px 152px
    }
    .about__header .header__panel {
        margin-bottom: 100px
    }
    .vision__item-title {
        padding-top: 20px;
        font-size: 22px
    }
    .matter__text {
        padding-bottom: 42px
    }
    .bussiness__items {
        padding-top: 65px
    }
    .bussiness__img img {
        max-width: 150px
    }
    .text__content,
    .text__info-place {
        font-size: 16px
    }
    .vacancy__cv-title {
        font-size: 30px
    }
    .acquistion__header .header__container {
        padding: 130px 15px 117px
    }
    .acquistion__header .header__buttons_big {
        padding-top: 70px
    }
    .monetization__header .header__container {
        padding: 130px 15px 136px
    }
    .cps__header .header__container {
        padding: 150px 15px 79px
    }
    .about-benefit .number__big {
        font-size: 281px;
        line-height: 184px
    }
    .form__select-im-label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .form__select-im-label .label__text {
        display: inline-block;
        width: 10%
    }
    .form__select-im-label .form__select-im-select {
        width: 90%
    }
    .section-nav {
        left: 15px
    }
    .nav__link,
    .top-bar__enter-btn {
        font-weight: 600;
		font-family: 'Open Sans', sans-serif;
    }
    .form__step_1 .form__radios-label br {
        display: none
    }
    .container-full-height {
        min-height: calc(100vh - 218px)
    }
    .experts {
        padding: 40px 0 80px
    }
    .experts__header {
        margin-bottom: 40px;
        padding: 0 20px
    }
    .experts__header-subtitle {
        font-size: 24px
    }
    .experts__header-title {
        font-size: 48px
    }
    .experts__header-lbl {
        font-size: 16px
    }
    .experts__items {
        margin-left: -15px;
        margin-right: -15px
    }
    .experts__item {
        width: 370px;
        margin: 0 15px 20px
    }
    .footer {
        padding: 20px 0 50px
    }
    .footer .powered-wrapper {
        top: -10px
    }
    .solutions {
        padding: 100px 0
    }
    .solutions__items {
        margin-top: 60px
    }
    .solutions__item {
        width: calc(33.3% - 30px);
        margin-bottom: 70px
    }
    .solutions__ico {
        height: 100px
    }
    .solutions__name {
        font-size: 22px
    }
    .solutions__text {
        font-size: 14px
    }
    .solutions__btns {
        margin-top: 0
    }
    .container-unsubscribe {
        min-height: calc(100vh - 200px)
    }
}

@media screen and (max-width:1400px) {
    .video-ssp__subtitle {
        margin-bottom: 50px
    }
    .page--ssp .btn {
        min-width: 180px;
        font-size: 16px;
        padding: 16px 20px
    }
    .page--ssp .ssp {
        padding: 60px 0 40px
    }
    .page--ssp .ssp__content {
        max-width: 320px;
        padding: 60px 80px
    }
    .page--ssp .ssp__header {
        font-size: 60px
    }
    .page--ssp .ssp__text {
        font-size: 14px;
        margin-bottom: 2em
    }
    .page--ssp .mdl {
        max-width: 540px
    }
    .page--ssp .mdl__container {
        padding: 30px 60px
    }
    .page--ssp .mdl__header {
        margin-bottom: 20px
    }
    .page--ssp .mdl__title {
        font-size: 38px
    }
    .page--ssp .mdl__description {
        font-size: 14px
    }
    .experts__item {
        max-height: 360px
    }
    .experts__item-info {
        padding: 10px 15px
    }
    .experts__item-title {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:1215px) {
    .experts__item {
        width: 300px
    }
}

@media only screen and (max-width:1200px) {
    .radwall {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .radwall__text {
        font-size: 16px
    }
    .radwall__text-big {
        font-size: 18px
    }
    .radwall__head {
        padding: 40px 0 40px 30px
    }
    .radwall__step-head h4 {
        font-size: 20px
    }
    .radwall__step-head p {
        font-size: 16px
    }
    .radwall__col-right {
        padding: 20px 30px
    }
    .radwall__col-left {
        padding-right: 30px
    }
    .radwall__steps {
        padding: 0 15px
    }
    .nav__link-big.active:before {
        transform: rotate(180deg)
    }
    .section-nav {
        display: none
    }
    .vision {
        padding: 100px 0 50px
    }
    .event-form,
    .up-events__controls {
        padding-top: 50px
    }
    .up-events__item {
        margin-right: 40px;
        width: calc(50% - 20px);
        padding: 20px 30px 30px
    }
    .nav__item {
        display: block;
        text-align: center;
        padding: 15px 0
    }
    .top-bar {
        position: relative
    }
    .logo__image {
        width: 150px;
        height: 38px
    }
    .top-bar__nav {
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        width: 100%;
        background-color: #233144;
        z-index: 3;
        display: none
    }
    .top-bar {
        padding: 15px 0
    }
    .header-big {
        font-size: 52px
    }
    .header:after {
        bottom: -1px
    }
    .about-benefit__number img {
        max-height: 52px
    }
    .h2,
    .h3 {
        font-size: 42px
    }
    .brands__right {
        padding-left: 30px
    }
    .brands-slider__ico img {
        width: 250px
    }
    .brands-slider__info {
        width: 65%
    }
    .brands-slider__ico {
        width: 35%;
        text-align: center
    }
    .monetication {
        padding: 100px 0
    }
    .section__sub-title {
        font-size: 18px
    }
    .monetication__item {
        display: block
    }
    .monetication__item-left,
    .monetication__item-right {
        max-width: 100%
    }
    .monetication__item-right {
        text-align: left;
        padding-top: 20px
    }
    .monetication__item {
        padding-top: 50px
    }
    .monetication__photo {
        left: auto;
        right: 0;
        transform: none
    }
    .params__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .monetication__control {
        padding-top: 100px
    }
    .params__item {
        width: calc(50% - 15px);
        margin-bottom: 20px
    }
    .params__item:last-child {
        margin-right: 30px
    }
    .params__item:nth-child(2n) {
        margin-right: 0
    }
    .blog__item-img:after {
        padding-bottom: 70%
    }
    .brands__title {
        right: 0
    }
    .section-nav {
        left: 30px
    }
    .section__sub-title br {
        display: none
    }
    .header__info,
    .header__text,
    .header__title {
        text-align: center;
        width: 100%
    }
    .header__text {
        padding-right: 0;
        margin: 0 auto
    }
    .header__text:after {
        left: 50%;
        transform: translateX(-50%)
    }
    .top-bar__section {
        overflow: visible
    }
    .nav__sublist {
        position: static;

        width: 100%;
        display: none;
        opacity: 1;
        visibility: visible
    }
    .click-count,
    .control,
    .media,
    .offer,
    .register {
        padding: 100px 0
    }
    .partners__slide {
        padding: 15px 50px 0
    }
    .partners__slider .slick-next {
        right: 15px
    }
    .partners__slider .slick-prev {
        left: 40px
    }
    .partners__name {
        font-size: 28px
    }
    .sdk__img img {
        max-width: 435px
    }
    .comming {
        padding: 100px 0 250px
    }
    .comming-pad-bot-normal {
        padding-bottom: 114px
    }
    .comming_small {
        padding: 100px 0
    }
    .comming__item {
        padding: 20px 30px
    }
    .comming__ico img {
        max-width: 250px
    }
    .comming__ico--chatbot {
        padding-top: 120px
    }
    .comming__name {
        font-size: 36px
    }
    .comming__text {
        padding-bottom: 30px;
        font-size: 16px
    }
    .comming__items {
        padding-top: 20px
    }
    .traffic {
        padding: 100px 0
    }
    .traffic__top {
        padding: 30px 40px
    }
    .traffic__text {
        padding-right: 20px
    }
    .traffic__img img {
        max-width: 100%
    }
    .register__btn,
    .register__name {
        font-size: 24px
    }
    .about-company {
        padding: 100px 0 120px
    }
    .click-count .params__text {
        padding-bottom: 50px
    }
    .acquistion__header .header__container {
        padding: 100px 0 180px
    }
    .acquistion__header .header__buttons_big {
        padding-top: 100px
    }
    .result__item {
        width: calc(50% - 20px)
    }
    .result__item:nth-child(2n) {
        margin-left: 40px
    }
    .need,
    .result,
    .we-offer {
        padding: 100px 0
    }
    .successs__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .successs__item {
        width: calc(33.33% - 15px);
        margin-bottom: 30px
    }
    .successs__item:nth-child(3n) {
        margin-right: 0
    }
    .need__ico img {
        max-width: 100%
    }
    .career__header .header__container {
        padding: 120px 0
    }
    .need__items {
        padding-left: 0;
        padding-right: 0
    }
    .need__name {
        font-size: 28px
    }
    .need__text p {
        font-size: 16px
    }
    .successs {
        padding: 100px 0
    }
    .contacts__item {
        padding-left: 20px;
        padding-right: 20px
    }
    .contacts__text {
        font-size: 20px
    }
    .vision__item-title {
        padding: 25px 0 20px;
        font-size: 28px
    }
    .our-mission {
        padding: 100px 0
    }
    .our-mission__text {
        font-size: 22px
    }
    .matter {
        padding: 100px 0
    }
    .matter__text {
        padding: 20px 30px 30px
    }
    .matter__name {
        font-size: 24px;
        top: 12px
    }
    .bussiness {
        padding: 100px 0
    }
    .monetize,
    .monetize__title {
        text-align: center
    }
    .monetize__title {
        padding-bottom: 20px;
        margin-bottom: 40px
    }
    .monetize__title:after {
        left: calc(50% - 44px)
    }
    .monetize__text {
        font-size: 16px;
        padding-right: 0
    }
    .monetize__header {
        font-size: 18px
    }
    .monetize__ul {
        width: 60%;
        padding-right: 50px;
        padding-top: 50px;
        text-align: left
    }
    .monetize__li {
        margin-bottom: 15px
    }
    .monetize__img {
        width: 40%
    }
    .cpi__monetize .monetize__text {
        text-align: left
    }
    .cpi__monetize .monetize__descr {
        width: 60%
    }
    .cp-team__items {
        margin-top: 50px
    }
    .cp-team__item {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important;
        width: 100%;
        min-height: 250px
    }
    .cp-team__item__four {
        width: 50%
    }
    .cp-team__item:nth-child(2n),
    .cp-team__item_main {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .cp-team__row {
        display: block
    }
    .cp-team__row__four {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cp-team__row__four .cp-team__item {
        width: 50%
    }
    .advertise__title {
        padding-bottom: 20px
    }
    .advertise__subtitle,
    .advertise__title {
        margin-bottom: 40px
    }
    .advertise__name {
        font-size: 24px
    }
    .advertise__item {
        margin-bottom: 40px
    }
    .platforms {
        padding: 30px 0 40px
    }
    .platforms__header {
        min-width: 140px;
        font-size: 38px;
        padding-bottom: 10px
    }
    .platforms__header:after {
        width: 100px;
        left: calc(50% - 50px)
    }
    .platforms__btn {
        margin: 15px 30px
    }
    .premium {
        padding: 50px 0 220px
    }
    .premium__content {
        padding: 45px 30px 70px
    }
    .premium__title {
        font-size: 32px;
        padding-bottom: 20px;
        margin-bottom: 40px
    }
    .premium__text {
        font-size: 18px;
        margin-bottom: 40px
    }
    .premium__label {
        font-size: 22px
    }
    .blogs {
        padding: 50px 0
    }
    .blogs__content {
        padding: 5px 30px;
        border: 10px solid transparent
    }
    .advantage {
        padding: 50px 0
    }
    .advantage__item {
        width: calc(50% - 15px);
        padding: 20px 0;
        margin-bottom: 30px
    }
    .advantage__ico {
        height: 220px;
        width: 220px
    }
    .advantage__ico img {
        max-width: 200px;
        max-height: 200px
    }
    .advantage__name {
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 20px
    }
    .advantage__name:after,
    .advantage__name:before {
        width: 90px
    }
    .advantage__name-wrap {
        padding: 0 90px
    }
    .advantage__name-wrap:before {
        left: 90px
    }
    .advantage__name-wrap:after {
        right: 90px
    }
    .contact__container {
        max-width: 496px
    }
    .contact__info .contact__container {
        display: block
    }
    .contact__socials {
        max-width: none;
        padding: 15px 0 5px
    }
    .contact__name {
        padding: 5px 15px 15px
    }
    .article .article__container {
        max-width: 992px
    }
    .article__top {
        padding: 15px 0
    }
    .article__main {
        padding: 30px 0 20px
    }
    .article__content {
        max-width: calc(100% - 40px - 266px)
    }
    .article__img {
        margin-bottom: 20px
    }
    .article__title {
        font-size: 34px
    }
    .article__text {
        padding: 20px 0
    }
    .article__text__h1,
    .article__text h1 {
        font-size: 34px
    }
    .article__text__h2,
    .article__text h2 {
        font-size: 30px
    }
    .article__text__h3,
    .article__text h3 {
        font-size: 26px
    }
    .article__text__h4,
    .article__text h4 {
        font-size: 22px
    }
    .article__text__h5,
    .article__text h5 {
        font-size: 20px
    }
    .article__text__h6,
    .article__text h6 {
        font-size: 18px
    }
    .article__related-img {
        width: 100px
    }
    .article__related-content {
        width: calc(100% - 100px);
        padding: 5px 10px 20px
    }
    .nav__sublist {
        box-shadow: none
    }
    .nav__sublist.lang__list {
        position: absolute;
        background-color: #f68b1e;
        top: 100%;
        left: -40px;
        width: calc(100% + 80px);
        box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
        padding: 10px 25px;
        z-index: 3;
        transition: all .3s
    }
    .footer__section:before {
        content: none
    }
    .events {
        padding: 133px 0 50px
    }
    .register__article .register__panel {
        display: block
    }
    .register__article .register__title {
        max-width: 100%;
        margin-bottom: 30px
    }
    .register__article .subscribe__form {
        width: 100%
    }
    .register__article .subscribe__form .form__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .register__article .subscribe__form .form__col {
        width: calc(50% - 15px);
        margin-right: 15px
    }
    .register__article .subscribe__form .form__col:nth-child(2n+2) {
        margin-right: 0;
        margin-left: 15px
    }
    .register__article .subscribe__form .form__col:last-child {
        width: 100%;
        margin-top: 20px
    }
    .offer__img {
        overflow: hidden
    }
    .offer__img img {
        max-width: 100%
    }
    .nav__list.nav__list__lang .nav__item {
        padding: 12px 15px
    }
    .container-full-height {
        min-height: calc(100vh - 201px)
    }
    .experts {
        padding: 20px 0 40px
    }
    .experts__header {
        margin-bottom: 20px;
        padding: 0 10px
    }
    .experts__header-subtitle {
        font-size: 18px
    }
    .experts__header-title {
        font-size: 36px
    }
    .experts__header-lbl {
        font-size: 14px
    }
    .experts__items {
        margin-left: -10px;
        margin-right: -10px
    }
    .experts__item {
        width: 300px;
        margin: 0 10px 20px
    }
    .experts__item-content {
        max-width: 800px;
        padding: 40px 40px 20px
    }
    .experts__item-content a.close-modal {
        width: 40px;
        height: 40px
    }
    .experts__item-header {
        font-size: 22px;
        margin-bottom: .5em
    }
    .experts__item-text {
        font-size: 14px
    }
    .experts__item-text p {
        margin: 1em 0
    }
    .experts__item-btn {
        font-size: 16px;
        line-height: 20px;
        padding: 15px
    }
    .animation_container {
        transform: scale(.714);
        margin-top: -50px;
        margin-left: -50px
    }
    .traffic__title.big {
        font-size: 40px
    }
    .radwall__title {
        margin-bottom: 30px
    }
    .footer {
        padding: 20px 0 60px
    }
    .footer .top-bar__control-panel_decorate {
        top: 15px
    }
    .footer .powered-wrapper {
        top: 5px
    }
    .container-unsubscribe p {
        font-size: 30px
    }
    .container-unsubscribe h1 {
        font-size: 38px
    }
}

@media screen and (max-width:1200px) and (min-width:984px) {
    .leaders__item-content {
        height: 316px
    }
}

@media screen and (max-width:1140px) {
    .page--ssp .btn {
        font-size: 14px;
        min-width: 140px;
        padding: 14px 20px
    }
    .page--ssp .ssp {
        padding: 40px 0 30px
    }
    .page--ssp .ssp__header {
        font-size: 48px
    }
    .page--ssp .ssp__content {
        padding: 40px
    }
    .page--ssp .mdl {
        max-width: 500px
    }
    .page--ssp .mdl__container {
        padding: 20px 30px
    }
    .page--ssp .mdl__title {
        font-size: 36px
    }
    .page--ssp .modal a.close-modal {
        right: -80px;
        top: 20px
    }
    .page--ssp .sspform__input {
        padding: 10px 12px;
        height: 41px
    }
    .page--ssp .sspform__input--textarea {
        height: 80px
    }
    .page--ssp .sspform__submit {
        margin-top: 20px
    }
}

@media only screen and (max-width:992px) {
    .canvas-anim__text {
        font-size: 24px
    }
    .radwall {
        padding-top: 70px;
        padding-bottom: 70px
    }
    .radwall__title {
        text-align: center
    }
    .radwall__steps-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .radwall__steps {
        padding-bottom: 0
    }
    .radwall__step {
        max-width: 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
    .leaders__item {
        padding: 0 15px
    }
    .section__sub-title_small {
        font-size: 16px
    }
    .about-company__controls {
        padding-top: 40px
    }
    .about-company {
        padding: 70px 0 90px
    }
    .click-count .params__text {
        padding-bottom: 30px
    }
    .click-count__items {
        padding-top: 20px
    }
    .traffic {
        padding: 70px 0
    }
    .offer__subtitle {
        margin-bottom: 30px
    }
    .offer__subtitle span {
        font-size: 16px
    }
    .media {
        padding: 70px 0
    }
    .register {
        padding: 80px 0
    }
    .header__container {
        padding-top: 120px
    }
    .header-big {
        font-size: 50px
    }
    .btn {
        font-size: 20px;
        padding: 15px 30px
    }
    .h2,
    .h3 {
        font-size: 36px;
        padding-bottom: 35px;
        margin-bottom: 35px
    }
    .h2:after,
    .h3:after {
        width: 140px;
        left: calc(50% - 70px)
    }
    .about__left {
        padding: 0 20px
    }
    .register__panel {
        padding: 30px
    }
    .btn_small {
        font-size: 18px;
        padding: 12px 25px
    }
    .about-benefit__ico:after {
        width: 120px;
        height: 120px
    }
    .about-benefit__ico img {
        max-width: 100px;
        max-height: 100px
    }
    .about-benefit__ico {
        width: 140px;
        height: 140px
    }
    .about-benefit__info {
        width: 55%
    }
    .brands-slider__item {
        display: block!important
    }
    .slick-arrow {
        bottom: -50px
    }
    .brands-slider__ico {
        width: 30%;
        display: inline-block;
        height: auto;
        float: left
    }
    .brands-slider__ico img {
        max-width: 100%
    }
    .brands-slider__btn {
        margin-left: 30px
    }
    .brands-slider__info {
        width: 70%;
        padding-top: 0;
        float: left;
        padding-left: 40px
    }
    .brands-slider__text {
        padding: 20px 0 30px;
        min-height: inherit
    }
    .slick-arrow {
        bottom: -70px
    }
    .monetication {
        padding: 70px 0
    }
    .monetication__photo img {
        max-width: 400px
    }
    .monetication__name {
        font-size: 22px
    }
    .monetication__descr {
        font-size: 16px;
        padding-top: 0
    }
    .monetication__item {
        padding-top: 30px
    }
    .team__item-left {
        padding-left: 40px
    }
    .team__item-name {
        font-size: 28px
    }
    .team {
        padding: 70px 0
    }
    .team__controls {
        padding-top: 40px
    }
    .blog {
        padding: 70px 0
    }
    .blog__slider .slick-arrow {
        bottom: -20px
    }
    .events {
        padding-top: 70px
    }
    .events__item {
        padding: 40px 30px
    }
    .events__control {
        padding-left: 0
    }
    .header__text {
        min-height: 10px;
        padding-top: 40px
    }
    .header__buttons {
        -ms-flex-pack: center;
        justify-content: center
    }
    .nav__item {
        padding: 12px 0;
        background: #ffc86a;
        border-bottom: 1px solid #fff;
    }
    .header__text {
        font-size: 18px
    }
    .blogs__header .header__text,
    .header__text br {
        display: none
    }
    .offer {
        padding: 50px 0 45px
    }
    .offer__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .offer__item {
        width: 50%;
        padding-top: 30px
    }
    .offer__name {
        padding: 15px 20px
    }
    .offer__ico {
        width: 170px;
        height: 170px
    }
    .offer__ico img {
        max-width: 110px;
        max-height: 110px
    }
    .offer__ico:after {
        top: calc(50% - 92px);
        left: calc(50% - 82px)
    }
    .offer__text {
        font-size: 16px
    }
    .click-count {
        padding: 70px 0
    }
    .register__btn {
        font-size: 24px;
        font-weight: 700
    }
    .control {
        padding: 70px 0
    }
    .control__item {
        font-size: 20px
    }
    .sdk {
        padding: 70px 0
    }
    .sdk__content {
        padding-top: 40px
    }
    .sdk__info {
        padding-left: 0
    }
    .sdk__name {
        font-size: 24px;
        margin-bottom: 10px
    }
    .sdk__name:after {
        width: 200px
    }
    .sdk__text {
        font-size: 16px
    }
    .sdk__item {
        padding-bottom: 70px
    }
    .sdk__img img {
        max-width: 400px
    }
    .traffic__text {
        font-size: 16px
    }
    .register__panel {
        display: block
    }
    .register__item {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .register__divider {
        display: none
    }
    .register__btn {
        -ms-flex-order: -1;
        order: -1;
        margin: 0
    }
    .register__name {
        top: 0;
        padding: 0;
        margin: 10px 0 50px
    }
    .register__panel {
        padding: 30px 30px 10px
    }
    .technologied__header .header__container {
        padding: 80px 0 130px
    }
    .comming__item:nth-child(2n) {
        margin-left: 20px
    }
    .comming__item {
        width: calc(50% - 10px);
        padding: 20px 15px
    }
    .comming__name {
        font-size: 28px
    }
    .comming__ico img {
        max-width: 200px
    }
    .comming {
        padding: 70px 0 100px
    }
    .comming-pad-bot-normal {
        padding-bottom: 84px
    }
    .comming_small {
        padding: 70px 0
    }
    .offer__subtitle {
        margin-top: 0
    }
    .acquistion__header .header__container {
        padding: 70px 0 140px
    }
    .acquistion__header .header__buttons_big {
        padding-top: 50px
    }
    .result__item {
        padding: 20px 0
    }
    .result__name {
        font-size: 28px
    }
    .result__name span {
        font-size: 36px
    }
    .result__ico {
        padding-bottom: 30px
    }
    .result__btn span {
        font-size: 24px;
        padding: 15px 10px
    }
    .offer__controls {
        padding-left: 0
    }
    .result {
        padding: 70px 0
    }
    .result__content {
        padding-top: 50px
    }
    .up-events {
        padding: 70px 0
    }
    .career__header .header__container {
        padding: 70px 0 50px
    }
    .need,
    .result,
    .we-offer {
        padding: 70px 0
    }
    .need__items {
        padding-top: 10px;
        display: block
    }
    .need__item {
        padding-bottom: 30px
    }
    .need__item,
    .need__text {
        text-align: center
    }
    .need__name {
        padding-top: 10px
    }
    .we-offer__items {
        display: block
    }
    .we-offer__col {
        width: 100%
    }
    .we-offer__col:first-child {
        padding-right: 0
    }
    .successs {
        padding: 70px 0
    }
    .successs__subtitle {
        font-size: 20px
    }
    .team-events__subtitle,
    .team__text_padding {
        padding-top: 20px
    }
    .team-events__items {
        padding: 40px 0 0
    }
    .team-events__name {
        font-size: 32px
    }
    .team-events__controls {
        padding-top: 50px
    }
    .team-events {
        padding: 70px 0 220px
    }
    .contacts-us__title {
        font-size: 32px
    }
    .event__title {
        font-size: 24px
    }
    .up-events__item {
        padding-left: 15px;
        padding-right: 15px
    }
    .event__info {
        padding: 10px 0 15px
    }
    .event__name,
    .event__text {
        font-size: 16px
    }
    .event__social-line:after,
    .event__social-line:before {
        content: none
    }
    .contacts {
        display: block
    }
    .contacts__item {
        width: 100%;
        padding: 30px 0
    }
    .contacts__item:last-child {
        padding-bottom: 200px
    }
    .contacts-person__info {
        max-width: 80%;
        margin: 0 auto
    }
    .up-events__items {
        padding-top: 40px
    }
    .bussiness,
    .our-mission,
    .vision {
        padding: 70px 0
    }
    .leaders {
        padding: 70px 0 110px
    }
    .bussiness__items {
        padding-top: 50px
    }
    .bussiness__name {
        font-size: 26px
    }
    .bussiness__text {
        font-size: 16px
    }
    .bussiness__info {
        padding-left: 45px
    }
    .matter {
        padding: 70px 0
    }
    .matter__item {
        width: calc(50% - 15px);
        margin-right: 30px
    }
    .matter__name {
        font-size: 22px;
        top: 8px
    }
    .blogs__header .header__container {
        padding-top: 100px
    }
    .header__buttons_big {
        padding-top: 70px
    }
    .cpa__header .header__buttons {
        padding-top: 50px
    }
    .advertise__item {
        margin: 0 0 40px;
        padding: 0 20px
    }
    .contact-form__img {
        display: none
    }
    .contact-form__fields {
        width: 100%
    }
    .premium__text {
        font-size: 16px
    }
    .offer__code_title {
        font-size: 24px;
        margin-bottom: 0
    }
    .blogs__item {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .blogs__content {
        width: 100%;
        -ms-flex-order: 2;
        order: 2
    }
    .blogs__media {
        width: 100%;
        -ms-flex-order: 1;
        order: 1
    }
    .blogs__media img {
        display: block
    }
    .advantage__name {
        font-size: 26px
    }
    .advantage__name:after,
    .advantage__name:before {
        width: 50px
    }
    .advantage__name-wrap {
        padding: 0 50px
    }
    .advantage__name-wrap:before {
        left: 50px
    }
    .advantage__name-wrap:after {
        right: 50px
    }
    .contact {
        display: block
    }
    .contact__container {
        max-width: 768px;
        margin: 0 auto
    }
    .contact__feedback {
        width: auto
    }
    .contact__feedback .contact__container {
        padding-left: 15px;
        padding-right: 15px
    }
    .contact__contacts {
        width: auto
    }
    .contact__map {
        height: 500px
    }
    .contact__info {
        text-align: center
    }
    .article .article__container {
        max-width: 768px
    }
    .article__top {
        padding: 15px 0 0
    }
    .article__top .container {
        display: block;
        text-align: center
    }
    .article__breadcrumbs {
        padding-right: 0
    }
    .article__breadcrumbs-item {
        padding: 15px 15px 15px 5px;
        margin-right: 5px
    }
    .article__main .container {
        display: block
    }
    .article__content {
        max-width: none
    }
    .article__side {
        display: none
    }
    .article__latest-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .article__latest-item {
        width: 45%
    }
    .article__related-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .article__related-item {
        width: 45%;
        margin-bottom: 30px
    }
    .contacts__text_cogwheel,
    .contacts__text_comment {
        text-align: center;
        padding-left: 0
    }
    .contacts__text_cogwheel:before,
    .contacts__text_comment:before {
        content: none
    }
    .contacts__text_cogwheel br,
    .contacts__text_comment br {
        display: none
    }
    .home__header .header__buttons {
        padding-top: 92px
    }
    .blog__wrapper .blog__item-wrap:nth-child(3n+3) {
        display: none
    }
    .blog__wrapper .blog__item-wrap {
        width: 50%
    }
    .vision__item-ico img {
        max-width: 170px
    }
    .contacts__section {
        display: none
    }
    .article__created {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .article__created .article__author {
        -ms-flex-order: 2;
        order: 2
    }
    .article__created .article__date {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 10px
    }
    .need__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
    .need__ico {
        width: 30%
    }
    .need__ico img {
        max-width: 200px
    }
    .need__item_info {
        width: 70%;
        text-align: left;
        padding-left: 20px
    }
    .need__text {
        text-align: left
    }
    .contact__map {
        display: none
    }
    .partners {
        padding: 110px 0 100px
    }
    .partners__name {
        font-size: 20px
    }
    .partners__img img {
        position: absolute;
        bottom: 0
    }
    .monetize__ul {
        width: 100%
    }
    .monetize__img {
        display: none
    }
    .contact-form,
    .cp-team {
        padding: 60px 0 100px
    }
    .form__header-title {
        font-size: 32px
    }
    .form__header {
        padding-top: 35px;
        padding-bottom: 285px
    }
    .form__container_content {
        padding-left: 37px;
        padding-right: 37px
    }
    .technologied__header .header__buttons {
        padding-top: 131px
    }
    .up-events__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }
    .about__container {
        display: block;
        box-shadow: none
    }
    .about__left {
        width: 100%;
        padding-bottom: 25px
    }
    .about__right {
        width: 100%
    }
    .brands__left {
        display: none
    }
    .brands__right {
        width: 100%
    }
    .experts__item {
        width: 340px
    }
    .animation_container {
        transform: scale(.606);
        margin-top: -69px;
        margin-left: -69px
    }
}

@media screen and (max-width:768px) {
    .solutions {
        padding: 50px 0 45px
    }
    .solutions__items {
        margin-top: 40px
    }
    .solutions__item {
        width: calc(33.3% - 15px);
        margin-bottom: 30px
    }
    .solutions__ico {
        height: 70px
    }
    .solutions__name {
        font-size: 18px
    }
	.for { width:100%!important;}
	.cpm-cpi { width:100%!important;}
	.fom-group { width:100%!important;}
	.icon-bx-md { margin-left:122px!important;}
}

@media only screen and (max-width:767px) {
    .canvas-anim-container {
        padding: 0
    }
	.main-head-con { font-size:30px;}
	.icon-bx-md { margin-left:74px!important;}
	.for { width:100%!important;}
	.cpm-cpi { width:100%!important;}
	.fom-group { width:100%!important;}
    .comming__ico--chatbot {
        padding-top: 0
    }
    .canvas-anim__text {
        font-size: 20px
    }
    .sdk__name.big {
        font-size: 18px
    }
    .radwall {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .radwall__step-head {
        padding-bottom: 15px
    }
    .radwall__steps {
        padding: 0
    }
    .radwall__flex {
        display: block
    }
    .radwall__col {
        max-width: none
    }
    .radwall__col-left {
        padding-right: 0;
        padding-bottom: 30px
    }
    .radwall__col-right,
    .radwall__head {
        padding-left: 15px;
        padding-right: 15px
    }
    .bussiness__info {
        padding-left: 0;
        width: 100%
    }
    .bussiness__item {
        display: block;
        margin-bottom: 30px
    }
    .bussiness__img {
        display: none
    }
    .bussiness,
    .matter,
    .our-mission,
    .vision {
        padding: 50px 0
    }
    .leaders__item-content img {
        margin: 0 auto
    }
    .event-form {
        padding-top: 30px
    }
    .need,
    .result,
    .we-offer {
        padding: 50px 0
    }
    .career__header .header__container {
        padding: 50px 0 35px
    }
    .header__panel {
        margin-left: 0;
        padding: 20px 15px;
        margin-bottom: 100px
    }
    .up-events {
        padding: 50px 0
    }
    .result__controls {
        padding-top: 50px
    }
    .result__btn span {
        font-size: 28px
    }
    .result {
        padding: 50px 0
    }
    .about-company {
        padding: 50px 0 60px
    }
    .click-count {
        padding: 50px 0
    }
    .header__container {
        padding: 50px 15px 100px
    }
    .header__title {
        white-space: normal
    }
    .header-big {
        font-size: 32px
    }
    .header__buttons {
        padding-top: 30px
    }
    .section-nav {
        left: 15px
    }
    .about {
        padding: 50px 0
    }
    .btn,
    .header__text {
        font-size: 18px
    }
    .btn {
        padding: 12px 20px
    }
    .h2,
    .h3 {
        font-size: 28px;
        padding-bottom: 15px;
        margin-bottom: 20px
    }
    .h2:after,
    .h3:after {
        content: "";
        position: absolute;
        width: 120px;
        left: calc(50% - 60px)
    }
    .page {
        font-size: 16px
    }
    .about__text {
        padding: 0 15px 20px
    }
    .about-benefit__item {
        padding: 15px 30px
    }
    .brands-slider__ico img {
        width: 200px
    }
    .brands-slider__title {
        font-size: 26px
    }
    .brands-slider__text {
        font-size: 16px
    }
    .brands,
    .monetication {
        padding: 20px 0
    }
    .section__sub-title {
        font-size: 16px
    }
    .monetication__photo {
        padding-top: 0
    }
    .monetication__item {
        padding-top: 20px
    }
    .monetication__item-right {
        padding-top: 15px
    }
    .monetication__name {
        font-size: 20px
    }
    .monetication__control {
        padding-top: 40px
    }
    .params {
        padding: 40px 0 20px
    }
    .params__item {
        width: 100%
    }
    .params__item,
    .params__item:last-child {
        margin-right: 0
    }
    .params__box {
        padding-top: 20px
    }
    .params__sub-title,
    .params__text {
        padding-bottom: 20px
    }
    .params__text {
        font-size: 16px
    }
    .params__icon {
        height: 150px
    }
    .params__control {
        padding: 25px 0 30px
    }
    .team__item {
        display: block
    }
    .team__item-right {
        width: 100%;
        padding: 15px 0
    }
    .team__item-left {
        width: 100%;
        padding: 10px 15px
    }
    .team__item:after {
        content: none
    }
    .team__item-name {
        font-size: 24px;
        padding-bottom: 0
    }
    .team__item-place {
        font-size: 16px
    }
    .team__controls {
        padding-top: 10px
    }
    .team {
        padding: 40px 0 50px
    }
    .team__items {
        padding-top: 30px
    }
    .blog__item-wrap {
        display: none;
        padding: 10px 15px 40px
    }
    .blog__item-wrap:first-child {
        display: block;
        width: 100%
    }
    .blog {
        padding: 40px 0 50px
    }
    .blog__item-img {
        max-width: 450px;
        margin: 0 auto
    }
    .blog__item {
        padding: 30px 15px 35px
    }
    .blog__item-title {
        font-size: 22px;
        font-weight: 700;
        padding: 15px 0 10px
    }
    .blog__item-text {
        font-size: 16px;
        padding-bottom: 10px
    }
    .slick-prev {
        right: 65px
    }
    .slick-next {
        right: 20px
    }
    .blog__controls {
        padding-left: 0;
        text-align: center
    }
    .events {
        padding: 40px 0
    }
    .events__items {
        margin-top: 20px
    }
    .events__item {
        width: 50%;
        padding: 30px 20px
    }
    .events__item:before {
        right: 4px
    }
    .events__item:nth-child(2n):before {
        content: none
    }
    .events__item:after {
        left: 17px
    }
    .events__items {
        padding: 20px 0
    }
    .events__control {
        padding-top: 30px
    }
    .top-bar__enter {
        padding: 10px 20px
    }
    .about-benefit__number-big img {
        max-width: 100%;
        max-height: 100%
    }
    .about-benefit__number img {
        max-height: 45px
    }
    .events__item_completed .events__ico:after {
        top: 10px;
        right: 30px;
        width: 30px;
        height: 30px;
        background-size: 15px 15px
    }
    .offer__name {
        font-size: 20px
    }
    .offer__ico {
        display: none
    }
    .register__panel {
        display: block
    }
    .register__panel,
    .register__title {
        text-align: center
    }
    .control,
    .media,
    .register {
        padding: 50px 0
    }
    .control__item {
        font-size: 18px;
        padding-left: 60px;
        margin-bottom: 25px
    }
    .sdk {
        padding: 50px 0
    }
    .sdk__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sdk__info {
        -ms-flex-order: 1;
        order: 1
    }
    .sdk__img {
        width: 100%;
        text-align: center
    }
    .sdk__img img {
        max-width: 250px
    }
    .sdk__name {
        font-size: 22px;
        margin-bottom: 5px
    }
    .sdk__name:after,
    .sdk__name:before {
        content: none
    }
    .sdk__item {
        padding-bottom: 20px
    }
    .sdk__info {
        padding-bottom: 0
    }
    .technologied__header .header__container {
        padding: 50px 15px 90px
    }
    .sdk__subtitle span {
        font-size: 18px
    }
    .traffic__title br {
        display: none
    }
    .traffic__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .traffic__info {
        padding-right: 0;
        width: 100%;
        text-align: center
    }
    .traffic__reminder {
        position: relative;
        right: 10%
    }
    .traffic__img {
        text-align: center;
        width: 100%;
        -ms-flex-order: -1;
        order: -1;
        padding-bottom: 15px
    }
    .traffic__img img {
        max-width: 200px
    }
    .traffic__title {
        text-align: center
    }
    .traffic {
        padding: 50px 0
    }
    .vision__items {
        padding: 30px 0;
        display: block
    }
    .vision__item {
        width: 100%;
        padding-bottom: 25px
    }
    .vision__item-ico {
        display: none
    }
    .vision__item-text {
        max-width: 100%
    }
    .vision__item-title {
        padding: 15px 0
    }
    .comming__items {
        display: block
    }
    .comming__item {
        width: 100%;
        margin-bottom: 20px
    }
    .comming__item:nth-child(2n) {
        margin-left: 0
    }
    .comming,
    .comming_small {
        padding: 50px 0
    }
    .traffic__text {
        padding-right: 0
    }
    .acquistion__header .header__container {
        padding: 50px 0 120px
    }
    .acquistion__header .header__text {
        padding-top: 45px
    }
    .result__items {
        display: block
    }
    .result__item {
        width: 100%;
        margin-bottom: 20px
    }
    .result__item:nth-child(2n) {
        margin-left: 0
    }
    .result__name {
        font-size: 24px;
        margin-bottom: 25px
    }
    .result__name span {
        font-size: 32px
    }
    .result__list-item {
        font-size: 16px;
        margin-bottom: 8px
    }
    .need__name {
        font-size: 26px
    }
    .we-offer__item {
        font-size: 18px
    }
    .successs__item {
        width: calc(50% - 10px);
        margin-right: 0
    }
    .successs__item:nth-child(2n-1) {
        margin-right: 20px
    }
    .successs__subtitle {
        font-size: 18px
    }
    .team-events {
        padding: 50px 0
    }
    .team-events__controls {
        padding-top: 25px
    }
    .team-events__name {
        font-size: 28px
    }
    .team-events__content {
        padding: 25px 15px
    }
    .team-events__top {
        padding: 10px 15px
    }
    .successs {
        padding: 50px 0
    }
    .team-events__controls {
        padding-left: 0
    }
    .event__controls {
        margin-right: 0;
        margin-top: 15px
    }
    .event__date {
        font-size: 18px;
        font-weight: 600
    }
    .event__title {
        font-size: 22px;
        font-weight: 600
    }
    .contacts-person__name {
        font-size: 24px
    }
    .our-mission__text,
    .vision__item-text {
        font-size: 16px
    }
    .vision__items {
        padding-bottom: 15px
    }
    .matter__item {
        width: 100%;
        margin-right: 0
    }
    .cpa__header .header__text {
        font-size: 16px
    }
    .cpa__header span {
        padding-top: 20px;
        font-size: 16px
    }
    .monetize__top {
        padding: 25px 35px 30px
    }
    .monetize__ul {
        width: 100%;
        padding-right: 0;
        padding-top: 30px;
        margin-bottom: 20px
    }
    .monetize__list {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cpi__monetize .monetize__descr {
        width: 100%
    }
    .contact-form__btns {
        width: auto
    }
    .advertise__name {
        font-size: 20px
    }
    .advertise__ico {
        height: 120px;
        width: 120px
    }
    .advertise__ico img {
        max-width: 65px;
        max-height: 75px
    }
    .advertise__text {
        font-size: 15px;
        text-align: center
    }
    .contact-form {
        padding: 30px 0 45px
    }
    .contact-form__fields {
        padding: 0
    }
    .section__cp-team {
        display: none
    }
    .cp-team__item {
        min-height: 100px
    }
    .cp-team__content {
        padding: 20px
    }
    .cp-team__name {
        font-size: 20px
    }
    .cp-team__position {
        font-size: 16px;
        padding-bottom: 15px
    }
    .cp-team__socials {
        font-size: 24px
    }
    .cp-team__social {
        margin: 5px
    }
    .cp-team__row__four {
        display: block
    }
    .cp-team__row__four .cp-team__item {
        width: 100%
    }
    .text {
        padding: 40px 0 200px
    }
    .platforms__headers {
        padding-bottom: 20px
    }
    .platforms__headers .short {
        display: none
    }
    .platforms__header {
        min-width: 100px;
        font-size: 40px
    }
    .platforms__btn {
        margin: 15px 5px;
        font-size: 14px
    }
    .premium {
        padding-bottom: 50px
    }
    .premium__label {
        font-size: 18px
    }
    .tags {
        margin-bottom: 25px
    }
    .tags__tag {
        font-size: 14px;
        padding: 10px;
        margin: 5px 4px
    }
    .blogs__item,
    .blogs__item:nth-child(odd) {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .blogs__content,
    .blogs__media {
        width: 100%
    }
    .pagination {
        margin-top: 50px
    }
    .pagination__item {
        font-size: 14px;
        line-height: 14px;
        min-width: 32px;
        padding: 8px 3px;
        margin: 5px 1px
    }
    .advantage {
        padding: 40px 0
    }
    .advantage__item {
        width: 100%;
        padding: 30px 0;
        margin-bottom: 30px
    }
    .advantage__ico {
        height: 220px;
        width: 220px
    }
    .advantage__ico img {
        max-width: 200px;
        max-height: 200px
    }
    .advantage__name {
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 20px
    }
    .advantage__name:after,
    .advantage__name:before {
        width: 90px
    }
    .advantage__name-wrap {
        padding: 0 90px
    }
    .advantage__name-wrap:before {
        left: 90px
    }
    .advantage__name-wrap:after {
        right: 90px
    }
    .form__header {
        padding-top: 40px
    }
    .form__header-title {
        font-size: 26px
    }
    .form__header-title_small {
        font-size: 36px
    }
    .form__container {
        padding-left: 20px;
        padding-right: 20px
    }
    .form__container_content {
        padding: 20px 10px 30px
    }
    .form__steps {
        display: block
    }
    .form__steps-title {
        width: 100%;
        padding: 15px 0;
        text-align: center
    }
    .form__steps-items {
        width: 100%;
        padding: 20px;
        text-align: center
    }
    .form__row {
        display: block
    }
    .form__col {
        width: 100%
    }
    .form__radios {
        display: block
    }
    .form__radios-items,
    .form__radios-label {
        display:inline-block;
        width: auto
    }
    .text__info {
        display: block;
        text-align: center
    }
    .text__info-col {
        display: inline-block;
        width: auto
    }
    .article__title {
        font-size: 28px;
        text-align: center
    }
    .article__text {
        padding: 20px 0
    }
    .article__text__h1,
    .article__text h1 {
        font-size: 28px
    }
    .article__text__h2,
    .article__text h2 {
        font-size: 26px
    }
    .article__text__h3,
    .article__text h3 {
        font-size: 24px
    }
    .article__text__h4,
    .article__text h4 {
        font-size: 22px
    }
    .article__text__h5,
    .article__text h5 {
        font-size: 20px
    }
    .article__text__h6,
    .article__text h6 {
        font-size: 18px
    }
    .article__text blockquote {
        margin: 15px 0;
        font-size: 17px;
        padding-left: 15px
    }
    .article__footer-block {
        display: block;
        margin: 0 0 20px;
        width: auto
    }
    .article__latest-items {
        display: block
    }
    .article__latest-item {
        width: auto
    }
    .article__related-items {
        display: block
    }
    .article__related-item {
        width: auto
    }
    .monetication__photo {
        display: none
    }
    .need__item {
        display: block
    }
    .need__item_info {
        width: 100%
    }
    .need__ico {
        display: none
    }
    .need__item_info {
        padding-left: 0
    }
    .need__name,
    .need__text {
        text-align: center
    }
    .partners__slide {
        padding-left: 15px;
        padding-right: 15px
    }
    .partners__slide-content {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .partners__img {
        display: none
    }
    .partners__info {
        width: 100%;
        padding-left: 0
    }
    .register__article .subscribe__form .form__col {
        width: 100%;
        margin: 0
    }
    .register__article .subscribe__form .form__col:nth-child(2n+2) {
        margin: 0
    }
    .section__partners {
        display: none
    }
    .offer__code_title {
        font-size: 20px
    }
    .form {
        padding-bottom: 50px
    }
    .typewrite {
        display: block
    }
    .brands-slider__ico {
        display: none
    }
    .brands-slider__info {
        width: 100%;
        padding-left: 0
    }
    .header__info {
        display: none
    }
    .experts__item {
        width: 45%
    }
    .experts__item-title {
        margin-bottom: 15px
    }
    .experts__item-name {
        font-size: 16px
    }
    .experts__item-link,
    .experts__item-post {
        font-size: 12px
    }
    .hide-xs {
        display: none!important
    }
    .footer .top-bar__control-panel_decorate {
        top: 32px
    }
    .terms-privacy__wrapper {
        margin: 45px 15px 0
    }
    .terms-privacy__nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 15px
    }
    .terms-privacy__nav li {
        display: block;
        text-align: center;
        padding: 0 21px 0 20px;
        position: relative
    }
    .terms-privacy__nav li:last-child {
        padding: 0 20px
    }
    .terms-privacy__nav li:last-child:before {
        content: none
    }
    .terms-privacy__nav li:before {
        content: "";
        position: absolute;
        height: calc(100% + 8px);
        width: 1px;
        background: hsla(0, 0%, 100%, .4);
        top: -4px;
        right: 0
    }
}

@media screen and (max-width:600px) {
    .solutions__items {
        margin-top: 60px
    }
    .solutions__item {
        width: calc(50% - 20px)
    }
    .solutions__ico {
        height: 70px
    }
    .solutions__name {
        font-size: 18px
    }
}

@media screen and (max-width:680px) {
    .page--ssp .mdl {
        max-width: 420px
    }
    .page--ssp .mdl__container {
        padding: 20px
    }
    .page--ssp .modal a.close-modal {
        right: -60px;
        top: 0
    }
    .page--ssp .ssp__content {
        background: hsla(0, 0%, 100%, .8)
    }
	.for { width:100%!important;}
	.cpm-cpi { width:100%!important;}
}

@media screen and (max-width:540px) {
    .page--ssp .modal a.close-modal {
        right: -20px;
        top: -30px;
        z-index: 2;
        min-width: 40px;
        min-height: 40px;
        font-size: 9px;
        line-height: 26px;
        padding: 6px 4px
    }
	.for { width:100%!important;}
	.cpm-cpi { width:100%!important;}
    .page--ssp .mdl {
        width: 90%;
        max-width: calc(100% - 40px)
    }
    .page--ssp .mdl__container {
        padding: 15px
    }
    .experts__header-title {
        font-size: 28px
    }
    .experts__header-space {
        margin: 0 5px
    }
    .experts__item {
        width: 90%;
        max-width: 360px;
        margin: 0 auto
    }
    .experts__item-content {
        width: 100%;
        padding: 20px
    }
}

@media only screen and (max-width:480px) {
    .radwall__bottom {
        text-align: center
    }
	.icon-bx-md { margin-left:150px!important;}
	.for { width:100%!important;}
	.fom-group { width:100%!important;}
    .radwall__bottom,
    .radwall__bottom .btn_small {
        padding-right: 15px;
        padding-left: 15px
    }
    .matter__text {
        padding: 10px 15px;
        font-size: 16px
    }
    .bussiness,
    .matter,
    .our-mission,
    .vision {
        padding: 30px 0
    }
    .contacts-person__email {
        font-size: 15px
    }
    .event__controls {
        display: block
    }
    .event__social {
        padding-top: 5px
    }
    .up-events {
        padding: 30px 0
    }
    .about-company {
        padding: 30px 0 40px
    }
    .comming {
        padding: 30px 0 50px
    }
    .comming_small,
    .traffic {
        padding: 30px 0
    }
    .traffic__top {
        padding: 15px
    }
    .offer {
        padding: 30px 0 40px
    }
    .sdk {
        padding: 30px 0
    }
    .sdk__name {
        font-size: 20px
    }
    .sdk__subtitle span {
        font-size: 16px
    }
    .click-count,
    .register {
        padding: 30px 0
    }
    .monetication__photo img {
        max-width: 100%
    }
    .h2,
    .h3 {
        font-size: 25px
    }
    .brands__right {
        padding-left: 0
    }
    .header-big {
        font-size: 26px
    }
    .header__container {
        padding: 30px 15px 70px
    }
    .header__buttons {
        padding-right: 0
    }
    .header__buttons .btn {
        max-width: 50%
    }
    .header__buttons .btn:first-child {
        margin-left: 0
    }
    .header__text {
        padding-top: 20px
    }
    .about {
        padding: 30px 0
    }
    .about__left {
        padding-left: 0;
        padding-right: 0
    }
    .top-bar {
        padding: 12px 0
    }
    .page {
        font-size: 15px
    }
    .btn_small {
        font-size: 16px;
        padding: 10px 18px
    }
    .about-benefit__info {
        padding-right: 0;
        width: 50%;
        text-align: center
    }
    .about__benefit {
        margin-left: -15px;
        margin-right: -15px
    }
    .monetication__name {
        font-size: 18px
    }
    .monetication__descr {
        font-size: 15px
    }
    .monetication__item-right {
        padding-top: 12px
    }
    .events__item {
        width: 100%
    }
    .events__item:not(:last-child) {
        border-bottom: 1px solid #dedede
    }
    .events__item:after,
    .events__item:before {
        content: none
    }
    .events__date {
        top: 15px;
        font-size: 15px
    }
    .header__text {
        font-size: 16px
    }
    .offer__item {
        width: 100%
    }
    .offer__ico {
        display: none
    }
    .control,
    .media {
        padding: 30px 0
    }
    .control__item {
        font-size: 16px
    }
    .acquistion__header .header__container {
        padding: 30px 15px 80px
    }
    .acquistion__header .header__buttons_big {
        padding-top: 30px
    }
    .acquistion__header .header__text {
        padding-top: 35px
    }
    .result {
        padding: 30px 0
    }
    .result__controls {
        padding-top: 40px
    }
    .result__btn span {
        font-size: 24px;
        padding: 12px 10px
    }
    .need,
    .result {
        padding: 30px 0 20px
    }
    .we-offer {
        padding: 30px 0
    }
    .need__name {
        font-size: 24px
    }
    .successs {
        padding: 30px 0
    }
    .successs__items {
        padding-top: 30px
    }
    .successs__item {
        width: 100%
    }
    .successs__item:nth-child(2n-1) {
        margin-right: 0
    }
    .successs__item {
        padding: 40px 15px 25px
    }
    .we-offer__item {
        font-size: 16px
    }
    .career__header .header__container {
        padding: 30px 0
    }
    .header__panel {
        margin-bottom: 50px
    }
    .career__header .header__text {
        padding-top: 25px
    }
    .team {
        padding: 30px 0
    }
    .team__item-name {
        font-weight: 600;
        font-size: 22px
    }
    .team-events {
        padding: 30px 0
    }
    .team-events__name {
        font-size: 25px
    }
    .advertise__item {
        padding: 0;
        width: 100%
    }
    .contact-form,
    .contact-form__container {
        padding: 0
    }
    .contact-form__top {
        padding: 30px 15px 15px
    }
    .contact-form__switcher-label {
        padding: 15px 10px
    }
    .cp-team__item,
    .cp-team__item:nth-child(2n),
    .cp-team__item_main {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .cp-team__img {
        width: 100%
    }
    .cp-team__img:before {
        display: block;
        padding-top: 45%;
        content: ""
    }
    .cp-team__content {
        width: 100%;
        padding: 20px 0;
        border-top: 1px solid rgba(0, 0, 0, .05)
    }
    .cp-team__row:first-child .cp-team__content {
        border-top: none
    }
    .premium__items {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .premium__item {
        width: 100%;
        margin-bottom: 30px
    }
    .blogs__content,
    .blogs__media {
        padding: 0
    }
    .advantage__name,
    .blogs__header {
        font-size: 26px
    }
    .advantage__name:after,
    .advantage__name:before {
        width: 30px
    }
    .advantage__name-wrap {
        padding: 0 30px
    }
    .advantage__name-wrap:before {
        left: 30px
    }
    .advantage__name-wrap:after {
        right: 30px
    }
    .contact__header-title {
        font-size: 32px
    }
    .nav__list.nav__list__lang .nav__item {
        padding: 12px 15px
    }
    .offer__code_title {
        font-size: 20px;
        margin-bottom: 0
    }
    .form__radios-label {
        display: block
    }
    .form__select-im-label .label__text {
        width: 15%
    }
    .form__select-im-label .form__select-im-select {
        width: 85%
    }
    .form__checkbox_group .form__checkbox-label {
        margin-left: 15px
    }
    .footer__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .top-bar__control-panel_decorate {
        width: 100%;
        margin-top: 35px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .canvas-anim-container canvas {
        width: 100%!important
    }
}

@media screen and (max-width:400px) {
    .solutions__items {
        margin-top: 40px
    }
    .solutions__item {
        width: calc(50% - 10px);
        margin-bottom: 60px
    }
    .solutions__ico {
        height: 50px
    }
	.icon-bx-md { margin-left:125px!important;}
}

@media only screen and (max-width:374px) {
    .form__radios-item {
        display: inline;
    }
    .monetize__bottom {
        padding: 23px 32px 38px 0
    }
    .contact-form__btns {
        padding: 0 60px
    }
    .social__link {
        margin: 0 6px
    }
    .form__checkbox_group .form__checkbox-label {
        margin-left: 5px
    }
    .form__checkbox-icn {
        margin-right: 5px
    }
    .matter__name {
        top: 6px
    }
    .header__video-ru .header__title span {
        line-height: 60px
    }
    .header__video-ru .header__title span:before {
        width: 100%
    }
	.icon-bx-md { margin-left:125px!important;}
}

@media screen and (max-width:360px) {
    .solutions__items {
        margin-top: 30px
    }
    .solutions__item {
        width: 100%
    }
    .solutions__ico {
        height: 70px
    }
    .solutions__name {
        font-size: 16px
    }
	.icon-bx-md { margin-left:115px!important;}
	
}

@media only screen and (max-width:320px) {
    table {
        background-color: red
    }
	.map-mdn { display:none;}
	.main-hese { padding-top:100px;}
	.main-head-con { font-size:16px!important;}
	.icon-bx-wraper p:last-child { text-align:left!important;}
	.icon-bx-md { margin-left:99px!important;}
	.big { margin-left:-8px!important;}
}

.ani-1 {
    transition: 1s;
}

.ani-1:hover {
    transform: rotate(20deg) scale(1.2);
}

.dez-page img {
    height: 60px!important;
}
.map-mdn { width:100%;}
iframe { width:100%; height:100%;}
.mar-1 {    float: left;
    font-size: 17px;
    /* text-align: left; */
    width: 100%;
    }
.for { float:left;
width:45%;}
.am-i { width:15%!important;}
.cpm-cpi { margin-top:-4px;}
.typewrite { color:#fff; 
width:100%;}
.item-service-content  { background-color:#233144;
	color:#fff;
}
.icon-cell  { background-color:#ffbc49; color:#fff; border-radius:50%;}
.item-service-content  h5 { color:#fff;}