/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css?family=Caveat%7CMontserrat:300,400,600,700&display=swap&subset=cyrillic");

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
}

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

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

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}
h4 {
    font-size: 1em;
    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
}

optgroup {
    font-weight: 700
}

button, input, select {
    overflow: visible
}

button, input, select, textarea {
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:-moz-focusring, input:-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
}

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

.kdx-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    background: rgba(53, 18, 95, .85);
    z-index: 1000;
    max-height: 100%;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    text-transform: none;
    font-weight: 400;
    font-family: sans-serif
}

.kdx-nav__trigger {
    position: relative;
    padding: 5px 30px 5px 12px;
    cursor: pointer;
    text-transform: uppercase
}

.kdx-nav__trigger:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    top: 50%;
    margin-top: -2px;
    border: 5px solid transparent;
    border-width: 0 5px 5px;
    border-color: #fff transparent;
    transition: all .4s
}

.kdx-nav--opened .kdx-nav__trigger:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.kdx-nav__body {
    display: none;
    border-top: 1px solid rgba(0, 0, 0, .7);
    padding-bottom: 5px
}

.kdx-nav a {
    display: block;
    border: none !important;
    color: #fff !important;
    text-decoration: none;
    transition: all .2s;
    padding: 4px 30px 4px 20px;
    line-height: 1.2;
    white-space: nowrap
}

.kdx-nav a:hover {
    background: rgba(255, 255, 255, .2)
}

.kdx-nav a.disabled, .kdx-nav a.disabled:hover {
    opacity: .3;
    cursor: default;
    text-decoration: none;
    background: 0 0
}

.kdx-nav hr {
    margin: 5px 0;
    height: 0;
    border: none
}

.kdx-nav h4 {
    font-size: 13px;
    line-height: 1.6;
    color: #fff;
    margin: 5px 0 0;
    font-weight: 400;
    padding: 5px 12px;
    text-transform: uppercase
}

.kdx-nav h4, .kdx-nav hr {
    border-top: 1px solid rgba(0, 0, 0, .7)
}

.kdx-nav h4, .kdx-nav__trigger {
    background: rgba(0, 0, 0, .42)
}

.overflowhidden {
    overflow: hidden !important
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.hidden, .hideme {
    display: none !important
}

.showme {
    visibility: visible !important;
    opacity: 1 !important
}

.fl_right {
    float: right !important
}

.fl_left {
    float: left !important
}

.fl_none {
    float: none !important
}

.txt_center {
    text-align: center !important
}

.txt_right {
    text-align: right !important
}

.txt_left {
    text-align: left !important
}

.middle_valing {
    vertical-align: middle !important
}

.f_bold {
    font-weight: 600 !important
}

.nowrap {
    white-space: nowrap !important
}

.justify_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row
}

.justify_content:after {
    display: none
}

.footer__links, .nav__list, .taglist, .ul_simple {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-image: none
}

.ttn {
    text-transform: none
}

.static {
    position: static !important
}

.relative {
    position: relative !important
}

.noborder {
    border: none !important
}

.autowidth {
    max-width: none !important;
    min-width: none !important;
    width: auto !important
}

.fullwidth {
    width: 100%;
    box-sizing: border-box
}

.s-font {
    font-family: Caveat, sans-serif
}

img[data-object-fit=contain] {
    object-fit: contain
}

img[data-object-fit=cover] {
    object-fit: cover
}

@media only screen and (min-width: 768px) {
    .ninja_s {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .s_ninja {
        display: none !important
    }
}

@media only screen and (max-width: 767px),(min-width: 1025px) {
    .s_ninja_m {
        display: none !important
    }
}

@media only screen and (max-width: 767px),(min-width: 1281px) {
    .s_ninja_l {
        display: none !important
    }
}

@media only screen and (min-width: 1025px) {
    .ninja_m {
        display: none !important
    }
}

@media only screen and (max-width: 1024px) {
    .m_ninja {
        display: none !important
    }
}

@media only screen and (max-width: 1024px),(min-width: 1281px) {
    .m_ninja_l {
        display: none !important
    }
}

@media only screen and (min-width: 1281px) {
    .ninja_l {
        display: none !important
    }
}

@media only screen and (max-width: 1280px) {
    .l_ninja {
        display: none !important
    }
}

.mt-130 {
    margin-top: -130px !important
}

.mt-100 {
    margin-top: -100px !important
}

.mt-90 {
    margin-top: -90px !important
}

.mt-80 {
    margin-top: -80px !important
}

.mt-70 {
    margin-top: -70px !important
}

.mt-60 {
    margin-top: -60px !important
}

.mt-50 {
    margin-top: -50px !important
}

.mt-40 {
    margin-top: -40px !important
}

.mt-30 {
    margin-top: -30px !important
}

.mt-25 {
    margin-top: -25px !important
}

.mt-20 {
    margin-top: -20px !important
}

.mt-15 {
    margin-top: -15px !important
}

.mt-10 {
    margin-top: -10px !important
}

.mt-5 {
    margin-top: -5px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt130 {
    margin-top: 130px !important
}

.mr-130 {
    margin-right: -130px !important
}

.mr-100 {
    margin-right: -100px !important
}

.mr-90 {
    margin-right: -90px !important
}

.mr-80 {
    margin-right: -80px !important
}

.mr-70 {
    margin-right: -70px !important
}

.mr-60 {
    margin-right: -60px !important
}

.mr-50 {
    margin-right: -50px !important
}

.mr-40 {
    margin-right: -40px !important
}

.mr-30 {
    margin-right: -30px !important
}

.mr-25 {
    margin-right: -25px !important
}

.mr-20 {
    margin-right: -20px !important
}

.mr-15 {
    margin-right: -15px !important
}

.mr-10 {
    margin-right: -10px !important
}

.mr-5 {
    margin-right: -5px !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr70 {
    margin-right: 70px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr90 {
    margin-right: 90px !important
}

.mr100 {
    margin-right: 100px !important
}

.mr130 {
    margin-right: 130px !important
}

.mb-130 {
    margin-bottom: -130px !important
}

.mb-100 {
    margin-bottom: -100px !important
}

.mb-90 {
    margin-bottom: -90px !important
}

.mb-80 {
    margin-bottom: -80px !important
}

.mb-70 {
    margin-bottom: -70px !important
}

.mb-60 {
    margin-bottom: -60px !important
}

.mb-50 {
    margin-bottom: -50px !important
}

.mb-40 {
    margin-bottom: -40px !important
}

.mb-30 {
    margin-bottom: -30px !important
}

.mb-25 {
    margin-bottom: -25px !important
}

.mb-20 {
    margin-bottom: -20px !important
}

.mb-15 {
    margin-bottom: -15px !important
}

.mb-10 {
    margin-bottom: -10px !important
}

.mb-5 {
    margin-bottom: -5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.mb130 {
    margin-bottom: 130px !important
}

.ml-130 {
    margin-left: -130px !important
}

.ml-100 {
    margin-left: -100px !important
}

.ml-90 {
    margin-left: -90px !important
}

.ml-80 {
    margin-left: -80px !important
}

.ml-70 {
    margin-left: -70px !important
}

.ml-60 {
    margin-left: -60px !important
}

.ml-50 {
    margin-left: -50px !important
}

.ml-40 {
    margin-left: -40px !important
}

.ml-30 {
    margin-left: -30px !important
}

.ml-25 {
    margin-left: -25px !important
}

.ml-20 {
    margin-left: -20px !important
}

.ml-15 {
    margin-left: -15px !important
}

.ml-10 {
    margin-left: -10px !important
}

.ml-5 {
    margin-left: -5px !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml90 {
    margin-left: 90px !important
}

.ml100 {
    margin-left: 100px !important
}

.ml130 {
    margin-left: 130px !important
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt70 {
    padding-top: 70px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt100 {
    padding-top: 100px !important
}

.pt130 {
    padding-top: 130px !important
}

.pr5 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr60 {
    padding-right: 60px !important
}

.pr70 {
    padding-right: 70px !important
}

.pr80 {
    padding-right: 80px !important
}

.pr90 {
    padding-right: 90px !important
}

.pr100 {
    padding-right: 100px !important
}

.pr130 {
    padding-right: 130px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb70 {
    padding-bottom: 70px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb90 {
    padding-bottom: 90px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.pb130 {
    padding-bottom: 130px !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl90 {
    padding-left: 90px !important
}

.pl100 {
    padding-left: 100px !important
}

.pl130 {
    padding-left: 130px !important
}

.m0, .no_m {
    margin: 0 !important
}

.mt0, .no_mt {
    margin-top: 0 !important
}

.mb0, .no_mb {
    margin-bottom: 0 !important
}

.ml0, .no_ml {
    margin-left: 0 !important
}

.mr0, .no_mr {
    margin-right: 0 !important
}

.no_p, .p0 {
    padding: 0 !important
}

.no_pt, .pt0 {
    padding-top: 0 !important
}

.no_pb, .pb0 {
    padding-bottom: 0 !important
}

.no_pr, .pr0 {
    padding-right: 0 !important
}

.no_pl, .pl0 {
    padding-left: 0 !important
}

.gridcontainer:after, .gridcontainer:before {
    content: ' ';
    display: table;
    clear: both
}

.gridcontainer {
    position: relative
}

[class*=" grid_"], [class^=grid_] {
    position: relative;
    min-height: 1px;
    box-sizing: border-box
}

.grid-crop {
    overflow: hidden
}

.gridcontainer {
    width: auto;
    margin-left: -4px !important;
    margin-right: -4px !important
}

[class*=" grid_"], [class^=grid_] {
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.grid_1 {
    width: 8.33333%
}

.grid_2 {
    width: 16.66667%
}

.grid_3 {
    width: 25%
}

.grid_4 {
    width: 33.33333%
}

.grid_5 {
    width: 41.66667%
}

.grid_6 {
    width: 50%
}

.grid_7 {
    width: 58.33333%
}

.grid_8 {
    width: 66.66667%
}

.grid_9 {
    width: 75%
}

.grid_10 {
    width: 83.33333%
}

.grid_11 {
    width: 91.66667%
}

.grid_12 {
    width: 100%
}

.prefix_1 {
    margin-left: 8.33333%
}

.prefix_2 {
    margin-left: 16.66667%
}

.prefix_3 {
    margin-left: 25%
}

.prefix_4 {
    margin-left: 33.33333%
}

.prefix_5 {
    margin-left: 41.66667%
}

.prefix_6 {
    margin-left: 50%
}

.prefix_7 {
    margin-left: 58.33333%
}

.prefix_8 {
    margin-left: 66.66667%
}

.prefix_9 {
    margin-left: 75%
}

.prefix_10 {
    margin-left: 83.33333%
}

.prefix_11 {
    margin-left: 91.66667%
}

.suffix_1 {
    margin-right: 8.33333%
}

.suffix_2 {
    margin-right: 16.66667%
}

.suffix_3 {
    margin-right: 25%
}

.suffix_4 {
    margin-right: 33.33333%
}

.suffix_5 {
    margin-right: 41.66667%
}

.suffix_6 {
    margin-right: 50%
}

.suffix_7 {
    margin-right: 58.33333%
}

.suffix_8 {
    margin-right: 66.66667%
}

.suffix_9 {
    margin-right: 75%
}

.suffix_10 {
    margin-right: 83.33333%
}

.suffix_11 {
    margin-right: 91.66667%
}

.push_1 {
    left: 8.33333%
}

.push_2 {
    left: 16.66667%
}

.push_3 {
    left: 25%
}

.push_4 {
    left: 33.33333%
}

.push_5 {
    left: 41.66667%
}

.push_6 {
    left: 50%
}

.push_7 {
    left: 58.33333%
}

.push_8 {
    left: 66.66667%
}

.push_9 {
    left: 75%
}

.push_10 {
    left: 83.33333%
}

.push_11 {
    left: 91.66667%
}

.pull_1 {
    left: -8.33333%
}

.pull_2 {
    left: -16.66667%
}

.pull_3 {
    left: -25%
}

.pull_4 {
    left: -33.33333%
}

.pull_5 {
    left: -41.66667%
}

.pull_6 {
    left: -50%
}

.pull_7 {
    left: -58.33333%
}

.pull_8 {
    left: -66.66667%
}

.pull_9 {
    left: -75%
}

.pull_10 {
    left: -83.33333%
}

.pull_11 {
    left: -91.66667%
}

.prefix_0 {
    margin-left: 0
}

.suffix_0 {
    margin-right: 0
}

.push_0 {
    left: 0
}

.pull_0 {
    left: 0
}

.nogrid {
    left: auto;
    right: auto;
    display: block;
    float: none;
    width: auto;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .gridcontainer {
        width: auto;
        margin-left: -7px !important;
        margin-right: -7px !important
    }

    [class*=" grid_"], [class^=grid_] {
        display: inline;
        float: left;
        padding-left: 7px;
        padding-right: 7px
    }

    .grid_s_1 {
        width: 8.33333%
    }

    .grid_s_2 {
        width: 16.66667%
    }

    .grid_s_3 {
        width: 25%
    }

    .grid_s_4 {
        width: 33.33333%
    }

    .grid_s_5 {
        width: 41.66667%
    }

    .grid_s_6 {
        width: 50%
    }

    .grid_s_7 {
        width: 58.33333%
    }

    .grid_s_8 {
        width: 66.66667%
    }

    .grid_s_9 {
        width: 75%
    }

    .grid_s_10 {
        width: 83.33333%
    }

    .grid_s_11 {
        width: 91.66667%
    }

    .grid_s_12 {
        width: 100%
    }

    .prefix_s_1 {
        margin-left: 8.33333%
    }

    .prefix_s_2 {
        margin-left: 16.66667%
    }

    .prefix_s_3 {
        margin-left: 25%
    }

    .prefix_s_4 {
        margin-left: 33.33333%
    }

    .prefix_s_5 {
        margin-left: 41.66667%
    }

    .prefix_s_6 {
        margin-left: 50%
    }

    .prefix_s_7 {
        margin-left: 58.33333%
    }

    .prefix_s_8 {
        margin-left: 66.66667%
    }

    .prefix_s_9 {
        margin-left: 75%
    }

    .prefix_s_10 {
        margin-left: 83.33333%
    }

    .prefix_s_11 {
        margin-left: 91.66667%
    }

    .suffix_s_1 {
        margin-right: 8.33333%
    }

    .suffix_s_2 {
        margin-right: 16.66667%
    }

    .suffix_s_3 {
        margin-right: 25%
    }

    .suffix_s_4 {
        margin-right: 33.33333%
    }

    .suffix_s_5 {
        margin-right: 41.66667%
    }

    .suffix_s_6 {
        margin-right: 50%
    }

    .suffix_s_7 {
        margin-right: 58.33333%
    }

    .suffix_s_8 {
        margin-right: 66.66667%
    }

    .suffix_s_9 {
        margin-right: 75%
    }

    .suffix_s_10 {
        margin-right: 83.33333%
    }

    .suffix_s_11 {
        margin-right: 91.66667%
    }

    .push_s_1 {
        left: 8.33333%
    }

    .push_s_2 {
        left: 16.66667%
    }

    .push_s_3 {
        left: 25%
    }

    .push_s_4 {
        left: 33.33333%
    }

    .push_s_5 {
        left: 41.66667%
    }

    .push_s_6 {
        left: 50%
    }

    .push_s_7 {
        left: 58.33333%
    }

    .push_s_8 {
        left: 66.66667%
    }

    .push_s_9 {
        left: 75%
    }

    .push_s_10 {
        left: 83.33333%
    }

    .push_s_11 {
        left: 91.66667%
    }

    .pull_s_1 {
        left: -8.33333%
    }

    .pull_s_2 {
        left: -16.66667%
    }

    .pull_s_3 {
        left: -25%
    }

    .pull_s_4 {
        left: -33.33333%
    }

    .pull_s_5 {
        left: -41.66667%
    }

    .pull_s_6 {
        left: -50%
    }

    .pull_s_7 {
        left: -58.33333%
    }

    .pull_s_8 {
        left: -66.66667%
    }

    .pull_s_9 {
        left: -75%
    }

    .pull_s_10 {
        left: -83.33333%
    }

    .pull_s_11 {
        left: -91.66667%
    }

    .prefix_s_0 {
        margin-left: 0
    }

    .suffix_s_0 {
        margin-right: 0
    }

    .push_s_0 {
        left: 0
    }

    .pull_s_0 {
        left: 0
    }

    .nogrid_s {
        left: auto;
        right: auto;
        display: block;
        float: none;
        width: auto;
        margin: 0
    }
}

@media only screen and (min-width: 1025px) {
    .gridcontainer {
        width: auto;
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    [class*=" grid_"], [class^=grid_] {
        display: inline;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .grid_m_1 {
        width: 8.33333%
    }

    .grid_m_2 {
        width: 16.66667%
    }

    .grid_m_3 {
        width: 25%
    }

    .grid_m_4 {
        width: 33.33333%
    }

    .grid_m_5 {
        width: 41.66667%
    }

    .grid_m_6 {
        width: 50%
    }

    .grid_m_7 {
        width: 58.33333%
    }

    .grid_m_8 {
        width: 66.66667%
    }

    .grid_m_9 {
        width: 75%
    }

    .grid_m_10 {
        width: 83.33333%
    }

    .grid_m_11 {
        width: 91.66667%
    }

    .grid_m_12 {
        width: 100%
    }

    .prefix_m_1 {
        margin-left: 8.33333%
    }

    .prefix_m_2 {
        margin-left: 16.66667%
    }

    .prefix_m_3 {
        margin-left: 25%
    }

    .prefix_m_4 {
        margin-left: 33.33333%
    }

    .prefix_m_5 {
        margin-left: 41.66667%
    }

    .prefix_m_6 {
        margin-left: 50%
    }

    .prefix_m_7 {
        margin-left: 58.33333%
    }

    .prefix_m_8 {
        margin-left: 66.66667%
    }

    .prefix_m_9 {
        margin-left: 75%
    }

    .prefix_m_10 {
        margin-left: 83.33333%
    }

    .prefix_m_11 {
        margin-left: 91.66667%
    }

    .suffix_m_1 {
        margin-right: 8.33333%
    }

    .suffix_m_2 {
        margin-right: 16.66667%
    }

    .suffix_m_3 {
        margin-right: 25%
    }

    .suffix_m_4 {
        margin-right: 33.33333%
    }

    .suffix_m_5 {
        margin-right: 41.66667%
    }

    .suffix_m_6 {
        margin-right: 50%
    }

    .suffix_m_7 {
        margin-right: 58.33333%
    }

    .suffix_m_8 {
        margin-right: 66.66667%
    }

    .suffix_m_9 {
        margin-right: 75%
    }

    .suffix_m_10 {
        margin-right: 83.33333%
    }

    .suffix_m_11 {
        margin-right: 91.66667%
    }

    .push_m_1 {
        left: 8.33333%
    }

    .push_m_2 {
        left: 16.66667%
    }

    .push_m_3 {
        left: 25%
    }

    .push_m_4 {
        left: 33.33333%
    }

    .push_m_5 {
        left: 41.66667%
    }

    .push_m_6 {
        left: 50%
    }

    .push_m_7 {
        left: 58.33333%
    }

    .push_m_8 {
        left: 66.66667%
    }

    .push_m_9 {
        left: 75%
    }

    .push_m_10 {
        left: 83.33333%
    }

    .push_m_11 {
        left: 91.66667%
    }

    .pull_m_1 {
        left: -8.33333%
    }

    .pull_m_2 {
        left: -16.66667%
    }

    .pull_m_3 {
        left: -25%
    }

    .pull_m_4 {
        left: -33.33333%
    }

    .pull_m_5 {
        left: -41.66667%
    }

    .pull_m_6 {
        left: -50%
    }

    .pull_m_7 {
        left: -58.33333%
    }

    .pull_m_8 {
        left: -66.66667%
    }

    .pull_m_9 {
        left: -75%
    }

    .pull_m_10 {
        left: -83.33333%
    }

    .pull_m_11 {
        left: -91.66667%
    }

    .prefix_m_0 {
        margin-left: 0
    }

    .suffix_m_0 {
        margin-right: 0
    }

    .push_m_0 {
        left: 0
    }

    .pull_m_0 {
        left: 0
    }

    .nogrid_m {
        left: auto;
        right: auto;
        display: block;
        float: none;
        width: auto;
        margin: 0
    }
}

@media only screen and (min-width: 1281px) {
    .gridcontainer {
        width: auto;
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    [class*=" grid_"], [class^=grid_] {
        display: inline;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .grid_l_1 {
        width: 8.33333%
    }

    .grid_l_2 {
        width: 16.66667%
    }

    .grid_l_3 {
        width: 25%
    }

    .grid_l_4 {
        width: 33.33333%
    }

    .grid_l_5 {
        width: 41.66667%
    }

    .grid_l_6 {
        width: 50%
    }

    .grid_l_7 {
        width: 58.33333%
    }

    .grid_l_8 {
        width: 66.66667%
    }

    .grid_l_9 {
        width: 75%
    }

    .grid_l_10 {
        width: 83.33333%
    }

    .grid_l_11 {
        width: 91.66667%
    }

    .grid_l_12 {
        width: 100%
    }

    .prefix_l_1 {
        margin-left: 8.33333%
    }

    .prefix_l_2 {
        margin-left: 16.66667%
    }

    .prefix_l_3 {
        margin-left: 25%
    }

    .prefix_l_4 {
        margin-left: 33.33333%
    }

    .prefix_l_5 {
        margin-left: 41.66667%
    }

    .prefix_l_6 {
        margin-left: 50%
    }

    .prefix_l_7 {
        margin-left: 58.33333%
    }

    .prefix_l_8 {
        margin-left: 66.66667%
    }

    .prefix_l_9 {
        margin-left: 75%
    }

    .prefix_l_10 {
        margin-left: 83.33333%
    }

    .prefix_l_11 {
        margin-left: 91.66667%
    }

    .suffix_l_1 {
        margin-right: 8.33333%
    }

    .suffix_l_2 {
        margin-right: 16.66667%
    }

    .suffix_l_3 {
        margin-right: 25%
    }

    .suffix_l_4 {
        margin-right: 33.33333%
    }

    .suffix_l_5 {
        margin-right: 41.66667%
    }

    .suffix_l_6 {
        margin-right: 50%
    }

    .suffix_l_7 {
        margin-right: 58.33333%
    }

    .suffix_l_8 {
        margin-right: 66.66667%
    }

    .suffix_l_9 {
        margin-right: 75%
    }

    .suffix_l_10 {
        margin-right: 83.33333%
    }

    .suffix_l_11 {
        margin-right: 91.66667%
    }

    .push_l_1 {
        left: 8.33333%
    }

    .push_l_2 {
        left: 16.66667%
    }

    .push_l_3 {
        left: 25%
    }

    .push_l_4 {
        left: 33.33333%
    }

    .push_l_5 {
        left: 41.66667%
    }

    .push_l_6 {
        left: 50%
    }

    .push_l_7 {
        left: 58.33333%
    }

    .push_l_8 {
        left: 66.66667%
    }

    .push_l_9 {
        left: 75%
    }

    .push_l_10 {
        left: 83.33333%
    }

    .push_l_11 {
        left: 91.66667%
    }

    .pull_l_1 {
        left: -8.33333%
    }

    .pull_l_2 {
        left: -16.66667%
    }

    .pull_l_3 {
        left: -25%
    }

    .pull_l_4 {
        left: -33.33333%
    }

    .pull_l_5 {
        left: -41.66667%
    }

    .pull_l_6 {
        left: -50%
    }

    .pull_l_7 {
        left: -58.33333%
    }

    .pull_l_8 {
        left: -66.66667%
    }

    .pull_l_9 {
        left: -75%
    }

    .pull_l_10 {
        left: -83.33333%
    }

    .pull_l_11 {
        left: -91.66667%
    }

    .prefix_l_0 {
        margin-left: 0
    }

    .suffix_l_0 {
        margin-right: 0
    }

    .push_l_0 {
        left: 0
    }

    .pull_l_0 {
        left: 0
    }

    .nogrid_l {
        left: auto;
        right: auto;
        display: block;
        float: none;
        width: auto;
        margin: 0
    }
}

@media only screen and (min-width: 1600px) {
    .gridcontainer {
        width: auto;
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    [class*=" grid_"], [class^=grid_] {
        display: inline;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .grid_xl_1 {
        width: 8.33333%
    }

    .grid_xl_2 {
        width: 16.66667%
    }

    .grid_xl_3 {
        width: 25%
    }

    .grid_xl_4 {
        width: 33.33333%
    }

    .grid_xl_5 {
        width: 41.66667%
    }

    .grid_xl_6 {
        width: 50%
    }

    .grid_xl_7 {
        width: 58.33333%
    }

    .grid_xl_8 {
        width: 66.66667%
    }

    .grid_xl_9 {
        width: 75%
    }

    .grid_xl_10 {
        width: 83.33333%
    }

    .grid_xl_11 {
        width: 91.66667%
    }

    .grid_xl_12 {
        width: 100%
    }

    .prefix_xl_1 {
        margin-left: 8.33333%
    }

    .prefix_xl_2 {
        margin-left: 16.66667%
    }

    .prefix_xl_3 {
        margin-left: 25%
    }

    .prefix_xl_4 {
        margin-left: 33.33333%
    }

    .prefix_xl_5 {
        margin-left: 41.66667%
    }

    .prefix_xl_6 {
        margin-left: 50%
    }

    .prefix_xl_7 {
        margin-left: 58.33333%
    }

    .prefix_xl_8 {
        margin-left: 66.66667%
    }

    .prefix_xl_9 {
        margin-left: 75%
    }

    .prefix_xl_10 {
        margin-left: 83.33333%
    }

    .prefix_xl_11 {
        margin-left: 91.66667%
    }

    .suffix_xl_1 {
        margin-right: 8.33333%
    }

    .suffix_xl_2 {
        margin-right: 16.66667%
    }

    .suffix_xl_3 {
        margin-right: 25%
    }

    .suffix_xl_4 {
        margin-right: 33.33333%
    }

    .suffix_xl_5 {
        margin-right: 41.66667%
    }

    .suffix_xl_6 {
        margin-right: 50%
    }

    .suffix_xl_7 {
        margin-right: 58.33333%
    }

    .suffix_xl_8 {
        margin-right: 66.66667%
    }

    .suffix_xl_9 {
        margin-right: 75%
    }

    .suffix_xl_10 {
        margin-right: 83.33333%
    }

    .suffix_xl_11 {
        margin-right: 91.66667%
    }

    .push_xl_1 {
        left: 8.33333%
    }

    .push_xl_2 {
        left: 16.66667%
    }

    .push_xl_3 {
        left: 25%
    }

    .push_xl_4 {
        left: 33.33333%
    }

    .push_xl_5 {
        left: 41.66667%
    }

    .push_xl_6 {
        left: 50%
    }

    .push_xl_7 {
        left: 58.33333%
    }

    .push_xl_8 {
        left: 66.66667%
    }

    .push_xl_9 {
        left: 75%
    }

    .push_xl_10 {
        left: 83.33333%
    }

    .push_xl_11 {
        left: 91.66667%
    }

    .pull_xl_1 {
        left: -8.33333%
    }

    .pull_xl_2 {
        left: -16.66667%
    }

    .pull_xl_3 {
        left: -25%
    }

    .pull_xl_4 {
        left: -33.33333%
    }

    .pull_xl_5 {
        left: -41.66667%
    }

    .pull_xl_6 {
        left: -50%
    }

    .pull_xl_7 {
        left: -58.33333%
    }

    .pull_xl_8 {
        left: -66.66667%
    }

    .pull_xl_9 {
        left: -75%
    }

    .pull_xl_10 {
        left: -83.33333%
    }

    .pull_xl_11 {
        left: -91.66667%
    }

    .prefix_xl_0 {
        margin-left: 0
    }

    .suffix_xl_0 {
        margin-right: 0
    }

    .push_xl_0 {
        left: 0
    }

    .pull_xl_0 {
        left: 0
    }

    .nogrid_xl {
        left: auto;
        right: auto;
        display: block;
        float: none;
        width: auto;
        margin: 0
    }
}

@font-face {
    font-family: icomoon;
    src: url("../fonts/icomoon/fonts/icomoon-kmrrhg.ttf") format("truetype"), url("../fonts/icomoon/fonts/icomoon-kmrrhg.woff") format("woff"), url("../fonts/icomoon/fonts/icomoon-kmrrhg.svg#icomoon") format("svg");
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-kodix:before {
    content: "."
}

.icon {
    font-family: inherit !important;
    line-height: inherit;
    font-weight: inherit;
    position: relative
}

.icon, .icon > [class*=path] {
    position: relative
}

.icon:before, .icon > [class*=path]:before {
    font-size: 20px;
    display: inline-block;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important
}

.h1, .h2, .job-result, .job-resume__dragover, h1, h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17
}


@media only screen and (min-width: 768px) {
    .h1, .h2, .job-result, .job-resume__dragover, h1, h2 {
        font-size: 28px;
        line-height: 1.16
    }
}

@media only screen and (min-width: 1025px) {
    .h1, .h2, .job-result, .job-resume__dragover, h1, h2 {
        font-size: 46px;
        line-height: normal
    }
}

@media only screen and (min-width: 1281px) {
    .h1, .h2, .job-result, .job-resume__dragover, h1, h2 {
        font-size: 54px
    }
}

.h2, h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4
}

@media only screen and (min-width: 768px) {
    .h2, h2 {
        font-size: 30px;
        line-height: 1.35
    }
}

@media only screen and (min-width: 1281px) {
    .h2, h2 {
        font-size: 38px;
        line-height: 1.16
    }
}

.h1 span, .h2 span, h1 span, h2 span {
    font-weight: 400
}

.p404 .h1, .p404 .h2, .sliders_team .h1, .sliders_team .h2 {
    font-family: Caveat, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.5px
}

@media only screen and (min-width: 768px) {
    .p404 .h1, .p404 .h2, .sliders_team .h1, .sliders_team .h2 {
        font-size: 80px;
        letter-spacing: -1.5px
    }
}

body {
    font-size: 14px;
    line-height: 1.86
}

@media only screen and (min-width: 768px) {
    body {
        font-size: 20px;
        line-height: 1.6
    }
}

@media only screen and (min-width: 768px) {
    .extra-text {
        line-height: 2
    }
}

@media only screen and (min-width: 1025px) {
    .extra-text {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.92
    }
}

@media only screen and (min-width: 1281px) {
    .extra-text {
        font-size: 22px;
        line-height: 1.58
    }
}

.afterall__item, .afterall__title, .btn, .burger__text, .choose-your-destiny__hint, .choose-your-destiny__item, .footer__link, .form__label, .h4, .lang__item, .logo__text, .nav__link, .taglist__item, h4 {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 1px
}

@media only screen and (min-width: 768px) {
    .afterall__item, .afterall__title, .btn, .burger__text, .choose-your-destiny__hint, .choose-your-destiny__item, .footer__link, .form__label, .h4, .lang__item, .logo__text, .nav__link, .taglist__item, h4 {
        font-size: 12px
    }
}

html {
    font-size: 62.5%
}

body, html {
    height: 100%;
    overflow: inherit
}

body {
    font-family: Montserrat, sans-serif;
    min-width: 320px;
    background-color: #090e4a;
    background-image: linear-gradient(to right, #0c58a6, #090e4a);
    color: #fff
}

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

a[href^="tel:"] {
    white-space: nowrap
}

a:not([class]) {
    border-bottom: 1px solid
}

.contact a, a.a_invert {
    outline: 0;
    border-bottom: 1px solid transparent
}

.contact a:focus, .contact a:hover, a.a_invert:focus, a.a_invert:hover {
    border-bottom-color: currentColor
}

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

input::-webkit-input-placeholder {
    color: #fff
}

input:-ms-input-placeholder {
    color: #fff
}

input::placeholder {
    color: #fff
}

input:-webkit-autofill, input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px #111 inset;
    color: #fff;
    -webkit-text-fill-color: #fff
}

p {
    margin: 0 0 2em
}

p:last-child {
    margin-bottom: 0
}

mark {
    font-weight: 600
}

.h_font {
    font-family: Montserrat, sans-serif
}

.s_font {
    font-family: Caveat, sans-serif
}

.main-wrapper {
    height: 100%;
    max-width: none;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative
}

.main-content {
    opacity: 0;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #0c58a6, #090e4a)
}

@media only screen and (min-width: 1025px) {
    .index .main-content {
        opacity: 1
    }
}

.showallthestuff .main-content {
    opacity: 1;
    transition: opacity 1s
}

@media only screen and (min-width: 1281px) {
    .main-content {
        overflow-x: visible
    }
}

.inside-wrapper {
    width: auto;
    margin: 0 auto;
    padding: 46px 20px 40px;
    position: relative;
    width: 100%;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .inside-wrapper {
        padding: 203px 60px 156px
    }
}

.pagepiling .inside-wrapper {
    padding-top: 60px;
    padding-bottom: 60px
}

@media only screen and (min-width: 768px) {
    .pagepiling .inside-wrapper {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.midcont {
    position: relative;
    min-height: 100vh;
    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
}

.crop100 .midcont {
    height: 100vh;
    overflow: hidden
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.h1, .h2, h1, h2 {
    margin: 0 0 20px
}

.h1 span, .h2 span, h1 span, h2 span {
    display: block;
    margin-bottom: 20px
}

:not(.h4) + .h1, :not(.h4) + .h2, :not(.h4) + h1, :not(.h4) + h2 {
    margin-top: 40px
}

@media only screen and (min-width: 768px) {
    .h1, .h2, h1, h2 {
        margin-bottom: 40px
    }

    :not(.h4) + .h1, :not(.h4) + .h2, :not(.h4) + h1, :not(.h4) + h2 {
        margin-top: 60px
    }
}

@media only screen and (max-width: 1024px) {
    .grid_12.grid_m_6 + .grid_12.grid_m_6 .h1:first-child, .grid_12.grid_m_6 + .grid_12.grid_m_6 .h2:first-child, .grid_12.grid_m_6 + .grid_12.grid_m_6 h1:first-child, .grid_12.grid_m_6 + .grid_12.grid_m_6 h2:first-child {
        margin-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .grid_12.grid_m_6 + .grid_12.grid_m_6 .h1:first-child, .grid_12.grid_m_6 + .grid_12.grid_m_6 .h2:first-child, .grid_12.grid_m_6 + .grid_12.grid_m_6 h1:first-child, .grid_12.grid_m_6 + .grid_12.grid_m_6 h2:first-child {
        margin-top: 40px
    }
}

.h4, h4 {
    line-height: 1.3;
    margin: 0 0 10px
}

* + .btns {
    margin-top: 40px
}

@media only screen and (min-width: 768px) {
    * + .btns {
        margin-top: 60px
    }
}

.btn {
    font-family: Montserrat, sans-serif;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    color: #111;
    box-shadow: 0 10px 20px 0 rgba(17, 17, 17, .2);
    border: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition: all .3s;
    padding: 0 10px;
    background: #fff;
    text-decoration: none !important;
    border-radius: 25px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    outline: 0;
    max-width: 350px
}

@media only screen and (min-width: 768px) {
    .btn {
        width: auto;
        letter-spacing: 2px;
        height: 70px;
        line-height: 70px;
        border-radius: 35px;
        min-width: 270px;
        max-width: none;
        padding: 0 40px
    }
}

.btn:focus, .btn:hover {
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 10px 20px 10px rgba(17, 17, 17, .2)
}

.btn:after, .btn:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110%;
    height: 0;
    padding-top: 110%;
    background: #e7324f;
    border-radius: 50%
}

.btn:after {
    background: #fff;
    display: none
}

.btn:not(:active):before {
    opacity: 0;
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    z-index: -1;
    transition: all .2s
}

.btn:not(:active):after {
    transition: all 0s;
    opacity: 0;
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}

.btn:active {
    -ms-transform: none;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(17, 17, 17, .2);
    transition: all .1s
}

.btn:active:after, .btn:active:before {
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
    z-index: -2
}

.btn:active:after {
    z-index: -1;
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.btn.disabled, .btn:disabled {
    background: #ddd;
    color: #888;
    border-color: #888;
    box-shadow: none;
    -ms-transform: none !important;
    transform: none !important;
    cursor: default
}

.btn.disabled:after, .btn.disabled:before, .btn:disabled:after, .btn:disabled:before {
    display: none
}

svg.icon {
    transform: translateZ(0);
    transition: all .3s
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 62px;
    z-index: 101;
    transition: all .3s
}

.fixed-stuff .header {
    position: fixed
}

@media only screen and (min-width: 768px) {
    .header {
        height: 142px
    }
}

.header .inside-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.logo {
    position: relative;
    z-index: 2;
    text-decoration: none !important;
    white-space: nowrap;
    line-height: 24px
}

.logo__img {
    border: none;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    font-size: 26px;
    font-weight: 600;
    transition: all 1s .4s
}

.logo__img:before {
    font-size: 24px
}

.logo__img.icon {
    position: absolute;
    left: 0;
    top: 4px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s .4s
}

.logo__text {
    display: none;
    line-height: 1;
    margin-left: 28px;
    vertical-align: .3em;
    transition: all 1s .4s, color .3s !important
}

.logo:hover .logo__text {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .logo__img:before {
        font-size: 30px;
        margin-top: -4px
    }
}

@media only screen and (min-width: 768px) {
    .logo {
        line-height: 32px
    }

    .logo__img:before {
        font-size: 32px
    }

    .logo__text {
        display: inline-block
    }
}

.dropdown-active .logo__img, .dropdown-active .logo__text {
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

.dropdown-active .logo__img.icon, .dropdown-active .logo__text.icon {
    opacity: 1;
    visibility: visible;
    transition: all 1s .1s
}

.dropdown-active .logo__text {
    transition: all .5s, color .3s !important
}

.burger {
    outline: 0;
    font-size: 0;
    position: relative;
    z-index: 2;
    line-height: 30px;
    cursor: pointer
}

.burger__text {
    transition: color .3s;
    display: none
}

@media only screen and (min-width: 768px) {
    .burger__text {
        display: inline-block;
        vertical-align: middle
    }
}

.form-active .burger__text {
    display: none
}

.burger__trigger {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 30px;
    height: 30px;
    padding: 20px;
    margin: -20px;
    margin-left: 10px;
    cursor: pointer;
    color: #fff
}

.burger__trigger span, .burger__trigger:after, .burger__trigger:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 34px;
    width: 30px;
    height: 0;
    border-bottom: 2px solid;
    border-radius: 2px;
    transition: all .5s
}

.burger__trigger span {
    transition: all .5s .1s
}

.burger__trigger:after {
    top: auto;
    bottom: 24px;
    width: 17px
}

.burger__trigger:before {
    top: 24px;
    width: 23px
}

.burger:focus .burger__text, .burger:hover .burger__text {
    color: #fff
}

.desktop .burger:hover .burger__trigger span {
    animation: anim-eq .7s .2s ease-in-out infinite
}

.desktop .burger:hover .burger__trigger:before {
    animation: anim-eq .4s .2s ease-in-out infinite
}

.desktop .burger:hover .burger__trigger:after {
    animation: anim-eq .5s .2s ease-in-out infinite
}

.form-active .burger .burger__trigger span, .menu-active .burger .burger__trigger span {
    width: 0;
    right: 50px;
    opacity: 0;
    transition: all .5s
}

.form-active .burger .burger__trigger:after, .form-active .burger .burger__trigger:before, .menu-active .burger .burger__trigger:after, .menu-active .burger .burger__trigger:before {
    width: 34px
}

.form-active .burger .burger__trigger span, .form-active .burger .burger__trigger:after, .form-active .burger .burger__trigger:before, .menu-active .burger .burger__trigger span, .menu-active .burger .burger__trigger:after, .menu-active .burger .burger__trigger:before {
    animation: none !important
}

.form-active .burger .burger__trigger:before, .menu-active .burger .burger__trigger:before {
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 34px
}

.form-active .burger .burger__trigger:after, .menu-active .burger .burger__trigger:after {
    bottom: 34px;
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

@keyframes anim-eq {
    25% {
        width: 25px
    }
    60% {
        width: 10px
    }
    87% {
        width: 30px
    }
}

.main-content:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 100%;
    background: #111;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    transition: all .4s .3s, bottom .4s .3s cubic-bezier(.86, 0, .07, 1)
}

.dropdown-active .main-content:after {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    transition: all .5s, bottom .5s cubic-bezier(.86, 0, .07, 1)
}

.from-the-top {
    position: absolute;
    box-sizing: border-box;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    padding: 62px 0 80px;
    overflow: auto;
    height: 100vh;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.showallthestuff .from-the-top {
    transition: all .3s
}

@media only screen and (min-width: 768px) {
    .from-the-top {
        padding-top: 142px;
        padding-bottom: 155px
    }
}

.from-the-top__holder {
    margin: auto
}

.from-the-top.active {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s .5s
}

.nav {
    padding-right: 10px;
    padding-left: 10px
}

.nav__list {
    font-size: 0
}

.nav__item {
    display: block;
    margin-bottom: 20px;
    white-space: nowrap
}

@media only screen and (min-width: 768px) {
    .nav__item {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1281px) {
    .nav__item {
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px
    }
}

.nav__link {
    display: block;
    outline: 0;
    text-decoration: none;
    position: relative;
    line-height: 1.3;
    padding: 5px 0
}

.nav__link:focus, .nav__link:hover {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .nav__link {
        padding: 10px 0
    }
}

@media only screen and (min-width: 1281px) {
    .nav__link {
        padding: 25px 20px
    }
}

.form__inner {
    width: 100%
}

.form .inside-wrapper {
    display: block
}

.form__row {
    position: relative;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .form__row {
        margin-bottom: 30px
    }
}

.form__row.is-error .form__input {
    border-color: #f8e71c
}

.form__label {
    display: block;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    top: 40%;
    line-height: 1;
    color: #fff;
    transition: all .3s
}

.filled .form__label, .focused .form__label, .permanent .form__label {
    font-size: 10px;
    top: 0;
    color: rgba(255, 255, 255, .5)
}

.form__input {
    outline: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    background: 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, .2);
    width: 100%;
    box-sizing: border-box;
    color: #fff !important;
    height: 60px;
    line-height: 60px;
    padding: 6px 0 0;
    text-align: left;
    transition: all .3s
}

.form__input:focus, .form__input:hover {
    border-color: #fff
}

@media only screen and (min-width: 768px) {
    .form__input {
        font-size: 20px
    }
}

.choose-your-destiny {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #662899, #ff2147)
}

@media only screen and (min-width: 1025px) {
    .choose-your-destiny {
        background-image: linear-gradient(to right, #662899, #ff2147)
    }
}

.choose-your-destiny .gridcontainer {
    height: 100%
}

.choose-your-destiny [class*=grid_] {
    height: 50%
}

@media only screen and (min-width: 1025px) {
    .choose-your-destiny [class*=grid_] {
        height: 100%
    }
}

.choose-your-destiny__item {
    color: #fff;
    text-decoration: none !important;
    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;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    outline: 0
}

.choose-your-destiny__item:focus .choose-your-destiny__logo, .choose-your-destiny__item:hover .choose-your-destiny__logo {
    text-shadow: 0 .125em .25em rgba(0, 0, 0, .3);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.choose-your-destiny__inner {
    position: relative;
    display: block
}

.choose-your-destiny__logo {
    display: block;
    min-height: 74px;
    font-weight: 600;
    font-size: 44px;
    line-height: 1.227;
    margin: 0 auto;
    text-shadow: 0 0 .25em transparent;
    transition: text-shadow .5s, transform .5s
}

@media only screen and (min-width: 1025px) {
    .choose-your-destiny__logo {
        animation: anim-cyd-logo .4s 3.75s ease-in-out forwards;
        opacity: 0
    }
}

.choose-your-destiny__logo img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto
}

.choose-your-destiny__logo.icon:before {
    font-size: 54px
}

@media only screen and (min-width: 768px) {
    .choose-your-destiny__logo {
        font-size: 80px;
        line-height: 1.2125;
        min-height: 148px
    }

    .choose-your-destiny__logo.icon:before {
        font-size: 108px
    }
}

@media only screen and (min-width: 1025px) {
    .choose-your-destiny__logo {
        min-height: 168px
    }
}

.choose-your-destiny__title {
    position: relative;
    display: block
}

@media only screen and (min-width: 1025px) {
    .choose-your-destiny__title {
        animation: anim-cyd-title .3s 3.75s ease-in-out forwards;
        opacity: 0;
        -ms-transform: translateY(300%);
        transform: translateY(300%)
    }
}

.choose-your-destiny__hint {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 1025px) {
    .choose-your-destiny__hint {
        animation: anim-cyd-hint 3s 1s ease-in-out forwards;
        color: rgba(255, 255, 255, 0)
    }
}

.choose-your-destiny__hint:before {
    content: '';
    position: absolute;
    height: 1px;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    background: #fff;
    z-index: -1;
    opacity: .2;
    margin-top: -1px
}

@media only screen and (min-width: 1025px) {
    .choose-your-destiny__hint:before {
        margin-top: 0;
        left: 50%;
        right: 50%;
        animation: anim-cyd-line 3s 1s cubic-bezier(.23, 1, .32, 1) forwards
    }
}

@keyframes anim-cyd-logo {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes anim-cyd-title {
    0% {
        opacity: 0;
        transform: translateY(300%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes anim-cyd-hint {
    0% {
        color: rgba(255, 255, 255, 0)
    }
    30% {
        color: rgba(255, 255, 255, 0)
    }
    60% {
        color: rgba(255, 255, 255, .5)
    }
    100% {
        color: rgba(255, 255, 255, .5)
    }
}

@keyframes anim-cyd-line {
    40% {
        left: 0;
        right: 0
    }
    60% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-90deg);
        left: 0;
        right: 0
    }
}

.animate-index .choose-your-destiny__item:not(.animate-active) {
    opacity: 0;
    visibility: hidden
}

.animate-index .choose-your-destiny__item.animate-active .choose-your-destiny__logo:before {
    transition: all .45s 1.3s, text-shadow .3s;
    -ms-transform: scale(.001);
    transform: scale(.001);
    text-shadow: none !important
}

.animate-index [class*=grid_] {
    transition: all 1s .3s cubic-bezier(.645, .045, .355, 1)
}

.animate-index [class*=grid_]:not(.animate-active) {
    width: 0;
    padding: 0
}

.animate-index [class*=grid_].animate-active {
    width: 100%
}

.animate-index .choose-your-destiny__hint {
    transition: all 1s .3s cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    visibility: hidden
}

.animate-index .choose-your-destiny__hint.go-right {
    left: 100%
}

.animate-index .choose-your-destiny__hint.go-left {
    right: 100%
}

.animate-index .choose-your-destiny__hint .choose-your-destiny__hint-txt {
    transition: all .3s;
    opacity: 0;
    visibility: hidden
}

.animate-index .choose-your-destiny {
    transition: all .45s 1.3s;
    opacity: 0;
    visibility: hidden
}

.afterall {
    font-size: 0;
    margin-top: 30px;
    line-height: 40px;
    z-index: 112;
    max-width: 80vw;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap
}

.afterall__slider-holder {
    display: inline-block;
    width: calc(100% - 200px);
    position: relative
}

.afterall .afterall__slider .swiper-slide {
    opacity: 0 !important
}

.afterall .afterall__slider .swiper-slide-active {
    opacity: 1 !important
}

.afterall__item {
    text-decoration: none !important;
    margin-right: 20px;
    opacity: .3;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px
}

.afterall__item img {
    display: block;
    height: 100%;
    width: auto
}

.afterall__item:hover {
    opacity: 1
}

.afterall__item_yamaha {
    height: 2em
}

.afterall__item_audi {
    height: 2em
}

.afterall__item_vw {
    height: 3em
}

.afterall__item_ford {
    height: 2.5em
}

.afterall__item_bmw {
    height: 3.333em
}

.afterall__item_bosch {
    height: 1.667em
}

.afterall__item_siemens {
    height: 1.5em
}

.afterall__item_skoda {
    height: 1.667em
}

.afterall__item_landrover {
    height: 3em
}

.afterall__item_neff {
    height: 2.5em
}

.afterall__title {
    margin-right: 20px;
    opacity: .5;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .afterall {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .afterall {
        margin-top: 60px
    }

    .afterall__title {
        display: inline-block;
        vertical-align: middle;
        margin-right: 30px;
        margin-bottom: 0
    }

    .afterall__item {
        font-size: 10px;
        margin-right: 30px
    }
}

@media only screen and (min-width: 1025px) {
    .afterall__item {
        font-size: 12px
    }
}

@media only screen and (min-width: 1281px) {
    .afterall {
        position: fixed;
        bottom: 60px;
        left: 60px;
        right: 60px
    }
}

.tricky-b {
    font-weight: 400
}

@media only screen and (min-width: 1025px) {
    .tricky-b {
        font-weight: 600
    }
}

.taglist {
    margin: -10px -2px;
    font-size: 0
}

.taglist__item {
    line-height: 1.3;
    display: inline-block;
    vertical-align: top;
    padding: 13px 20px 11px;
    border: 1px solid rgba(255, 255, 255, .3);
    margin: 2px;
    cursor: default;
    transition: all 1s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.taglist__item.focus, .taglist__item:focus {
    background: rgba(255, 255, 255, .3);
    color: #fff
}

.pagepiling {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pagepiling .h1, .pagepiling .h2 {
    margin-bottom: 10px
}

.pagepiling p {
    margin-bottom: 20px
}

.pagepiling .btns {
    margin-top: 20px;
    text-align: center;
    position: relative
}

@media only screen and (min-width: 768px) {
    .pagepiling .h1, .pagepiling .h2 {
        margin-bottom: 20px
    }

    .pagepiling .btns {
        margin-top: 60px;
        text-align: inherit
    }
}

@media only screen and (min-width: 1025px) {
    .pagepiling p {
        margin-bottom: 40px
    }
}

@media all and (max-width: 767px) {
    .pagepiling .btns {
        top: 10vh
    }
}

@media all and (max-width: 767px) and (max-height: 512px) {
    .pagepiling .btns {
        top: auto
    }
}

.pp-section {
    opacity: 0;
    visibility: hidden;
    -ms-transform: none !important;
    transform: none !important;
    transition: opacity .5s, visibility .5s
}

.pp-section.active {
    opacity: 1;
    visibility: visible;
    transition: opacity .7s .7s cubic-bezier(.895, .03, .685, .22)
}

@media all and (max-height: 950px) and (min-width: 768px) {
    .pagepiling .extra-text {
        font-size: 20px;
        font-weight: 400
    }
}

#pp-nav {
    z-index: 99;
    font-size: 1rem;
    left: 4em !important;
    margin: 0 !important;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    top: auto;
    bottom: 50%
}

#pp-nav a {
    border: none;
    text-decoration: none
}

#pp-nav ul {
    list-style: none;
    list-style-image: none
}

#pp-nav li {
    margin: 1em 0;
    /*height: .2em;*/
    /*width: 1.5em*/
}

#pp-nav span {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: .3;
    background-color: #111;
    border-radius: 5em;
    transition: all .6s, width .6s cubic-bezier(.91, -.6, 0, 1.65)
}

#pp-nav .active span {
    opacity: 1;
    width: 133%;
    background-color: #fff !important
}

@media only screen and (max-width: 1024px) {
    #pp-nav {
        bottom: 6em;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    #pp-nav {
        left: 50% !important;
        bottom: 10px;
        -ms-transform-origin: 100% 69%;
        transform-origin: 100% 69%;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.canvas-interactive-wrapper, .canvas-interactive-wrapper canvas {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.sliders {
    position: relative
}

.sliders .gridcontainer {
    position: static
}

.sliders .h1, .sliders .h2 {
    margin-bottom: 10px
}

.sliders .h4 {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .sliders .h1, .sliders .h2 {
        margin-bottom: 23px
    }

    .sliders .h4 {
        margin-bottom: 40px
    }

    .sliders_team .h1, .sliders_team .h2 {
        margin-bottom: 20px
    }
}

.sliders__photo-fixer .inside-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

@media only screen and (max-width: 1024px) {
    .sliders__photo-fixer .gridcontainer, .sliders__photo-fixer .inside-wrapper, .sliders__photo-fixer [class*=grid_] {
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        width: auto !important;
        left: auto !important
    }
}

@media only screen and (min-width: 1025px) {
    .sliders__photo-fixer {
        position: fixed;
        height: 0;
        left: 0;
        right: 0;
        top: 0
    }

    .sliders__photo-fixer .gridcontainer, .sliders__photo-fixer .inside-wrapper {
        height: 0
    }

    .sliders__photo-fixer [class*=grid_] {
        height: 100vh;
        overflow: hidden;
        padding: 0;
        margin-left: -10px
    }

    .sliders__photo-fixer .sliders__photo-wrapper {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.sliders__photo-wrapper {
    height: 130px;
    width: 130px;
    margin-bottom: 20px
}

@media only screen and (min-width: 1025px) {
    .sliders__photo-wrapper {
        height: 200px;
        width: 200px
    }
}

@media only screen and (min-width: 1025px) {
    .sliders__photo-wrapper {
        margin: 0;
        width: 100%;
        height: 0;
        padding-top: 100%;
        position: relative
    }
}

.sliders__photo {
    height: 100%
}

@media only screen and (min-width: 1025px) {
    .sliders__photo {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }
}

.sliders__photo .swiper-slide {
    opacity: .2;
    transition: opacity .3s;
    cursor: pointer
}

.sliders__photo .swiper-slide.swiper-slide-active {
    opacity: 1;
    cursor: default
}

.sliders__photo img {
    width: 100%;
    height: auto;
    position: relative
}

.sliders__text {
    overflow: hidden
}

.sliders__text .swiper-slide {
    opacity: 0 !important
}

.sliders__text .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

.sliders__arrows {
    white-space: nowrap;
    font-size: 0;
    position: relative;
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .sliders__arrows {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 1025px) {
    .sliders__arrows {
        -ms-transform: rotate(90deg) translate(50%, 50%);
        transform: rotate(90deg) translate(50%, 50%);
        position: absolute;
        left: 0;
        top: 50%
    }
}

.sliders__arrow {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    margin: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    outline: 0;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    transition: all .3s
}

.sliders__arrow:hover {
    box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .4)
}

.sliders__arrow + .sliders__arrow {
    margin-left: 20px
}

@media only screen and (min-width: 768px) {
    .sliders__arrow {
        width: 70px;
        height: 70px;
        background-size: 30px auto
    }
}

@media only screen and (min-width: 1025px) {
    .sliders__arrow {
        box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .2)
    }

    .sliders__arrow:hover {
        box-shadow: 15px 0 30px 0 rgba(255, 255, 255, .4)
    }
}

.sliders__arrow.swiper-button-disabled {
    box-shadow: none
}

.sliders .swiper-button-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI2IDIwIj4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGQ9Ik0tMi01aDMwdjMwSC0yeiIvPiAgICAgICAgPHBhdGggZmlsbD0iIzExMSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMy41ODYgMTEuMDQ1bDcuMTcgNy4xM2MuNDEuNDA4LjQxIDEuMDcgMCAxLjQ3N2ExLjA1IDEuMDUgMCAwIDEtLjc0My4zMDYgMS4wNSAxLjA1IDAgMCAxLS43NDMtLjMwNkwuMzEzIDEwLjc0NGExLjAzOSAxLjAzOSAwIDAgMS0uMDA1LTEuNDgzTDkuMjcuMzQ4YTEuMDU0IDEuMDU0IDAgMCAxIDEuNDg1IDBjLjQxLjQwOC40MSAxLjA3IDAgMS40NzdsLTcuMTcgNy4xM0gyNC45NWMuNTggMCAxLjA1LjQ2OCAxLjA1IDEuMDQ1cy0uNDcgMS4wNDUtMS4wNSAxLjA0NUgzLjU4NnoiLz4gICAgPC9nPjwvc3ZnPg==)
}

.sliders .swiper-button-next {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2IDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6bm9uZTt9LnN0MXtmaWxsOiMxMTExMTE7fTwvc3R5bGU+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LDI1SC0yVi01aDMwVjI1eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yMi40LDlsLTcuMi03LjFjLTAuNC0wLjQtMC40LTEuMSwwLTEuNUMxNS40LDAuMiwxNS43LDAsMTYsMGMwLjMsMCwwLjUsMC4xLDAuNywwLjNsOSw4LjljMC40LDAuNCwwLjQsMS4xLDAsMS41YzAsMCwwLDAsMCwwbC05LDguOWMtMC40LDAuNC0xLjEsMC40LTEuNSwwYy0wLjQtMC40LTAuNC0xLjEsMC0xLjVsNy4yLTcuMUgxYy0wLjYsMC0xLTAuNS0xLTFzMC41LTEsMS0xSDIyLjR6Ii8+PC9nPjwvc3ZnPg==)
}

.contact .h1, .contact .h2 {
    display: inline-block;
    position: relative;
    z-index: 2
}

.contact .h4 {
    margin-bottom: 5px
}

.contact__item {
    position: relative;
    z-index: 2;
    margin-bottom: 20px
}

.contact .btns {
    margin-top: 10px
}

.contact__tabs {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px
}

.contact__tabs-item {
    padding: 22px 30px 10px 64px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.29;
    opacity: .4;
    border-right: 1px solid rgba(232, 232, 232, .08);
    cursor: pointer;
    transition: all .3s;
    transition-duration: .3s;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 30px center
}

.contact__tabs-item:first-child {
    padding-left: 34px;
    background-position: left center
}

.contact__tabs-item:last-child {
    border: none
}

.contact__tabs-item:hover {
    opacity: 1
}

.contact__tabs-item--active {
    opacity: 1
}

.contact__tabs-item--moscow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMyIgZmlsbD0iI0ZGRiIgdmlld0JveD0iMCAwIDMyIDMzIj4KICAgIDxwYXRoIGQ9Ik0zMC4zMTUgMzEuNDlsLTcuMTIzLS4wMDF2LTguMjM1aDcuMTIzbC4wMDUuMDA0LS4wMDUgOC4yMzJ6TTEgMzEuNDg2bC4wMDMtOC4yMzJoNy4yMXY4LjIzMkgxem0xMi4zIDB2LTMuOTY0YTIuMzYgMi4zNiAwIDAxMi4zNTktMi4zNTcgMi4zNiAyLjM2IDAgMDEyLjM1NyAyLjM1N3YzLjk2NmgtMi4yODFsLTIuNDM0LS4wMDF6bS00LjA4My05Ljc1MmgxMi45NzFsLjAwNC4wMDQtLjAwNCA5Ljc1aC0zLjE3MnYtMy45NjZhMy4zNjggMy4zNjggMCAwMC0zLjM1Ny0zLjM1NyAzLjM2OSAzLjM2OSAwIDAwLTMuMzU4IDMuMzU3djMuOTY1bC0zLjA4OC0uMDAxLjAwNC05Ljc1MnptMi4wMzktMS4wMDRsLjAwNC05LjNoOC44ODVsLjAwNC4wMDUtLjAwNCA5LjI5OS04Ljg5LS4wMDR6bTQuNDQ3LTE1LjU5MmwyLjM5NSA1LjI2N2gtNC43OTFsMi4zOTYtNS4yNjd6bTE0LjYxIDE3LjExNmgtNy4xMjF2LS41MTZjMC0uNTU0LS40NS0xLjAwNC0xLjAwNC0xLjAwNGgtMS4wNHYtOS4yOTljMC0uNTU0LS40NDgtMS4wMDUtMS4wMDMtMS4wMDVoLS45MzVsLTMuMi03LjAzM2EuMzMuMzMgMCAwMC0uMzA2LS4xOTcuMzMzLjMzMyAwIDAwLS4zMDcuMTk3bC0zLjIgNy4wMzNoLS45MzZjLS41NTQgMC0xLjAwNC40NS0xLjAwNCAxLjAwNXY5LjI5OWgtMS4wNGMtLjU1MyAwLTEuMDAzLjQ1LTEuMDAzIDEuMDA0di41MTZoLTcuMjFDLjQ1IDIyLjI1NCAwIDIyLjcwMyAwIDIzLjI1OHY4LjIyOGMwIC41NTQuNDUgMS4wMDQgMS4wMDQgMS4wMDRoMjkuMzExYy41NTUgMCAxLjAwNS0uNDUgMS4wMDUtMS4wMDR2LTguMjI4YzAtLjU1NS0uNDUtMS4wMDQtMS4wMDUtMS4wMDR6Ii8+CiAgICA8cGF0aCBkPSJNMTQuNjY0IDMuMmwxLjA0LS41NDcgMS4wMzguNTQ3LS4xOTgtMS4xNTguODQxLS44Mi0xLjE2Mi0uMTY4TDE1LjcwMyAwbC0uNTE5IDEuMDUzLTEuMTYzLjE2OC44NDEuODJ6TTE1LjcwMyAxOC4yNjRhMi4zNTQgMi4zNTQgMCAwMS0yLjM1LTIuMzUyIDIuMzU0IDIuMzU0IDAgMDEyLjM1LTIuMzUgMi4zNTQgMi4zNTQgMCAwMTIuMzUxIDIuMzUgMi4zNTQgMi4zNTQgMCAwMS0yLjM1IDIuMzUybTAtNS43MDJhMy4zNTEgMy4zNTEgMCAxMDAgNi43MDIgMy4zNTEgMy4zNTEgMCAwMDAtNi43MDIiLz4KICAgIDxwYXRoIGQ9Ik0xNi4yMjggMTQuNjUxbC0xLS4wMi0uMDMxIDEuNTY0Ljg1Ljg1LjcwNy0uNzA3LS41NS0uNTQ5eiIvPgo8L3N2Zz4=)
}

.contact__tabs-item--kazan {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0iI0ZGRiIgdmlld0JveD0iMCAwIDMzIDMzIj4KICAgIDxwYXRoIGQ9Ik0zMC43MzQgMTEuNDQyYTEuMDAxIDEuMDAxIDAgMDEwLTIgMS4wMDEgMS4wMDEgMCAwMTAgMnpNMjYuMTE3IDMxLjQ2bC0uMDE2LTE5LjExMmExLjk5NSAxLjk5NSAwIDAwMS40MjUtMS45MDZjMC0uMzY2LS4xMDUtLjcwNS0uMjc3LTFoMS43NjJhMS45NzcgMS45NzcgMCAwMC0uMjc3IDFjMCAuODkuNTgzIDEuNjMzIDEuMzg2IDEuODk0bC4wMTUgMTkuMTA2LTQuMDE4LjAxOHptLTYuMTc5IDBjMC0uMDA3LjAwNC0uMDEzLjAwNC0uMDJ2LTMuNTc2YzAtLjUxNC0uMjctLjk5LS43MTItMS4yNTJsLTMuMDEzLTIuMzU1LTMuMDEgMi4zNTVhMS40NTMgMS40NTMgMCAwMC0uNzE0IDEuMjUydjMuNTc2YzAgLjAwNy4wMDQuMDEzLjAwNC4wMkg3LjU5VjE5LjYzaDE3LjUyN3YxMS44M2gtNS4xNzl6bS0xNy4zNDggMGwtLjAxNS0xOS4xMTJBMS45OTUgMS45OTUgMCAwMDQgMTAuNDQyYzAtLjM2Ni0uMTA2LS43MDUtLjI3OC0xaDEuNzYzYTEuOTc3IDEuOTc3IDAgMDAtLjI3NyAxYzAgLjg5LjU4NCAxLjYzMyAxLjM4NSAxLjg5NGwuMDE2IDE5LjEwNi00LjAxOS4wMTh6TTIgMTEuNDQyYy0uNTUgMC0xLS40NDktMS0xIDAtLjU1LjQ1LTEgMS0xIC41NTEgMCAxIC40NSAxIDEgMCAuNTUxLS40NDkgMS0xIDF6TTQuNTkgMS4zMjVjLjU2MiAxLjA5IDEuMzAzIDMuOTU2IDEuODMyIDcuMTE3SDIuNzZjLjUzLTMuMTYyIDEuMjctNi4wMjcgMS44My03LjExN3ptMi42MTggOC4xMTdjLjU1MSAwIDEgLjQ1IDEgMWExLjAwMSAxLjAwMSAwIDExLTEtMXptNi44NCAyLjUxMWMuOTM3LS42MzkgMS43NDYtMS4xOSAyLjI4LTEuOC40OTYuNTkyIDEuMjk4IDEuMTE2IDIuMjI1IDEuNzIxIDIuMTc1IDEuNDIgNC44NyAzLjE4NSA0Ljk1NyA2Ljc1OEg5LjE1NmMuMDkyLTMuMzk0IDIuNzQ3LTUuMjE0IDQuODkyLTYuNjc5em0xMC40NzgtMS41MWExLjAwMSAxLjAwMSAwIDExMSAxYy0uNTUgMC0xLS40NS0xLTF6bTMuNTkxLTkuMTE4Yy41NjEgMS4wOSAxLjMwMyAzLjk1NiAxLjgzMSA3LjExN2gtMy42NmMuNTI3LTMuMTYyIDEuMjY3LTYuMDI3IDEuODMtNy4xMTd6bTIuODQ0IDcuMTRDMzAuNTU2IDYuMDU3IDI5LjQxMSAwIDI4LjExNyAwYy0xLjI5MyAwLTIuNDQgNi4wNjEtMi44NDQgOC40NjdhMS45OTUgMS45OTUgMCAwMC0uMTU2IDMuOTMzdjYuMjMyaC0uNjA3Yy0uMDg4LTQuMTEzLTMuMTU3LTYuMTI0LTUuNDEtNy41OTUtLjg2LS41NjItMS42MDUtMS4wNDgtMi4wMDctMS41MjdhMS4wMjIgMS4wMjIgMCAwMC0uNzg0LS4zNzJoLS4wMDZjLS4zMDIuMDAyLS41OS4xNDEtLjc4Ny4zODEtLjQwNi40OTgtMS4xNTkgMS4wMTMtMi4wMzIgMS42MDgtMi4yMTggMS41MTQtNS4yMzcgMy41ODQtNS4zMjggNy41MDVINy41OXYtNi4yMjlhMiAyIDAgMDAxLjYxOC0xLjk2IDEuOTk0IDEuOTk0IDAgMDAtMS43NzQtMS45NzhDNy4wMyA2LjA1NyA1Ljg4NCAwIDQuNTkgMCAzLjI5NyAwIDIuMTUxIDYuMDYxIDEuNzQ3IDguNDY3QTEuOTk0IDEuOTk0IDAgMDAxLjU5IDEyLjR2MTkuMDZjMCAuNTQzLjQ0MS45ODIuOTgzLjk4Mmg5LjkzN2EuOTgyLjk4MiAwIDAwLjk4My0uOTgydi0zLjU5NmMwLS4xNi4wODYtLjMxLjIyMi0uMzkybC4wNTYtLjAzMy4wNS0uMDM5IDIuMzk2LTEuODc0IDIuMzk3IDEuODc0LjA1MS4wNC4wNTQuMDMyYS40NTcuNDU3IDAgMDEuMjIzLjM5MmwtLjAwMiAzLjA1MmguMDAydi41NDRjMCAuNTQzLjQ0Ljk4Mi45ODEuOTgyaDEwLjIxMmEuOTgyLjk4MiAwIDAwLjk4Mi0uOTgyVjEyLjQwM2ExLjk5MyAxLjk5MyAwIDAwLS4xNTYtMy45Mzh6Ii8+Cjwvc3ZnPg==)
}

.contact__tab {
    display: none
}

.contact__tab--active {
    display: block
}

@media only screen and (min-width: 768px) {
    .contact .h1, .contact .h2 {
        margin-bottom: 50px
    }

    .contact__item {
        margin-bottom: 60px
    }

    .contact .btns {
        margin-top: 0
    }

    .contact__tabs-item {
        padding: 34px 40px 12px 80px;
        background-size: 32px 32px;
        background-position: 40px center
    }

    .contact__tabs-item:first-child {
        padding-left: 40px;
        background-position: left center
    }
}

.themap {
    position: absolute;
    left: 33%;
    top: 0;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 1024px) {
    .themap {
        display: none
    }
}

.themap-holder {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.themap-holder:after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to right, #090e4a 33%, rgba(9, 14, 74, 0) 100%)
}

.themap, .themap > div {
    background: #090e4a !important
}

.themap .point-txt {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #090e4a
}

.p404 .inside-wrapper {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .p404 .h1, .p404 .h2 {
        margin-bottom: 80px
    }
}

.p404 .main-content {
    position: relative
}

.p404 .main-content:before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100vw;
    width: 100vw;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: radial-gradient(ellipse at center, rgba(255, 0, 0, .5) 0, rgba(255, 0, 0, 0) 73%, rgba(255, 0, 0, 0) 100%)
}

@media only screen and (min-width: 1025px) {
    .p404 .main-content:before {
        height: 100vh;
        width: 100vh
    }
}

.footer {
    display: none;
    position: relative;
    z-index: 111;
    height: 70px;
    margin-top: -70px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s, margin 0s
}

.menu-active .footer {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 767px) {
    .menu-active .footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0
    }
}

.footer .inside-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.footer__links {
    font-size: 0
}

.footer__links-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    margin-right: 20px
}

.footer__links-item.s_ninja {
    margin-right: 28px
}

.footer__link {
    outline: 0;
    color: #fff;
    opacity: .5;
    text-decoration: none;
    display: inline-block;
    min-width: 30px;
    text-align: center
}

.footer__link img {
    display: inline-block;
    height: 21px;
    vertical-align: -.35em;
    width: auto
}

.footer__link_be img {
    height: 14px;
    vertical-align: -.2em
}

.footer__link:focus, .footer__link:hover {
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .footer {
        height: 155px;
        margin-top: -155px;
        opacity: 1;
        visibility: visible
    }

    .footer .inside-wrapper {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .footer .lang {
        margin-left: 30px
    }
}

@media only screen and (min-width: 1281px) {
    .footer {
        margin-left: 50%
    }

    .footer .inside-wrapper {
        padding-left: 0
    }
}

.lang {
    position: relative;
    margin: -3px -10px
}

.lang__item {
    display: block;
    text-align: center;
    opacity: .5;
    color: #fff;
    text-decoration: none !important;
    transition: all .3s;
    padding: 3px 10px;
    line-height: 1
}

.lang__item.is-active {
    cursor: default;
    opacity: 1
}

.lang__item:focus, .lang__item:hover {
    opacity: 1
}

@media all and (max-height: 555px) and (min-width: 768px) {
    #pp-nav {
        bottom: 2em;
        left: 2em !important
    }

    .overflowhidden .header {
        height: 60px
    }

    .overflowhidden .footer {
        height: 60px;
        margin-top: -60px
    }

    .overflowhidden .afterall {
        position: relative !important;
        bottom: auto;
        left: auto;
        margin-top: 0;
        -ms-transform: scale(.7) !important;
        transform: scale(.7) !important;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .pp-section .inside-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pp-section .extra-text, .pp-section .inside-wrapper {
        font-size: 12px
    }

    .pp-section .h1, .pp-section .h2 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .pp-section .btns {
        margin-top: 20px
    }

    .pp-section .btn {
        -ms-transform: scale(.7) !important;
        transform: scale(.7) !important;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .pagepiling p {
        margin-bottom: 20px
    }
}

.footer, .header {
    pointer-events: none
}

.footer .from-the-top, .footer .inside-wrapper *, .header .from-the-top, .header .inside-wrapper * {
    pointer-events: auto
}

.dropdown-active .footer, .dropdown-active .header {
    pointer-events: auto
}

.iti {
    font-size: 12px;
    width: 100%
}

.iti :focus {
    outline: 0
}

.iti__country.iti__highlight {
    background-color: #000
}

.iti__country-list {
    background-color: #111
}

.iti__flag {
    box-shadow: none;
    background-image: url("/templates/inwebit/images/flags.png")
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("/templates/inwebit/images/flags@2x.png")
    }
}

.iti-mobile .iti--container {
    width: auto
}

@keyframes flick1 {
    40% {
        opacity: 1
    }
    42% {
        opacity: .8
    }
    43% {
        opacity: 1
    }
    45% {
        opacity: .2
    }
    46% {
        opacity: 1
    }
}

@keyframes flick2 {
    0% {
        opacity: 1
    }
    3% {
        opacity: .4
    }
    6% {
        opacity: 1
    }
    7% {
        opacity: .4
    }
    8% {
        opacity: 1
    }
    9% {
        opacity: .4
    }
    10% {
        opacity: 1
    }
    89% {
        opacity: 1
    }
    90% {
        opacity: .4
    }
    100% {
        opacity: .4
    }
}

@media only screen and (min-width: 1281px) {
    .job-tabs-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        height: 100%;
        float: none
    }
}

.job-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

@media only screen and (min-width: 1281px) {
    .job-tabs {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        position: -webkit-sticky;
        position: sticky;
        top: 30px
    }
}

.job-tabs__item {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    padding: 15px 30px;
    border: 1px solid transparent;
    margin-right: 10px;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: .5;
    transition: all .3s;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .job-tabs__item {
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 12px
    }
}

.job-tabs__item:last-child {
    margin: 0
}

.job-tabs__item--active {
    border-color: #fff
}

.job-principles {
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .job-principles {
        margin-bottom: 80px
    }
}

@media only screen and (min-width: 768px) {
    .job-jobs__header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 768px) {
    .job-jobs__h2 {
        margin: 0
    }
}

.job-jobs__tabs {
    padding: 20px 0
}

@media only screen and (min-width: 768px) {
    .job-jobs__tabs {
        padding: 0
    }
}

.job-jobs__footer {
    margin: 40px 0
}

@media only screen and (min-width: 768px) {
    .job-jobs__footer {
        margin: 60px 0 80px
    }
}

.job-list__item {
    display: block;
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .job-list__item {
        padding: 40px 100px 40px 0
    }
}

@media only screen and (min-width: 768px) {
    .job-list__item:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 10px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        width: 22px;
        height: 1px;
        background-color: #fff;
        pointer-events: none;
        transition: all .3s
    }
}

@media only screen and (min-width: 768px) {
    .job-list__item:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 12px;
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        display: block;
        width: 16px;
        height: 16px;
        border: solid #fff;
        border-width: 1px 1px 0 0;
        pointer-events: none;
        transition: all .3s
    }
}

.job-list__item-title {
    display: block;
    font-size: 16px;
    line-height: 2;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .job-list__item-title {
        font-size: 20px;
        line-height: 1.6
    }
}

.job-list__item-price {
    display: block;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .job-list__item-price {
        font-size: 18px;
        line-height: 1.78
    }
}

.job-list__item:last-child {
    border: none
}

.job-list__item:hover:before {
    -ms-transform: translate(5px, -50%);
    transform: translate(5px, -50%)
}

.job-list__item:hover:after {
    -ms-transform: translate(5px, -50%) rotate(45deg);
    transform: translate(5px, -50%) rotate(45deg)
}

.job-resume {
    position: relative;
    padding: 60px 0;
    border-top: 1px solid rgba(255, 255, 255, .07)
}

@media only screen and (min-width: 768px) {
    .job-resume {
        padding: 80px 0;
        text-align: center
    }
}

.job-resume__content {
    position: relative;
    transition: all .3s
}

.job-resume__text {
    max-width: 900px;
    margin: 0 auto
}

.job-resume__tip {
    margin: 10px 0 26px;
    font-size: 12px;
    opacity: .4
}

@media only screen and (min-width: 768px) {
    .job-resume__tip {
        margin-bottom: 60px
    }
}

.job-resume__tip-drag {
    display: none
}

.job-resume__link {
    font-weight: 600
}

.job-resume__file {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.job-resume__filename-wrapper {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .job-resume__filename-wrapper {
        max-width: 587px;
        margin: 0 auto
    }
}

.job-resume__filename {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 27px 30px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: rgba(255, 255, 255, .1);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.job-resume__reset {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    top: 50%;
    right: 8px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: .4;
    transition: all .3s
}

.job-resume__reset:after, .job-resume__reset:before {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background: #fff
}

.job-resume__reset:after {
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.job-resume__reset:hover {
    opacity: 1
}

.job-resume__dragover {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .1);
    transition: all .3s;
    opacity: 0;
    pointer-events: none
}

.job-resume__dragover:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    display: block;
    border: 1px dashed rgba(255, 255, 255, .3);
    border-radius: 10px
}

.job-resume__dragover:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: rgba(16, 16, 16, .1)
}

.job-resume--draggable .job-resume__tip-drag {
    display: inline
}

.job-resume--dragover .job-resume__content {
    opacity: .05;
    pointer-events: none
}

.job-resume--dragover .job-resume__dragover {
    opacity: 1
}

.job-resume--hidden .job-resume__content {
    opacity: 0;
    pointer-events: none
}

.job-result {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .3s;
    opacity: 0;
    pointer-events: none
}

@media only screen and (min-width: 768px) {
    .job-result {
        text-align: center
    }
}

.job-result--visible {
    opacity: 1;
    pointer-events: all
}

.cities-tabs {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cities-tabs__item {
    padding: 22px 30px 10px 64px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.29;
    opacity: .4;
    border-right: 1px solid rgba(232, 232, 232, .08);
    cursor: pointer;
    transition: all .3s;
    transition-duration: .3s;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 30px center
}

.cities-tabs__item:first-child {
    padding-left: 34px;
    background-position: left center
}

.cities-tabs__item:last-child {
    border: none
}

.cities-tabs__item:hover {
    opacity: 1
}

.cities-tabs__item--active {
    opacity: 1
}

.cities-tabs__item--moscow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMyIgZmlsbD0iI0ZGRiIgdmlld0JveD0iMCAwIDMyIDMzIj4KICAgIDxwYXRoIGQ9Ik0zMC4zMTUgMzEuNDlsLTcuMTIzLS4wMDF2LTguMjM1aDcuMTIzbC4wMDUuMDA0LS4wMDUgOC4yMzJ6TTEgMzEuNDg2bC4wMDMtOC4yMzJoNy4yMXY4LjIzMkgxem0xMi4zIDB2LTMuOTY0YTIuMzYgMi4zNiAwIDAxMi4zNTktMi4zNTcgMi4zNiAyLjM2IDAgMDEyLjM1NyAyLjM1N3YzLjk2NmgtMi4yODFsLTIuNDM0LS4wMDF6bS00LjA4My05Ljc1MmgxMi45NzFsLjAwNC4wMDQtLjAwNCA5Ljc1aC0zLjE3MnYtMy45NjZhMy4zNjggMy4zNjggMCAwMC0zLjM1Ny0zLjM1NyAzLjM2OSAzLjM2OSAwIDAwLTMuMzU4IDMuMzU3djMuOTY1bC0zLjA4OC0uMDAxLjAwNC05Ljc1MnptMi4wMzktMS4wMDRsLjAwNC05LjNoOC44ODVsLjAwNC4wMDUtLjAwNCA5LjI5OS04Ljg5LS4wMDR6bTQuNDQ3LTE1LjU5MmwyLjM5NSA1LjI2N2gtNC43OTFsMi4zOTYtNS4yNjd6bTE0LjYxIDE3LjExNmgtNy4xMjF2LS41MTZjMC0uNTU0LS40NS0xLjAwNC0xLjAwNC0xLjAwNGgtMS4wNHYtOS4yOTljMC0uNTU0LS40NDgtMS4wMDUtMS4wMDMtMS4wMDVoLS45MzVsLTMuMi03LjAzM2EuMzMuMzMgMCAwMC0uMzA2LS4xOTcuMzMzLjMzMyAwIDAwLS4zMDcuMTk3bC0zLjIgNy4wMzNoLS45MzZjLS41NTQgMC0xLjAwNC40NS0xLjAwNCAxLjAwNXY5LjI5OWgtMS4wNGMtLjU1MyAwLTEuMDAzLjQ1LTEuMDAzIDEuMDA0di41MTZoLTcuMjFDLjQ1IDIyLjI1NCAwIDIyLjcwMyAwIDIzLjI1OHY4LjIyOGMwIC41NTQuNDUgMS4wMDQgMS4wMDQgMS4wMDRoMjkuMzExYy41NTUgMCAxLjAwNS0uNDUgMS4wMDUtMS4wMDR2LTguMjI4YzAtLjU1NS0uNDUtMS4wMDQtMS4wMDUtMS4wMDR6Ii8+CiAgICA8cGF0aCBkPSJNMTQuNjY0IDMuMmwxLjA0LS41NDcgMS4wMzguNTQ3LS4xOTgtMS4xNTguODQxLS44Mi0xLjE2Mi0uMTY4TDE1LjcwMyAwbC0uNTE5IDEuMDUzLTEuMTYzLjE2OC44NDEuODJ6TTE1LjcwMyAxOC4yNjRhMi4zNTQgMi4zNTQgMCAwMS0yLjM1LTIuMzUyIDIuMzU0IDIuMzU0IDAgMDEyLjM1LTIuMzUgMi4zNTQgMi4zNTQgMCAwMTIuMzUxIDIuMzUgMi4zNTQgMi4zNTQgMCAwMS0yLjM1IDIuMzUybTAtNS43MDJhMy4zNTEgMy4zNTEgMCAxMDAgNi43MDIgMy4zNTEgMy4zNTEgMCAwMDAtNi43MDIiLz4KICAgIDxwYXRoIGQ9Ik0xNi4yMjggMTQuNjUxbC0xLS4wMi0uMDMxIDEuNTY0Ljg1Ljg1LjcwNy0uNzA3LS41NS0uNTQ5eiIvPgo8L3N2Zz4=)
}

.cities-tabs__item--kazan {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0iI0ZGRiIgdmlld0JveD0iMCAwIDMzIDMzIj4KICAgIDxwYXRoIGQ9Ik0zMC43MzQgMTEuNDQyYTEuMDAxIDEuMDAxIDAgMDEwLTIgMS4wMDEgMS4wMDEgMCAwMTAgMnpNMjYuMTE3IDMxLjQ2bC0uMDE2LTE5LjExMmExLjk5NSAxLjk5NSAwIDAwMS40MjUtMS45MDZjMC0uMzY2LS4xMDUtLjcwNS0uMjc3LTFoMS43NjJhMS45NzcgMS45NzcgMCAwMC0uMjc3IDFjMCAuODkuNTgzIDEuNjMzIDEuMzg2IDEuODk0bC4wMTUgMTkuMTA2LTQuMDE4LjAxOHptLTYuMTc5IDBjMC0uMDA3LjAwNC0uMDEzLjAwNC0uMDJ2LTMuNTc2YzAtLjUxNC0uMjctLjk5LS43MTItMS4yNTJsLTMuMDEzLTIuMzU1LTMuMDEgMi4zNTVhMS40NTMgMS40NTMgMCAwMC0uNzE0IDEuMjUydjMuNTc2YzAgLjAwNy4wMDQuMDEzLjAwNC4wMkg3LjU5VjE5LjYzaDE3LjUyN3YxMS44M2gtNS4xNzl6bS0xNy4zNDggMGwtLjAxNS0xOS4xMTJBMS45OTUgMS45OTUgMCAwMDQgMTAuNDQyYzAtLjM2Ni0uMTA2LS43MDUtLjI3OC0xaDEuNzYzYTEuOTc3IDEuOTc3IDAgMDAtLjI3NyAxYzAgLjg5LjU4NCAxLjYzMyAxLjM4NSAxLjg5NGwuMDE2IDE5LjEwNi00LjAxOS4wMTh6TTIgMTEuNDQyYy0uNTUgMC0xLS40NDktMS0xIDAtLjU1LjQ1LTEgMS0xIC41NTEgMCAxIC40NSAxIDEgMCAuNTUxLS40NDkgMS0xIDF6TTQuNTkgMS4zMjVjLjU2MiAxLjA5IDEuMzAzIDMuOTU2IDEuODMyIDcuMTE3SDIuNzZjLjUzLTMuMTYyIDEuMjctNi4wMjcgMS44My03LjExN3ptMi42MTggOC4xMTdjLjU1MSAwIDEgLjQ1IDEgMWExLjAwMSAxLjAwMSAwIDExLTEtMXptNi44NCAyLjUxMWMuOTM3LS42MzkgMS43NDYtMS4xOSAyLjI4LTEuOC40OTYuNTkyIDEuMjk4IDEuMTE2IDIuMjI1IDEuNzIxIDIuMTc1IDEuNDIgNC44NyAzLjE4NSA0Ljk1NyA2Ljc1OEg5LjE1NmMuMDkyLTMuMzk0IDIuNzQ3LTUuMjE0IDQuODkyLTYuNjc5em0xMC40NzgtMS41MWExLjAwMSAxLjAwMSAwIDExMSAxYy0uNTUgMC0xLS40NS0xLTF6bTMuNTkxLTkuMTE4Yy41NjEgMS4wOSAxLjMwMyAzLjk1NiAxLjgzMSA3LjExN2gtMy42NmMuNTI3LTMuMTYyIDEuMjY3LTYuMDI3IDEuODMtNy4xMTd6bTIuODQ0IDcuMTRDMzAuNTU2IDYuMDU3IDI5LjQxMSAwIDI4LjExNyAwYy0xLjI5MyAwLTIuNDQgNi4wNjEtMi44NDQgOC40NjdhMS45OTUgMS45OTUgMCAwMC0uMTU2IDMuOTMzdjYuMjMyaC0uNjA3Yy0uMDg4LTQuMTEzLTMuMTU3LTYuMTI0LTUuNDEtNy41OTUtLjg2LS41NjItMS42MDUtMS4wNDgtMi4wMDctMS41MjdhMS4wMjIgMS4wMjIgMCAwMC0uNzg0LS4zNzJoLS4wMDZjLS4zMDIuMDAyLS41OS4xNDEtLjc4Ny4zODEtLjQwNi40OTgtMS4xNTkgMS4wMTMtMi4wMzIgMS42MDgtMi4yMTggMS41MTQtNS4yMzcgMy41ODQtNS4zMjggNy41MDVINy41OXYtNi4yMjlhMiAyIDAgMDAxLjYxOC0xLjk2IDEuOTk0IDEuOTk0IDAgMDAtMS43NzQtMS45NzhDNy4wMyA2LjA1NyA1Ljg4NCAwIDQuNTkgMCAzLjI5NyAwIDIuMTUxIDYuMDYxIDEuNzQ3IDguNDY3QTEuOTk0IDEuOTk0IDAgMDAxLjU5IDEyLjR2MTkuMDZjMCAuNTQzLjQ0MS45ODIuOTgzLjk4Mmg5LjkzN2EuOTgyLjk4MiAwIDAwLjk4My0uOTgydi0zLjU5NmMwLS4xNi4wODYtLjMxLjIyMi0uMzkybC4wNTYtLjAzMy4wNS0uMDM5IDIuMzk2LTEuODc0IDIuMzk3IDEuODc0LjA1MS4wNC4wNTQuMDMyYS40NTcuNDU3IDAgMDEuMjIzLjM5MmwtLjAwMiAzLjA1MmguMDAydi41NDRjMCAuNTQzLjQ0Ljk4Mi45ODEuOTgyaDEwLjIxMmEuOTgyLjk4MiAwIDAwLjk4Mi0uOTgyVjEyLjQwM2ExLjk5MyAxLjk5MyAwIDAwLS4xNTYtMy45Mzh6Ii8+Cjwvc3ZnPg==)
}

.cities__tab {
    display: none
}

.cities__tab--active {
    display: block
}

@media only screen and (min-width: 768px) {
    .cities-tabs__item {
        padding: 34px 40px 12px 80px;
        background-size: 32px 32px;
        background-position: 40px center
    }

    .cities-tabs__item:first-child {
        padding-left: 40px;
        background-position: left center
    }
}

.vacancy-back {
    display: block;
    position: relative;
    padding-left: 33px;
    opacity: .4;
    transition: all .3s
}

@media only screen and (min-width: 768px) {
    .vacancy-back {
        padding-left: 43px
    }
}

.vacancy-back:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 22px;
    height: 1px;
    background-color: #fff;
    pointer-events: none
}

.vacancy-back:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    display: block;
    width: 16px;
    height: 16px;
    border: solid #fff;
    border-width: 1px 0 0 1px;
    pointer-events: none
}

.vacancy-back:hover {
    opacity: 1
}

.vacancy-tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 30px 0
}

.vacancy-tags__item {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    padding: 15px 30px;
    border: 1px solid #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: .5
}

@media only screen and (min-width: 768px) {
    .vacancy-tags__item {
        font-size: 12px
    }
}

.vacancy-tags__item:last-child {
    margin-right: 0
}

.vacancy-text {
    margin-bottom: 80px
}

@media only screen and (min-width: 1281px) {
    .vacancy-text {
        margin-bottom: 100px
    }
}

.vacancy-text h2 {
    margin: 60px 0 30px !important
}

@media only screen and (min-width: 768px) {
    .vacancy-text h2 {
        margin: 80px 0 40px !important
    }
}

@media only screen and (min-width: 1281px) {
    .vacancy-text h2 {
        margin: 100px 0 40px !important
    }
}

.vacancy-text ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.vacancy-text ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 20px
}

.vacancy-text ul li:before {
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 0;
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .vacancy-text ul li:before {
        top: 16px
    }
}

.vacancy-text ul li:last-child {
    margin-bottom: 0
}

.vacancy-conditions {
    margin: 40px 0
}

@media only screen and (min-width: 768px) {
    .vacancy-conditions {
        margin: 80px 0
    }
}

.vacancy-conditions__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .vacancy-conditions__item {
        display: block;
        margin-bottom: 0
    }
}

.vacancy-conditions__item-title {
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    width: 33%;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .vacancy-conditions__item-title {
        width: auto;
        margin-bottom: 10px
    }
}

.vacancy-conditions__item-text {
    -ms-flex: 2 1 66%;
    flex: 2 1 66%;
    width: 66%
}

@media only screen and (min-width: 768px) {
    .vacancy-conditions__item-text {
        width: auto
    }
}

/*# sourceMappingURL=style.css.map */



 .hero-media {
     position: absolute;
     z-index: -1;
     width: 520px;
     height: 510px;
}

.phone-hero-bg {
    position: absolute;
    top: 16px;
    left: 17px;
    height: 100%;
}
.phone-hero-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 270px;
    max-width: none;
    height: 100%;
}
.phone-hero-inner, .phone-hero-placeholder {
    max-height: 580px;
}
.hero-background {
    position: absolute;
    top: 60%;
    right: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 530px;
    height: 552px;
    z-index: -1;
}
.phone-hero-frame {
    position: relative;
    z-index: 2;
}
.mobile_menu_select {display: none}
.gridcontainer ul li {
    line-height: 27px!important;
}