/*** uncss> filename: dist/static/css/app.3e372f1dbfac0e74a3b95fc6450c8805.css ***/
.t-h1, .t-h2, .t-h3, .t-h4, .t-h5, .t-h6 {
    margin: 0;
    font-weight: 400;
    line-height: 1
}

.t-text, .t-text--lg, .t-text--md, .t-text--sm, .t-text--xl, .t-text--xs, .t-text--xxl, .t-text--xxs {
    margin: 0;
    line-height: 1;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.t-btn, .t-input, .t-select, .t-textarea {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none !important;
    -moz-appearance: none !important
}

.o-list {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    text-decoration: none
}

.t-btn, .t-link {
    color: inherit;
    cursor: pointer
}

.t-btn, .t-btn:hover, .t-link, .t-link:hover {
    text-decoration: none
}

.t-btn:active, .t-btn:focus, .t-link:active, .t-link:focus {
    outline: none
}

.o-wrapper--valign, .u-vacuum {
    font-size: 0
}

.t-address {
    font-style: normal
}

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

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: adellesans_regular, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #767e88;
    height: auto;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: auto
}

body.is-fixed {
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

img {
    -ms-interpolation-mode: bicubic
}

canvas {
    display: block
}

strong {
    font-weight: 400
}

select {
    appearance: none;
    outline: 0;
    border: 0
}

select::-ms-expand {
    display: none
}

@font-face {
    font-family: adellesans_regular;
    src: url(/static/fonts/adellesans_regular.woff) format("woff")
}

@font-face {
    font-family: adellesans_light;
    src: url(/static/fonts/adellesans_light.woff) format("woff")
}

@font-face {
    font-family: adellesans_bold;
    src: url(/static/fonts/adellesans_bold.woff) format("woff")
}

@font-face {
    font-family: oswald-light;
    src: url(/static/fonts/oswald-light.woff) format("woff")
}

@font-face {
    font-family: oswald-regular;
    src: url(/static/fonts/oswald-regular.woff) format("woff")
}

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

body {
    margin: 0
}

article, footer, header, main, nav, section {
    display: block
}

canvas {
    display: inline-block;
    vertical-align: baseline
}

template {
    display: none
}

a {
    background-color: transparent
}

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

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

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

sup {
    top: -.5em
}

img {
    border: 0
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

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

input {
    line-height: normal
}

textarea {
    overflow: auto
}

.t-btn--rectangle {
    padding: 27px 40px
}

.t-h1 {
    font-size: 63px;
    font-size: 3.9375rem;
    line-height: 1.2
}

@media screen and (min-width: 2200px) {
    .t-h1 {
        font-size: 94.5px;
        font-size: 5.90625rem
    }
}

@media screen and (max-width: 1024px) {
    .t-h1 {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media screen and (max-width: 770px) {
    .t-h1 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.t-h2 {
    line-height: 1.2;
    font-size: 45px;
    font-size: 2.8125rem
}

@media screen and (min-width: 2200px) {
    .t-h2 {
        font-size: 67.5px;
        font-size: 4.21875rem
    }
}

@media screen and (max-width: 1024px) {
    .t-h2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media screen and (max-width: 770px) {
    .t-h2 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.t-h3 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.3
}

@media screen and (min-width: 2200px) {
    .t-h3 {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media screen and (max-width: 1024px) {
    .t-h3 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media screen and (max-width: 770px) {
    .t-h3 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.t-h4 {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.2
}

@media screen and (min-width: 2200px) {
    .t-h4 {
        font-size: 52.5px;
        font-size: 3.28125rem
    }
}

@media screen and (max-width: 1024px) {
    .t-h4 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media screen and (max-width: 770px) {
    .t-h4 {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.t-h5 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2
}

@media screen and (min-width: 2200px) {
    .t-h5 {
        font-size: 37.5px;
        font-size: 2.34375rem
    }
}

.t-h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2
}

@media screen and (min-width: 2200px) {
    .t-h6 {
        font-size: 27px;
        font-size: 1.6875rem
    }
}

@media screen and (max-width: 770px) {
    .t-h6 {
        font-size: 16px;
        font-size: 1rem
    }
}

.t-input::-webkit-input-placeholder, .t-textarea::-webkit-input-placeholder {
    color: #193452
}

.t-input::-moz-placeholder, .t-textarea::-moz-placeholder {
    color: #193452
}

.t-input:-ms-input-placeholder, .t-textarea:-ms-input-placeholder {
    color: #193452
}

.t-input:-moz-placeholder, .t-textarea:-moz-placeholder {
    color: #193452
}

.t-textarea {
    max-width: 100%
}

.t-input:-webkit-autofill, .t-input:-webkit-autofill:active, .t-input:-webkit-autofill:focus, .t-input:-webkit-autofill:hover {
    transition: background-color 0s 5000s;
    -webkit-text-fill-color: #193452
}

.t-link--arrow__ico {
    width: 21px;
    height: 7px;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

@media screen and (max-width: 770px) {
    .t-link--arrow__ico {
        width: 17px
    }
}

.t-link--arrow__ico:first-child {
    transform: translate(-101%) translateZ(0);
    transition-delay: 0s
}

.t-link--arrow__ico:nth-child(2) {
    transform: translate(0) translateZ(0);
    transition-delay: .15s
}

.t-link--arrow-left .t-link--arrow__ico:first-child {
    transform: translate(101%) translateZ(0)
}

.t-link--arrow:hover .t-link--arrow__ico:first-child {
    transform: translate(0) translateZ(0);
    transition-delay: .15s
}

.t-link--arrow:hover .t-link--arrow__ico:nth-child(2) {
    transform: translate(101%) translateZ(0);
    transition-delay: 0s
}

.t-link--arrow-left:hover .t-link--arrow__ico:nth-child(2) {
    transform: translate(-101%) translateZ(0)
}

.t-link--underline:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: #767e88;
    opacity: .58;
    transform: scaleX(0) translateZ(0);
    transform-origin: 0 0;
    transition: transform .9s cubic-bezier(.86, 0, .07, 1)
}

.t-link--underline:focus:after, .t-link--underline:hover:after {
    transform: scaleX(1) translateZ(0)
}

.t-link--underline[data-underline-color=white]:after {
    background: #fff
}

.t-link--underline[data-underline-color=blue]:after {
    background: #3d88db
}

.t-link--underline[data-underline-color=blue-light]:after {
    background: #9dcdff
}

.t-link--opacity {
    transform: translateZ(0);
    transition: opacity .4s
}

.t-link--opacity:hover {
    opacity: .6
}

.t-text, .t-text--lg, .t-text--md, .t-text--sm, .t-text--xl, .t-text--xs, .t-text--xxl, .t-text--xxs {
    font-family: adellesans_regular, sans-serif;
    line-height: 1.6
}

.t-text--xxs {
    font-size: 9px;
    font-size: .5625rem
}

@media screen and (min-width: 2200px) {
    .t-text--xxs {
        font-size: 13.5px;
        font-size: .84375rem
    }
}

.t-text--xs {
    font-size: 10px;
    font-size: .625rem
}

@media screen and (min-width: 2200px) {
    .t-text--xs {
        font-size: 15px;
        font-size: .9375rem
    }
}

.t-text--sm {
    font-size: 12px;
    font-size: .75rem
}

@media screen and (min-width: 2200px) {
    .t-text--sm {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.t-text--md {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width: 2200px) {
    .t-text--md {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.t-text--lg {
    font-size: 16px;
    font-size: 1rem
}

@media screen and (min-width: 2200px) {
    .t-text--lg {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.t-text--xl {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4
}

@media screen and (min-width: 2200px) {
    .t-text--xl {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media screen and (max-width: 770px) {
    .t-text--xl {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.t-text--xxl {
    font-size: 22px;
    font-size: 1.375rem
}

@media screen and (min-width: 2200px) {
    .t-text--xxl {
        font-size: 33px;
        font-size: 2.0625rem
    }
}

@media screen and (max-width: 770px) {
    .t-text--xxl {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.t-text--title {
    font-family: oswald-regular, sans-serif
}

.t-text--ls-xs {
    letter-spacing: .05em
}

.t-text--ls-sm {
    letter-spacing: .1em
}

.t-text--ls-md {
    letter-spacing: .15em
}

.t-text--light {
    font-family: oswald-light, sans-serif
}

.t-text--base-light {
    font-family: adellesans_light, sans-serif
}

.t-text--bold {
    font-family: adellesans_bold, sans-serif
}

.t-text-lh--sm {
    line-height: 1.4
}

.t-text-lh--md {
    line-height: 1.5
}

.t-text-lh--lg {
    line-height: 1.8
}

.o-box, .o-box--1by1, .o-box--6by10, .o-box--16by9 {
    position: relative
}

.o-box--1by1:before, .o-box--6by10:before, .o-box--16by9:before, .o-box:before {
    position: relative;
    content: "";
    display: inline-block;
    width: 100%
}

.o-box--16by9:before {
    padding-bottom: 56.25%
}

.o-box--1by1:before {
    padding-top: 100%
}

.o-box--1by1:before {
    position: relative;
    content: "";
    display: inline-block;
    width: 100%
}

.o-box--6by10:before {
    position: relative;
    content: "";
    display: inline-block;
    width: 100%
}

.o-box--6by10:before {
    padding-top: 60%
}

.o-wrapper--valign {
    position: relative
}

.o-wrapper--panel {
    position: absolute;
    top: 0;
    left: 0
}

.o-wrapper--valign:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.u-w1of2 {
    width: 50%
}

.u-vw1of2 {
    width: 50vw
}

.u-marg-l-w1of2 {
    margin-left: 50%
}

.u-vw2of2 {
    width: 100vw
}

.u-w1of3 {
    width: 33.333333333333336%
}

.u-w1of4 {
    width: 25%
}

.u-w1of6 {
    width: 16.66666666%
}

.u-w1of4-2 {
    width: 20%
}

.u-w1of8 {
    width: 12.5%
}

.u-marg-r-w1of8 {
    margin-right: 12.5%
}

.u-marg-b-vh1of8 {
    margin-bottom: 12.5vh
}

.u-marg-x-w1of8 {
    margin-left: 12.5%;
    margin-right: 12.5%
}

.u-marg-t-vh2of8 {
    margin-top: 25vh
}

.u-marg-r-w1of9 {
    margin-right: 11.11111111111111%
}

.u-w3of9 {
    width: 33.33333333333333%
}

.u-w4of9 {
    width: 44.44444444444444%
}

.u-w6of9 {
    width: 66.66666666666666%
}

.u-w1of10 {
    width: 10%
}

.u-h1of10 {
    height: 10%
}

.u-pad-l-w1of10 {
    padding-left: 10%
}

.u-pad-r-w1of10 {
    padding-right: 10%
}

.u-marg-b-vh1of10 {
    margin-bottom: 10vh
}

.u-marg-t-vh1of10 {
    margin-top: 10vh
}

.u-marg-b-vh2of10 {
    margin-bottom: 20vh
}

.u-marg-t-vh2of10 {
    margin-top: 20vh
}

.u-w3of10 {
    width: 30%
}

.u-marg-l-w3of10 {
    margin-left: 30%
}

.u-w4of10 {
    width: 40%
}

.u-h4of10 {
    height: 40%
}

.u-pad-b-vh4of10 {
    padding-bottom: 40vh
}

.u-w5of10 {
    width: 50%
}

.u-marg-l-w6of10 {
    margin-left: 60%
}

.u-w7of10 {
    width: 70%
}

.u-w9of10 {
    width: 90%
}

.u-marg-b-vh1of12 {
    margin-bottom: 8.333333333333334vh
}

.u-marg-l-w2of12 {
    margin-left: 16.666666666666668%
}

.u-w3of12 {
    width: 25%
}

.u-w4of12 {
    width: 33.333333333333336%
}

.u-w7of12 {
    width: 58.333333333333336%
}

.u-w10of12 {
    width: 83.33333333333334%
}

.u-w11of12 {
    width: 91.66666666666667%
}

.u-marg-l-w2of13 {
    margin-left: 15.384615384615385%
}

.u-w4of13 {
    width: 30.76923076923077%
}

.u-w7of13 {
    width: 53.84615384615385%
}

.u-marg-l-w1of14 {
    margin-left: 7.142857142857143%
}

.u-pad-x-w2of14 {
    padding-right: 14.285714285714286%
}

.u-pad-x-w2of14 {
    padding-left: 14.285714285714286%
}

.u-pad-r-w2of14 {
    padding-right: 14.285714285714286%
}

.u-w3of14 {
    width: 21.42857142857143%
}

.u-marg-l-w4of14 {
    margin-left: 28.571428571428573%
}

.u-marg-l-w5of14 {
    margin-left: 35.714285714285715%
}

.u-w7of14 {
    width: 50%
}

.u-w8of14 {
    width: 57.142857142857146%
}

.u-w9of14 {
    width: 64.28571428571429%
}

.u-marg-l-w1of15 {
    margin-left: 6.666666666666667%
}

.u-marg-l-w3of15 {
    margin-left: 20%
}

.u-w4of15 {
    width: 26.666666666666668%
}

.u-w5of15 {
    width: 33.333333333333336%
}

.u-marg-l-w5of15 {
    margin-left: 33.333333333333336%
}

.u-w9of15 {
    width: 60%
}

.u-w10of15 {
    width: 66.66666666666667%
}

.u-w12of15 {
    width: 80%
}

.u-w14of15 {
    width: 93.33333333333334%
}

.u-marg-l-w1of16 {
    margin-left: 6.25%
}

.u-marg-r-w1of16 {
    margin-right: 6.25%
}

.u-pad-x-w1of16 {
    padding-right: 6.25%
}

.u-pad-x-w1of16 {
    padding-left: 6.25%
}

.u-pad-r-w1of16 {
    padding-right: 6.25%
}

.u-pad-x-vw1of16 {
    padding-left: 6.25vw;
    padding-right: 6.25vw
}

.u-w2of16 {
    width: 12.5%
}

.u-marg-l-w2of16 {
    margin-left: 12.5%
}

.u-pad-x-w2of16 {
    padding-right: 12.5%
}

.u-pad-l-w2of16, .u-pad-x-w2of16 {
    padding-left: 12.5%
}

.u-pad-r-w2of16 {
    padding-right: 12.5%
}

.u-marg-l-w3of16 {
    margin-left: 18.75%
}

.u-marg-r-w3of16 {
    margin-right: 18.75%
}

.u-pad-l-w3of16 {
    padding-left: 18.75%
}

.u-w4of16 {
    width: 25%
}

.u-w5of16 {
    width: 31.25%
}

.txtblack{
    color: black!important;
}

.u-marg-l-w5of16 {
    margin-left: 31.25%
}

.u-w6of16 {
    width: 37.5%
}

.u-marg-l-w6of16 {
    margin-left: 37.5%
}

.u-w7of16 {
    width: 43.75%
}

.u-w8of16 {
    width: 50%
}

.u-w9of16 {
    width: 56.25%
}

.u-vw9of16 {
    width: 56.25vw
}

.u-w10of16 {
    width: 62.5%
}

.u-marg-l-w10of16 {
    margin-left: 62.5%
}

.u-w15of16 {
    width: 93.75%
}

.u-marg-l-w2of24 {
    margin-left: 8.333333333333334%
}

.u-marg-l-w3of24 {
    margin-left: 12.5%
}

.u-marg-l-w4of24 {
    margin-left: 16.666666666666668%
}

.u-w5of24 {
    width: 20.833333333333336%
}

.u-marg-l-w10of24 {
    margin-left: 41.66666666666667%
}

.u-w11of24 {
    width: 45.833333333333336%
}

.u-marg-l-w14of24 {
    margin-left: 58.333333333333336%
}

.u-marg-l-w16of24 {
    margin-left: 66.66666666666667%
}

.u-marg-l-w17of24 {
    margin-left: 70.83333333333334%
}

.u-w20of24 {
    width: 83.33333333333334%
}

.u-marg-r-w1of32 {
    margin-right: 3.125%
}

@media screen and (min-width: 2200px) {
    .u-pad-l-w1of10\@xxl {
        padding-left: 10%
    }

    .u-pad-r-w1of10\@xxl {
        padding-right: 10%
    }

    .u-marg-l-w3of10\@xxl {
        margin-left: 30%
    }

    .u-marg-l-w6of10\@xxl {
        margin-left: 60%
    }
}

@media screen and (min-width: 1600px) {
    .u-pad-l-w1of10\@xl {
        padding-left: 10%
    }

    .u-pad-r-w1of10\@xl {
        padding-right: 10%
    }

    .u-marg-l-w3of10\@xl {
        margin-left: 30%
    }

    .u-marg-l-w6of10\@xl {
        margin-left: 60%
    }
}

@media screen and (max-width: 1280px) {
    .u-pad-l-w1of10\@lg {
        padding-left: 10%
    }

    .u-pad-r-w1of10\@lg {
        padding-right: 10%
    }

    .u-marg-b-vh1of10\@lg {
        margin-bottom: 10vh
    }

    .u-marg-l-w3of10\@lg {
        margin-left: 30%
    }

    .u-marg-l-w6of10\@lg {
        margin-left: 60%
    }

    .u-marg-r-w2of16\@lg {
        margin-right: 12.5%
    }

    .u-w11of16\@lg {
        width: 68.75%
    }
}

@media screen and (max-width: 1024px) {
    .u-w1of2\@md {
        width: 50%
    }

    .u-w1of4\@md {
        width: 25%
    }

    .u-pad-l-w1of10\@md {
        padding-left: 10%
    }

    .u-pad-r-w1of10\@md {
        padding-right: 10%
    }

    .u-w3of10\@md {
        width: 30%
    }

    .u-marg-l-w3of10\@md {
        margin-left: 30%
    }

    .u-marg-l-w6of10\@md {
        margin-left: 60%
    }

    .u-w6of12\@md {
        width: 50%
    }

    .u-w4of13\@md {
        width: 30.76923076923077%
    }

    .u-pad-x-w1of14\@md {
        padding-right: 7.142857142857143%
    }

    .u-pad-x-w1of14\@md {
        padding-left: 7.142857142857143%
    }

    .u-marg-l-w2of14\@md {
        margin-left: 14.285714285714286%
    }

    .u-marg-l-w1of15\@md {
        margin-left: 6.666666666666667%
    }

    .u-w14of15\@md {
        width: 93.33333333333334%
    }

    .u-marg-l-w4of16\@md {
        margin-left: 25%
    }

    .u-w6of16\@md {
        width: 37.5%
    }

    .u-w8of16\@md {
        width: 50%
    }

    .u-w9of16\@md {
        width: 56.25%
    }

    .u-w10of16\@md {
        width: 62.5%
    }

    .u-w12of16\@md {
        width: 75%
    }
}

@media screen and (max-width: 770px) {
    .u-w1of2\@sm {
        width: 50%
    }

    .u-w2of2\@sm {
        width: 100%
    }

    .u-vw2of2\@sm {
        width: 100vw
    }

    .u-w1of3\@sm {
        width: 33.333333333333336%
    }

    .u-w1of4\@sm {
        width: 25%
    }

    .u-w3of4\@sm {
        width: 75%
    }

    .u-marg-t-vh2of8\@sm {
        margin-top: 25vh
    }

    .u-w9of9\@sm {
        width: 100%
    }

    .u-pad-l-w1of10\@sm {
        padding-left: 10%
    }

    .u-pad-r-w1of10\@sm {
        padding-right: 10%
    }

    .u-marg-l-w3of10\@sm {
        margin-left: 30%
    }

    .u-w6of10\@sm {
        width: 60%
    }

    .u-marg-l-w6of10\@sm {
        margin-left: 60%
    }

    .u-w10of10\@sm {
        width: 100%
    }

    .u-w12of12\@sm {
        width: 100%
    }

    .u-w13of13\@sm {
        width: 100%
    }

    .u-w14of14\@sm {
        width: 100%
    }

    .u-w5of15\@sm {
        width: 33.333333333333336%
    }

    .u-w15of15\@sm {
        width: 100%
    }

    .u-pad-l-w1of16\@sm {
        padding-left: 6.25%
    }

    .u-pad-r-w1of16\@sm {
        padding-right: 6.25%
    }

    .u-pad-x-w1of16\@sm {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .u-w8of16\@sm {
        width: 50%
    }

    .u-vw12of16\@sm {
        width: 75vw
    }

    .u-w16of16\@sm {
        width: 100%
    }

    .u-w24of24\@sm {
        width: 100%
    }
}

@media screen and (max-width: 360px) {
    .u-pad-l-w1of10\@xs {
        padding-left: 10%
    }

    .u-pad-r-w1of10\@xs {
        padding-right: 10%
    }

    .u-marg-l-w3of10\@xs {
        margin-left: 30%
    }

    .u-marg-l-w6of10\@xs {
        margin-left: 60%
    }
}

.u-force-3d {
    transform: translateZ(0)
}

@media screen and (max-width: 770px) {
    .u-flex-dir-col\@sm {
        flex-direction: column
    }
}

.u-pos-l {
    left: 0
}

.u-valign-items {
    align-items: center
}

.u-align-center {
    text-align: center
}

.u-align-right {
    text-align: right
}

.u-align-left {
    text-align: left
}

.u-flex {
    display: flex
}

.u-space-between {
    justify-content: space-between
}

.u-valign-top {
    vertical-align: top
}

.u-valign-bottom {
    vertical-align: bottom
}

.u-valign-middle {
    vertical-align: middle
}

.u-uppercase {
    text-transform: uppercase
}

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

.u-block {
    display: block
}

@media screen and (max-width: 770px) {
    .u-block\@sm {
        display: block
    }
}

.u-overflow-h {
    overflow: hidden
}

@media screen and (max-width: 770px) {
    .u-overflow-h\@sm {
        overflow: hidden
    }
}

.u-hide {
    display: none
}

@media screen and (max-width: 1024px) {
    .u-hide\@md {
        display: none
    }
}

@media screen and (max-width: 770px) {
    .u-hide\@sm {
        display: none
    }
}

.u-fit {
    width: 100%;
    height: 100%
}

.u-fit-w {
    width: 100%
}

.u-fit-h {
    height: 100%
}

.u-viewport-fit {
    width: 100vw;
    height: 100vh
}

.u-viewport-fit-w {
    width: 100vw
}

.u-viewport-fit-h {
    height: 100vh
}

.u-absolute {
    position: absolute
}

.u-fixed {
    position: fixed
}

.u-relative {
    position: relative
}

@media screen and (max-width: 1024px) {
    .u-relative\@md {
        position: relative
    }
}

@media screen and (max-width: 770px) {
    .u-relative\@sm {
        position: relative
    }
}

.u-pos-tl {
    top: 0;
    left: 0
}

.u-pos-y-center {
    top: 50%;
    transform: translateY(-50%)
}

.u-pos-r {
    right: 0
}

.u-pos-bl {
    bottom: 0;
    left: 0
}

.u-pos-br {
    bottom: 0;
    right: 0
}

.u-pos-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.u-cursor-grab.is-grabbing {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

@media screen and (min-width: 2200px) {
    .u-cursor-grab\@xxl.is-grabbing {
        cursor: grabbing;
        cursor: -webkit-grabbing
    }
}

@media screen and (min-width: 1600px) {
    .u-cursor-grab\@xl.is-grabbing {
        cursor: grabbing;
        cursor: -webkit-grabbing
    }
}

@media screen and (max-width: 1280px) {
    .u-cursor-grab\@lg.is-grabbing {
        cursor: grabbing;
        cursor: -webkit-grabbing
    }
}

@media screen and (max-width: 1024px) {
    .u-cursor-grab\@md.is-grabbing {
        cursor: grabbing;
        cursor: -webkit-grabbing
    }
}

@media screen and (max-width: 770px) {
    .u-cursor-grab\@sm.is-grabbing {
        cursor: grabbing;
        cursor: -webkit-grabbing
    }
}

@media screen and (max-width: 360px) {
    .u-cursor-grab\@xs.is-grabbing {
        cursor: grabbing;
        cursor: -webkit-grabbing
    }
}

.u-cursor-pointer {
    cursor: pointer
}

.u-cover {
    background-size: cover
}

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

.u-object-fit-cover {
    object-fit: cover;
    font-family: object-fit\: cover
}

.u-force-inline {
    white-space: nowrap
}

.u-force-inline__reset {
    white-space: normal
}

.u-color--white {
    color: #fff
}

.u-color--brand-blue-light {
    color: #9dcdff
}

.u-color--brand-blue-dark {
    color: #193452
}

.u-color--brand-blue {
    color: #3d88db
}

.u-color--brand-blue-link {
    color: #5194de
}

.u-color--brand-blue-electric {
    color: #05edfb
}

.u-color--brand-red {
    color: #b33232
}

.u-color--gray {
    color: #767e88
}

.u-bg--white {
    background-color: #fff
}

.u-bg--brand-blue-light {
    background-color: #9dcdff
}

.u-bg--brand-blue-dark {
    background-color: #193452
}

.u-bg--brand-blue {
    background-color: #3d88db
}

.u-bg--brand-blue-electric {
    background-color: #05edfb
}

.u-bg--gray {
    background-color: #767e88
}

.u-bg--gray-light {
    background-color: #f8f9fa
}

.u-marg-x-auto {
    margin-right: auto;
    margin-left: auto
}

.u-marg-b-xxs {
    margin-bottom: 5px
}

.u-marg-r-xs {
    margin-right: 10px
}

.u-marg-b-xs {
    margin-bottom: 10px
}

.u-marg-l-xs {
    margin-left: 10px
}

.u-marg-y-xs {
    margin-top: 10px;
    margin-bottom: 10px
}

.u-marg-r-sm {
    margin-right: 20px
}

.u-marg-b-sm {
    margin-bottom: 20px
}

.u-marg-l-sm {
    margin-left: 20px
}

.u-marg-r-md {
    margin-right: 35px
}

.u-marg-b-md {
    margin-bottom: 35px
}

.u-marg-l-md {
    margin-left: 35px
}

.u-marg-t-md-lg {
    margin-top: 60px
}

.u-marg-b-md-lg {
    margin-bottom: 60px
}

.u-marg-r-lg {
    margin-right: 85px
}

.u-marg-b-lg {
    margin-bottom: 85px
}

.u-marg-t-xl {
    margin-top: 140px
}

.u-marg-b-xl {
    margin-bottom: 140px
}

.u-marg-t-xxl {
    margin-top: 210px
}

@media screen and (max-width: 1280px) {
    .u-marg-r-sm\@lg {
        margin-right: 20px
    }
}

@media screen and (max-width: 1024px) {
    .u-marg-t-0\@md {
        margin-top: 0
    }

    .u-marg-l-0\@md {
        margin-left: 0
    }

    .u-marg-r-xs\@md {
        margin-right: 10px
    }

    .u-marg-b-xs\@md {
        margin-bottom: 10px
    }

    .u-marg-r-sm\@md {
        margin-right: 20px
    }

    .u-marg-l-sm\@md {
        margin-left: 20px
    }

    .u-marg-r-md\@md {
        margin-right: 35px
    }

    .u-marg-b-md\@md {
        margin-bottom: 35px
    }

    .u-marg-b-md-lg\@md {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 770px) {
    .u-marg-r-0\@sm {
        margin-right: 0
    }

    .u-marg-b-0\@sm {
        margin-bottom: 0
    }

    .u-marg-l-0\@sm {
        margin-left: 0
    }

    .u-marg-x-0\@sm {
        margin-right: 0;
        margin-left: 0
    }

    .u-marg-b-xs\@sm {
        margin-bottom: 10px
    }

    .u-marg-r-sm\@sm {
        margin-right: 20px
    }

    .u-marg-b-sm\@sm {
        margin-bottom: 20px
    }

    .u-marg-y-sm\@sm {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .u-marg-t-md\@sm {
        margin-top: 35px
    }

    .u-marg-r-md\@sm {
        margin-right: 35px
    }

    .u-marg-b-md\@sm {
        margin-bottom: 35px
    }

    .u-marg-b-md-lg\@sm {
        margin-bottom: 60px
    }

    .u-marg-b-lg\@sm {
        margin-bottom: 85px
    }

    .u-marg-b-xl\@sm {
        margin-bottom: 140px
    }
}

@media screen and (max-width: 360px) {
    .u-marg-r-xs\@xs {
        margin-right: 10px
    }

    .u-marg-b-md\@xs {
        margin-bottom: 35px
    }
}

.u-pad-t-xs {
    padding-top: 10px
}

.u-pad-r-xs {
    padding-right: 10px
}

.u-pad-l-xs, .u-pad-x-xs {
    padding-left: 10px
}

.u-pad-x-xs {
    padding-right: 10px
}

.u-pad-y-xs {
    padding-top: 10px;
    padding-bottom: 10px
}

.u-pad-t-sm {
    padding-top: 20px
}

.u-pad-r-sm {
    padding-right: 20px
}

.u-pad-b-sm {
    padding-bottom: 20px
}

.u-pad-l-sm, .u-pad-x-sm {
    padding-left: 20px
}

.u-pad-x-sm {
    padding-right: 20px
}

.u-pad-y-sm {
    padding-top: 20px;
    padding-bottom: 20px
}

.u-pad-t-md {
    padding-top: 35px
}

.u-pad-r-md {
    padding-right: 35px
}

.u-pad-b-md {
    padding-bottom: 35px
}

.u-pad-l-md, .u-pad-x-md {
    padding-left: 35px
}

.u-pad-x-md {
    padding-right: 35px
}

.u-pad-y-md {
    padding-top: 35px;
    padding-bottom: 35px
}

.u-pad-b-md-lg {
    padding-bottom: 60px
}

.u-pad-l-md-lg {
    padding-left: 60px
}

.u-pad-y-md-lg {
    padding-top: 60px;
    padding-bottom: 60px
}

.u-pad-t-lg {
    padding-top: 85px
}

.u-pad-b-lg {
    padding-bottom: 85px
}

.u-pad-x-lg {
    padding-left: 85px
}

.u-pad-x-lg {
    padding-right: 85px
}

.u-pad-y-lg {
    padding-top: 85px;
    padding-bottom: 85px
}

.u-pad-t-xl {
    padding-top: 140px
}

.u-pad-b-xl {
    padding-bottom: 140px
}

.u-pad-y-xl {
    padding-top: 140px;
    padding-bottom: 140px
}

.u-pad-t-xxl {
    padding-top: 210px
}

.u-pad-y-xxl {
    padding-top: 210px;
    padding-bottom: 210px
}

@media screen and (max-width: 1024px) {
    .u-pad-l-0\@md {
        padding-left: 0
    }

    .u-pad-x-0\@md {
        padding-left: 0;
        padding-right: 0
    }

    .u-pad-x-sm\@md {
        padding-left: 20px
    }

    .u-pad-x-sm\@md {
        padding-right: 20px
    }

    .u-pad-x-md\@md {
        padding-left: 35px
    }

    .u-pad-x-md\@md {
        padding-right: 35px
    }
}

@media screen and (max-width: 770px) {
    .u-pad-r-0\@sm {
        padding-right: 0
    }

    .u-pad-b-0\@sm {
        padding-bottom: 0
    }

    .u-pad-l-0\@sm {
        padding-left: 0
    }

    .u-pad-x-0\@sm {
        padding-left: 0;
        padding-right: 0
    }

    .u-pad-y-0\@sm {
        padding-top: 0;
        padding-bottom: 0
    }

    .u-pad-r-sm\@sm {
        padding-right: 20px
    }

    .u-pad-b-sm\@sm {
        padding-bottom: 20px
    }

    .u-pad-x-sm\@sm {
        padding-left: 20px
    }

    .u-pad-x-sm\@sm {
        padding-right: 20px
    }

    .u-pad-t-md\@sm {
        padding-top: 35px
    }

    .u-pad-b-md\@sm {
        padding-bottom: 35px
    }

    .u-pad-l-md\@sm, .u-pad-x-md\@sm {
        padding-left: 35px
    }

    .u-pad-x-md\@sm {
        padding-right: 35px
    }

    .u-pad-y-md\@sm {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .u-pad-y-md-lg\@sm {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .u-pad-t-lg\@sm {
        padding-top: 85px
    }

    .u-pad-b-lg\@sm {
        padding-bottom: 85px
    }

    .u-pad-y-lg\@sm {
        padding-top: 85px;
        padding-bottom: 85px
    }

    .u-pad-t-xl\@sm {
        padding-top: 140px
    }
}

@media screen and (max-width: 360px) {
    .u-pad-l-0\@xs {
        padding-left: 0
    }
}

.c-app.is-loading {
    cursor: wait
}

.c-page__hero {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(1.2) rotate(3deg) translateZ(0);
    transition: transform 4s cubic-bezier(.165, .84, .44, 1), opacity 1.5s;
    transition-delay: 1s, 1s
}

.is-ready .c-page__hero {
    opacity: 1;
    transform: scale(1) translateZ(0);
    transition-delay: 0s, 0s
}

.is-first-loading.is-ready .c-page__hero {
    transition-delay: .7s, .7s
}

.c-page__title {
    max-width: 600px
}

.c-page__title div {
    opacity: 0;
    transform: translateY(50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s;
    transition-delay: 2s
}

.is-ready .c-page__title div {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.is-ready .c-page__title div:first-child {
    transition-delay: .2s
}

.is-ready .c-page__title div:nth-child(2) {
    transition-delay: .3s
}

.is-ready .c-page__title div:nth-child(3) {
    transition-delay: .4s
}

.is-ready .c-page__title div:nth-child(4) {
    transition-delay: .5s
}

.is-ready .c-page__title div:nth-child(5) {
    transition-delay: .6s
}

.is-ready .c-page__title div:nth-child(6) {
    transition-delay: .7s
}

.is-first-loading.is-ready .c-page__title div:first-child {
    transition-delay: 1s
}

.is-first-loading.is-ready .c-page__title div:nth-child(2) {
    transition-delay: 1.1s
}

.is-first-loading.is-ready .c-page__title div:nth-child(3) {
    transition-delay: 1.2s
}

.is-first-loading.is-ready .c-page__title div:nth-child(4) {
    transition-delay: 1.3s
}

.is-first-loading.is-ready .c-page__title div:nth-child(5) {
    transition-delay: 1.4s
}

.is-first-loading.is-ready .c-page__title div:nth-child(6) {
    transition-delay: 1.5s
}

.c-page__light {
    background: linear-gradient(70deg, rgba(30, 87, 153, 0), rgba(107, 175, 255, .4) 70%, #6bafff)
}

.c-page__scroll__label {
    opacity: 0;
    transform: translateZ(0);
    transition: opacity .6s;
    transition-delay: .6s
}

.is-ready .c-page__scroll__label {
    opacity: 1
}

.is-first-loading.is-ready .c-page__scroll__label {
    transition-delay: 1.3s
}

.c-page__scroll__line {
    height: 60px;
    width: 2px;
    transform-origin: 0 100%;
    transform: scaleY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.86, 0, .07, 1);
    transition-delay: .7s
}

.is-ready .c-page__scroll__line {
    transform: scaleY(1) translateZ(0)
}

.is-first-loading.is-ready .c-page__scroll__line {
    transition-delay: 1.4s
}

@media screen and (max-width: 770px) {
    .c-page__scroll__line {
        height: 50px
    }
}

.c-page__scroll__line:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    animation: scrolLine 2s 1.7s infinite cubic-bezier(.86, 0, .07, 1) backwards;
    transform-origin: 0 100%
}

.c-page__scroll__line--dark:before {
    background: #193452
}

@keyframes scrolLine {
    0% {
        transform: translateY(-100%) scaleY(1) translateZ(0)
    }
    to {
        transform: translateY(0) scaleY(0) translateZ(0)
    }
}

.is-page-expertises .c-footer {
    border-top: 1px solid hsla(0, 0%, 100%, .3)
}

.c-footer__light {
    opacity: .4;
    background: linear-gradient(70deg, rgba(30, 87, 153, 0), rgba(107, 175, 255, .4) 70%, #6bafff)
}

.c-footer__container {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

@media screen and (max-width: 770px) {
    .c-footer__container {
        flex-direction: column
    }
}

@media screen and (max-width: 770px) {
    .c-footer__flex {
        flex-direction: column-reverse
    }
}

.c-footer__logo {
    max-width: 153px;
    min-width: 120px;
    opacity: .6
}

.c-footer__legals {
    opacity: .4
}

.c-footer__nav__link {
    opacity: .4;
    transform: translateZ(0);
    transition: opacity .5s
}

.c-footer__nav__link.is-active, .c-footer__nav__link:focus, .c-footer__nav__link:hover {
    opacity: 1
}

.c-footer__nav__link__ico {
    width: 18px;
    height: 18px
}

.c-header {
    top: 45px;
    z-index: 2
}

.c-header.is-sticky {
    top: 0;
    padding-top: 22px;
    padding-bottom: 22px;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transform: translateY(-115px) translateZ(0)
}

.c-header.is-sticky:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translateZ(0);
    transition: opacity .4s;
    transition-delay: 1s
}

.is-nav-active .c-header.is-sticky:before {
    opacity: 0;
    transition-delay: 0s
}

.c-header.is-sticky.is-active {
    transform: translateY(0) translateZ(0)
}

.c-header__logo {
    max-width: 153px;
    min-width: 120px;
    z-index: 1
}

.c-header__logo__clear, .c-header__logo__dark {
    transition: opacity 1s;
    transform: translateZ(0)
}

.c-header__logo__clear {
    opacity: 1
}

.is-dark .c-header__logo__clear {
    opacity: 0
}

.is-nav-active .c-header__logo__clear {
    opacity: 1
}

.c-header__logo__dark {
    opacity: 0
}

.is-dark .c-header__logo__dark {
    opacity: 1
}

.is-nav-active .c-header__logo__dark {
    opacity: 0
}

.c-header__burger, .c-header__nav {
    transform: translateY(-50%) translateZ(0);
    transition: opacity .4s
}

.c-header__burger-enter-active, .c-header__nav-enter-active {
    transition-delay: .2s
}

.c-header__burger-enter, .c-header__burger-leave-to, .c-header__nav-enter, .c-header__nav-leave-to {
    opacity: 0
}

.c-header__nav__list__item__link:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: .58;
    transform: scaleX(0) translateZ(0);
    transform-origin: 0 0;
    transition: transform .9s cubic-bezier(.86, 0, .07, 1)
}

.c-header__nav__list__item__link:focus:after, .c-header__nav__list__item__link:hover:after {
    transform: scaleX(1) translateZ(0)
}

.c-header__nav__list__item__link.is-active {
    font-family: adellesans_bold, sans-serif
}

.c-header__nav__list__item__link[data-line-color=gray]:after {
    background: #767e88
}

.c-header__btn__label {
    transition: opacity .5s, color 1s;
    transform: translateZ(0)
}

.is-dark .c-header__btn__label {
    color: #193452
}

.is-nav-active .c-header__btn__label {
    opacity: 0
}

.c-header__btn__bar {
    width: 25px;
    height: 2px;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-header__btn__bar:after, .c-header__btn__bar:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0);
    transition: opacity 1s
}

.c-header__btn__bar:before {
    background: #fff;
    opacity: 1
}

.is-dark .c-header__btn__bar:before {
    opacity: 0
}

.is-nav-active .c-header__btn__bar:before {
    opacity: 1
}

.c-header__btn__bar:after {
    background: #193452;
    opacity: 0
}

.is-dark .c-header__btn__bar:after {
    opacity: 1
}

.is-nav-active .c-header__btn__bar:after {
    opacity: 0
}

.c-header__btn__bar:first-child {
    margin-bottom: 6px;
    transform-origin: 50% 50%;
    transform: translateZ(0)
}

.is-nav-active .c-header__btn__bar:first-child {
    transform: translate(2px, -1px) rotate(-45deg) translateZ(0)
}

.c-header__btn__bar:nth-child(2) {
    transform-origin: 100% 0;
    transform: scaleX(.5) translateZ(0)
}

.c-header__btn:hover .c-header__btn__bar:nth-child(2) {
    transform: scaleX(1) translateZ(0)
}

.is-nav-active .c-header__btn:hover .c-header__btn__bar:nth-child(2), .is-nav-active .c-header__btn__bar:nth-child(2) {
    transform: rotate(45deg) scaleX(1) translateZ(0)
}

.c-loader {
    z-index: 2;
    transform: translateZ(0);
    transition: opacity .4s
}

.c-loader-enter, .c-loader-leave-to {
    opacity: 0
}

.is-first-loading .c-loader-leave-to {
    transition-delay: .9s
}

.c-loader__light {
    background: linear-gradient(70deg, rgba(30, 87, 153, 0), rgba(107, 175, 255, .4) 70%, #6bafff)
}

.c-loader__logo {
    opacity: 0;
    width: 220px;
    overflow: visible !important;
    transform: translateZ(0);
    transition: opacity .5s
}

.is-first-loading .c-loader__logo {
    opacity: 1
}

.c-loader-enter .c-loader__logo, .c-loader-leave-to .c-loader__logo {
    opacity: 0
}

.c-loader-leave-to .c-loader__logo {
    transition-delay: .2s
}

.c-loader__logo__symbol {
    transform-origin: 50% 50%;
    transform: translateZ(0);
    transition: transform 1.3s cubic-bezier(.23, 1, .32, 1), opacity .8s;
    transition-delay: .1s
}

.c-loader__logo__symbol:nth-child(2) {
    margin-left: 2px
}

.c-loader-enter .c-loader__logo__symbol {
    opacity: 0;
    transform: rotate(-30deg) translateZ(0)
}

.c-loader-leave-to .c-loader__logo__symbol {
    opacity: 0;
    transform: translateX(-50px) translateZ(0);
    transition-delay: 0s
}

.c-loader__logo__word {
    fill: #fff;
    transform: translateX(0) translateZ(0);
    transition: transform 1.2s cubic-bezier(.23, 1, .32, 1), opacity .5s;
    transition-delay: .3s
}

.c-loader-enter .c-loader__logo__word {
    opacity: 0;
    transform: translateX(50px) translateZ(0)
}

.c-loader-leave-to .c-loader__logo__word {
    opacity: 0;
    transform: translateX(-50px) translateZ(0);
    transition-delay: .1s
}

.c-loader__logo__letter {
    fill: #fff;
    transform: translateX(0) translateZ(0);
    transition: transform 1.2s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-loader__logo__letter:first-child {
    transition-delay: .3s
}

.c-loader__logo__letter:nth-child(2) {
    transition-delay: .33s
}

.c-loader__logo__letter:nth-child(3) {
    transition-delay: .36s
}

.c-loader__logo__letter:nth-child(4) {
    transition-delay: .39s
}

.c-loader__logo__letter:nth-child(5) {
    transition-delay: .42s
}

.c-loader__logo__letter:nth-child(6) {
    transition-delay: .45s
}

.c-loader__logo__letter:nth-child(7) {
    transition-delay: .48s
}

.c-loader__logo__letter:nth-child(8) {
    transition-delay: .51s
}

.c-loader-enter .c-loader__logo__letter {
    opacity: 0;
    transform: translateX(50px) translateZ(0)
}

.c-loader-leave-to .c-loader__logo__letter {
    opacity: 0;
    transform: translateX(-50px) translateZ(0)
}

.c-loader-leave-to .c-loader__logo__letter:first-child {
    transition-delay: .05s
}

.c-loader-leave-to .c-loader__logo__letter:nth-child(2) {
    transition-delay: .08s
}

.c-loader-leave-to .c-loader__logo__letter:nth-child(3) {
    transition-delay: .11s
}

.c-loader-leave-to .c-loader__logo__letter:nth-child(4) {
    transition-delay: .14s
}

.c-loader-leave-to .c-loader__logo__letter:nth-child(5) {
    transition-delay: .17s
}

.c-loader-leave-to .c-loader__logo__letter:nth-child(6) {
    transition-delay: .2s
}

.c-loader-leave-to .c-loader__logo__letter:nth-child(7) {
    transition-delay: .23s
}

.c-loader-leave-to .c-loader__logo__letter:nth-child(8) {
    transition-delay: .26s
}

.c-loader__logo__path {
    fill: transparent;
    stroke: #7da7e6;
    stroke-width: 6;
    transition: 2s cubic-bezier(.23, 1, .32, 1);
    stroke-dashoffset: 0
}

.c-loader__logo__symbol:nth-child(2) .c-loader__logo__path {
    stroke: #7da7e6
}

.c-loader__logo__symbol:nth-child(3) .c-loader__logo__path {
    stroke: #cff1fd
}

.c-loader__logo__path:first-child {
    stroke-dasharray: 289.3465576171875
}

.c-loader-enter .c-loader__logo__path:first-child, .c-loader-leave-to .c-loader__logo__path:first-child {
    stroke-dashoffset: 289.3465576171875
}

.is-ie .c-loader-enter .c-loader__logo__path:first-child, .is-ie .c-loader-leave-to .c-loader__logo__path:first-child {
    stroke-dashoffset: 0
}

.c-loader__logo__path:nth-child(2) {
    stroke-dasharray: 372.6188659667969
}

.c-loader-enter .c-loader__logo__path:nth-child(2), .c-loader-leave-to .c-loader__logo__path:nth-child(2) {
    stroke-dashoffset: 372.6188659667969
}

.is-ie .c-loader-enter .c-loader__logo__path:nth-child(2), .is-ie .c-loader-leave-to .c-loader__logo__path:nth-child(2) {
    stroke-dashoffset: 0
}

.c-loader__logo__path:nth-child(3) {
    stroke-dasharray: 528.9284057617188
}

.c-loader-enter .c-loader__logo__path:nth-child(3), .c-loader-leave-to .c-loader__logo__path:nth-child(3) {
    stroke-dashoffset: 528.9284057617188
}

.is-ie .c-loader-enter .c-loader__logo__path:nth-child(3), .is-ie .c-loader-leave-to .c-loader__logo__path:nth-child(3) {
    stroke-dashoffset: 0
}

.c-loader-enter-active .c-loader__logo__path {
    transition-delay: .25s
}

.c-loader-enter-active .c-loader__logo__symbol:first-child .c-loader__logo__path {
    transition-delay: .4s
}

.c-loader-enter-active .c-loader__logo__symbol:nth-child(2) .c-loader__logo__path {
    transition-delay: .55s
}

.c-page--about__box {
    padding-bottom: 40%
}

.c-page--about__box__image {
    opacity: 0;
    transform: scale(1.1) translateZ(0)
}

.c-page--about__box__image.is-in-viewport {
    opacity: 1;
    transform: scale(1) translateZ(0);
    transition: transform 8s cubic-bezier(.165, .84, .44, 1), opacity 1.5s
}

.c-page--about__values__big-text {
    font-size: 22vw;
    line-height: 1;
    opacity: .1
}

.c-page--about__intro__separator {
    width: 1px;
    height: 100px;
    background: #767e88
}

@media screen and (max-width: 770px) {
    .c-page--about__intro__separator {
        height: 1px;
        width: 100%
    }
}

.c-page-about__col {
    min-height: 150px
}

@media screen and (max-width: 770px) {
    .c-page-about__col {
        min-height: 0
    }
}

.c-page--about__intro__col {
    opacity: 0;
    transform: translateY(50px) translateZ(0);
    transition: opacity .5s, transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-page--about__intro__col.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.c-page--about__intro__col--last {
    transition-delay: .1s
}

.c-page--about__number {
    font-size: 7vw
}

@media screen and (min-width: 1600px) {
    .c-page--about__number {
        font-size: 100px;
        font-size: 6.25rem
    }
}

@media screen and (max-width: 770px) {
    .c-page--about__number {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.c-page--about__values__list__item {
    opacity: 0;
    transform: translateY(25px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-page--about__values__list__item.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.c-page--about__values__list__item:nth-of-type(3n+2) {
    transition-delay: .1s
}

.c-page--about__values__list__item:nth-of-type(3n+3) {
    transition-delay: .2s
}

.c-page--about__values__list__item__index {
    opacity: .5
}

.c-page--about__values__list__item__title {
    font-size: 2.3vw
}

@media screen and (min-width: 1600px) {
    .c-page--about__values__list__item__title {
        font-size: 35px;
        font-size: 2.1875rem
    }
}

@media screen and (max-width: 770px) {
    .c-page--about__values__list__item__title {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.c-about-slideshow__list__logo {
    max-width: 120px;
    opacity: 0;
    transform: translateZ(0)
}

.c-about-slideshow.is-active .c-about-slideshow__list__logo {
    opacity: 1;
    transition: opacity 1s
}

.c-canvas-line {
    transition: opacity .5s
}

.c-canvas-line-enter, .c-canvas-line-leave-to {
    opacity: 0
}

.c-canvas-line-enter-active {
    transition-delay: .4s
}

.c-canvas-line--inversed {
    transform: scaleX(-1) scaleY(-1) translateZ(0)
}

.c-pre-footer__ico {
    width: 40px
}

@media screen and (max-width: 770px) {
    .c-pre-footer__ico {
        width: 20px
    }
}

.c-pre-footer__underline:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: #3d88db;
    transform: scaleX(0) translateZ(0);
    transform-origin: 0 0;
    transition: transform 1s cubic-bezier(.86, 0, .07, 1)
}

.c-pre-footer:hover .c-pre-footer__underline:after {
    transform: scaleX(1) translateZ(0)
}

.c-scroll-anim--two-col {
    opacity: 0;
    transform: translateY(50px) translateZ(0)
}

.c-scroll-anim--two-col.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-scroll-anim--two-col.is-in-viewport:nth-child(2n+2) {
    transition-delay: .1s
}

.c-scroll-anim--three-col {
    opacity: 0;
    transform: translateY(50px) translateZ(0)
}

.c-scroll-anim--three-col.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-scroll-anim--three-col.is-in-viewport:nth-child(3n+3) {
    transition-delay: .1s
}

.c-scroll-anim--one-col {
    opacity: 0;
    transform: translateY(50px) translateZ(0)
}

.c-scroll-anim--one-col.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-article-thumbnail {
    width: 31.3%;
    transform: translateY(30px) translateZ(0)
}

@media screen and (max-width: 770px) {
    .c-article-thumbnail {
        width: 100%
    }
}

.is-in-viewport .c-article-thumbnail {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.is-in-viewport .c-article-thumbnail:nth-child(2) {
    transition-delay: .05s
}

.is-in-viewport .c-article-thumbnail:nth-child(3) {
    transition-delay: .1s
}

.c-article-thumbnail:nth-child(2) {
    margin-left: 3%;
    margin-right: 3%
}

@media screen and (max-width: 770px) {
    .c-article-thumbnail:nth-child(2) {
        margin-left: 0;
        margin-right: 0
    }
}

.c-article-thumbnail__poster {
    transform: scale(1) translateZ(0);
    transition: transform 5s cubic-bezier(.165, .84, .44, 1)
}

.c-article-thumbnail__link:hover .c-article-thumbnail__poster {
    transform: scale(1.05) translateZ(0)
}

.c-page--about-astillia__light {
    background: linear-gradient(135deg, rgba(69, 130, 199, .3), rgba(69, 130, 199, .1) 20%, rgba(69, 130, 199, 0) 70%)
}

.c-page--about-astillia__overlap {
    width: calc(6.25% * 10 + 85px);
    margin-left: calc(6.25% * 5 + 85px);
    margin-top: -195px;
    transform: translateY(50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-page--about-astillia__overlap:before {
    position: absolute;
    content: "";
    top: 20px;
    bottom: -20px;
    left: -20px;
    right: 100px;
    background: #05edfb;
    z-index: -1
}

@media screen and (max-width: 770px) {
    .c-page--about-astillia__overlap {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }
}

.c-page--about-astillia__overlap.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.c-page--about-astillia__overlap__border {
    border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.c-page--about-astillia__overlap__col__digit {
    font-size: 5vw
}

@media screen and (min-width: 1600px) {
    .c-page--about-astillia__overlap__col__digit {
        font-size: 80px;
        font-size: 5rem
    }
}

@media screen and (max-width: 770px) {
    .c-page--about-astillia__overlap__col__digit {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.c-page--about-astillia__list-bordered__item__desc {
    border-top: 2px solid rgba(61, 136, 219, .5)
}

.c-page--about-astillia__list-numbered__item__digit {
    font-size: 58px;
    font-size: 3.625rem
}

.c-case-accordeon__bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    text-decoration: none
}

.c-case-accordeon {
    transition: height .5s
}

.c-case-accordeon:first-child {
    border-top: 1px solid rgba(5, 237, 251, .3)
}

.c-case-accordeon:first-child.is-clear {
    border-color: rgba(225, 255, 255, .3)
}

.c-case-accordeon__top {
    padding-top: 15px;
    padding-bottom: 12px
}

.c-case-accordeon__top:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #05edfb;
    opacity: .3;
    transform-origin: 0 100%;
    transform: scaleY(.2) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-case-accordeon.is-clear .c-case-accordeon__top:after {
    background: #fff
}

.c-case-accordeon__top:hover:after {
    transform: scaleY(1) translateZ(0)
}

.c-case-accordeon__top__ico {
    width: 15px;
    height: 15px
}

.c-case-accordeon__top__ico__bar {
    width: 100%;
    height: 2px
}

.c-case-accordeon__top__ico__bar:nth-child(2) {
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%) rotate(90deg) translateZ(0);
    transition: transform .7s cubic-bezier(.23, 1, .32, 1)
}

.is-expanded .c-case-accordeon__top__ico__bar:nth-child(2) {
    transform: translate(-50%, -50%) rotate(0) translateZ(0)
}

.c-case-accordeon__bottom ul li {
    position: relative;
    padding-left: 50px
}

@media screen and (max-width: 770px) {
    .c-case-accordeon__bottom ul li {
        padding-left: 15px
    }
}

.c-case-accordeon__bottom ul li:before {
    content: "\2022   ";
    font-size: inherit;
    color: inherit;
    margin-right: 2px;
    margin-left: -11px
}

.c-page--about-lobelia__light {
    background: linear-gradient(135deg, rgba(69, 130, 199, .3), rgba(69, 130, 199, .1) 20%, rgba(69, 130, 199, 0) 70%)
}

.c-page--about-lobellia__overlap__content {
    width: calc(6.25% * 10 + 85px);
    margin-left: calc(6.25% * 5 + 85px);
    margin-top: -195px;
    transform: translateY(50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

@media screen and (max-width: 770px) {
    .c-page--about-lobellia__overlap__content {
        margin-top: 0
    }
}

.c-page--about-lobellia__overlap__content:before {
    position: absolute;
    content: "";
    top: 20px;
    bottom: -20px;
    left: -20px;
    right: 200px;
    background: #05edfb;
    z-index: -1
}

@media screen and (max-width: 770px) {
    .c-page--about-lobellia__overlap__content {
        width: 100%;
        margin-left: 0
    }
}

.c-page--about-lobellia__overlap__content.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.c-page--about-lobellia__overlap__content__border {
    border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.c-page--about-lobellia__overlap__content__col__digit {
    font-size: 5vw
}

@media screen and (min-width: 1600px) {
    .c-page--about-lobellia__overlap__content__col__digit {
        font-size: 80px;
        font-size: 5rem
    }
}

@media screen and (max-width: 770px) {
    .c-page--about-lobellia__overlap__content__col__digit {
        font-size: 45px;
        font-size: 2.8125rem
    }
}

.c-page--about-lobellia__list-numbered__item__digit {
    font-size: 58px;
    font-size: 3.625rem
}

.c-page--about-lobellia__list-bordered__item__desc {
    border-top: 2px solid rgba(61, 136, 219, .5)
}

.c-page--about-lobellia__schema {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.c-page--about-lobellia__schema__circle {
    border: 1px solid #fff;
    opacity: .1;
    border-radius: 50%
}

.c-page--about-lobellia__schema__item:nth-child(5), .c-page--about-lobellia__schema__item:nth-child(7) {
    transform: translateY(50%)
}

.c-page--about-lobellia__schema__item:nth-child(2) {
    transform: translateY(-50%)
}

.c-page--about-lobellia__schema__item__desc {
    font-size: 15px;
    font-size: .9375rem
}

@media screen and (max-width: 1280px) {
    .c-page--about-lobellia__schema__item__desc {
        font-size: 14px;
        font-size: .875rem
    }
}

.c-page--about-lobellia__schema__title {
    font-size: 30px;
    font-size: 1.875rem
}

@media screen and (max-width: 1024px) {
    .c-page--about-lobellia__schema__title {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

.c-page--about-lobellia__schema--mobile__dot {
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%
}

.c-page--about-lobellia__schema--mobile {
    display: none
}

@media screen and (max-width: 770px) {
    .c-page--about-lobellia__schema--mobile {
        display: block
    }
}

.c-page-article__wysiwyg p {
    margin: 0;
    line-height: 1;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.c-page-article__hero {
    opacity: 0;
    transform: scale(1.05) translateZ(0);
    transition: transform 5s cubic-bezier(.165, .84, .44, 1), opacity .5s
}

.is-ready .c-page-article__hero {
    opacity: 1;
    transform: scale(1) translateZ(0)
}

.c-page-article__wysiwyg p {
    line-height: 1.9;
    margin-bottom: 30px
}

.c-page-article__wysiwyg p strong {
    font-weight: 700
}

.c-page-article__wysiwyg a {
    color: #193452
}

.c-page-article__wysiwyg blockquote {
    position: relative;
    margin: 0;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .1em;
    color: #193452;
    font-family: adellesans_regular;
    padding-left: 25px;
    margin-left: -6.25vw;
    width: 80%;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 30px
}

.c-page-article__wysiwyg blockquote p {
    line-height: 1.6;
    margin-bottom: 0
}

.c-page-article__wysiwyg blockquote:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #193452
}

@media screen and (max-width: 770px) {
    .c-page-article__wysiwyg blockquote {
        width: 100%
    }
}

.c-page-article__footer__author {
    border-bottom: 1px solid rgba(25, 52, 82, .15)
}

.c-page-article__footer__ico {
    width: 18px;
    height: 18px
}

.c-video-youtube__poster {
    will-change: opacity;
    transform: translateZ(0);
    transition: opacity 1s
}

.c-video-youtube__poster:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #193452;
    opacity: .4
}

.is-started .c-video-youtube__poster {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s 0s, visibility 0s 3s
}

.c-video-youtube__big-play {
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%) translateZ(0);
    transition: opacity .5s
}

.c-video-youtube__big-play:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: scale(1) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-video-youtube__big-play:hover:before {
    transform: scale(1.1) translateZ(0)
}

.is-started .c-video-youtube__big-play {
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s, visibility 0s .5s
}

.c-video-youtube__big-play__ico {
    width: 15px;
    margin-left: 2px
}

.c-video-youtube__controls__play {
    width: 10px;
    height: 12px
}

.c-video-youtube__controls__play__ico {
    transform: translateZ(0)
}

.c-video-youtube__controls__play__ico:nth-child(2), .is-playing .c-video-youtube__controls__play__ico:first-child {
    opacity: 0
}

.is-playing .c-video-youtube__controls__play__ico:nth-child(2) {
    opacity: 1
}

.c-video-youtube__controls__fullscreen {
    width: 13px;
    height: 13px
}

.c-video-youtube__controls__fullscreen__ico {
    transform: translateZ(0)
}

.c-video-youtube__controls__fullscreen__ico:nth-child(2), .is-fullscreen .c-video-youtube__controls__fullscreen__ico:first-child {
    opacity: 0
}

.is-fullscreen .c-video-youtube__controls__fullscreen__ico:nth-child(2) {
    opacity: 1
}

.c-video-youtube__controls__seekbar {
    height: 10px;
    transform-origin: 0 100%;
    transform: scaleY(.5) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-video-youtube__controls__seekbar:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .2
}

.c-video-youtube__controls:hover .c-video-youtube__controls__seekbar {
    transform: scaleY(1) translateZ(0)
}

.c-video-youtube__controls__seekbar__track {
    transform-origin: 0 0
}

.c-page--careers__block__col {
    column-count: 2;
    column-gap: 35px
}

@media screen and (max-width: 1024px) {
    .c-page--careers__block__col {
        column-count: 1
    }
}

.c-page--careers__offers__list {
    transition: height .5s
}

.c-page--careers__offers__item {
    height: 475px;
    width: calc(33.33333% - 20px);
    opacity: 0;
    transform: translateY(50px) translateZ(0)
}

.c-page--careers__offers__item.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-page--careers__offers__item.is-in-viewport:nth-child(3n+2) {
    transition-delay: .1s
}

.c-page--careers__offers__item.is-in-viewport:nth-child(3n+3) {
    transition-delay: .2s
}

@media screen and (max-width: 1024px) {
    .c-page--careers__offers__item {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width: 770px) {
    .c-page--careers__offers__item {
        width: 100%
    }
}
/*
.c-page--careers__offers__item:nth-child(3n+2) {
    margin-left: 20px;
    margin-right: 20px
}
*/

.c-page--careers__offers__item{
    margin-left: 10px;
    margin-right: 10px;
}

.donotshow{
    display: none;
}


@media screen and (max-width: 1024px) {
    .c-page--careers__offers__item:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .c-page--careers__offers__item:nth-of-type(odd) {
        margin-right: 20px
    }
}

@media screen and (max-width: 770px) {
    .c-page--careers__offers__item:nth-of-type(odd) {
        margin-right: 0
    }
}

.c-page--careers__offers__item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .05;
    transform: translateZ(0);
    transition: opacity .4s
}

.c-page--careers__offers__item:hover:before {
    opacity: .1
}

.c-page--careers__offers__item__link {
    flex-direction: column
}

.c-page--careers__offers__item__link__block {
    flex: 1
}

.c-page--careers__offers__btn {
    transform: translateY(-10px) translateZ(0)
}

.c-page--careers__offers__btn:after, .c-page--careers__offers__btn:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: #fff
}

.c-page--careers__offers__btn:before {
    opacity: .5;
    transform: translateZ(0)
}

.c-page--careers__offers__btn:after {
    transform-origin: 0 0;
    transform: scaleX(0) translateZ(0);
    transition: transform 1s cubic-bezier(.86, 0, .07, 1)
}

.c-page--careers__offers__btn:hover:after {
    transform: scaleX(1) translateZ(0)
}

.is-list-expanded .c-page--careers__offers__btn {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility 0s .5s
}

.c-page--careers__contact__arrow {
    width: 40px;
    bottom: 8px;
    right: -72px
}

.c-page--careers__block__list__item:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #767e88;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 15px
}

.c-page--careers__block__logo {
    width: 230px;
    margin-left: -40px
}

.c-page--case-study__wysiwyg li, .c-page--case-study__wysiwyg p {
    margin: 0;
    line-height: 1;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.c-page--case-study__wysiwyg ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    text-decoration: none
}

.c-page--case-study__title {
    font-size: 60px;
    font-size: 3.75rem
}

@media screen and (max-width: 770px) {
    .c-page--case-study__title {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.c-page--case-study__logos {
    height: 35px
}

@media screen and (max-width: 770px) {
    .c-page--case-study__logos, .c-page--case-study__logos__item {
        height: auto
    }
}

.c-page--case-study__section__block:last-child {
    margin-bottom: 0
}

.c-page--case-study__wysiwyg ul {
    padding-left: 35px
}

.c-page--case-study__wysiwyg li, .c-page--case-study__wysiwyg p {
    line-height: 1.6
}

.c-page--case-study__wysiwyg li strong, .c-page--case-study__wysiwyg p strong {
    font-weight: 700
}

.c-page--case-study__wysiwyg li a, .c-page--case-study__wysiwyg p a {
    color: #193452
}

.c-page--case-study__wysiwyg li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px
}

@media screen and (max-width: 770px) {
    .c-page--case-study__wysiwyg li {
        padding-left: 15px
    }
}

.c-page--case-study__wysiwyg li:before {
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    background: #767e88;
    border-radius: 50%
}

.c-page--case-study__introduction p {
    line-height: 1.5;
    text-decoration-color: #9dcdff
}

@media screen and (max-width: 770px) {
    .c-page--case-study__introduction p {
        font-size: 23px;
        font-size: 1.4375rem
    }
}

.c-page--case-study__section__accordeon:last-child {
    border-bottom: 1px solid rgba(61, 136, 219, .3)
}

.c-page--case-study__section__border {
    border-top: 1px solid #05edfb
}

.c-page--case-study__section__steps__item {
    opacity: 0;
    transform: translateY(50px) translateZ(0)
}

.is-in-viewport .c-page--case-study__section__steps__item {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.is-in-viewport .c-page--case-study__section__steps__item:nth-child(2) {
    transition-delay: .1s
}

.is-in-viewport .c-page--case-study__section__steps__item:nth-child(3) {
    transition-delay: .2s
}

.c-page--case-study__section__steps__item__number {
    font-size: 100px;
    font-size: 6.25rem
}

.c-page--case-study__link__label {
    font-size: 30px;
    font-size: 1.875rem
}

.c-page--case-study__link__ico {
    width: 19px;
    bottom: 17px
}

.c-page--case-study__section__poster {
    width: calc(((100% - 85px) / 24) * 22)
}

@media screen and (max-width: 1024px) {
    .c-page--case-study__section__poster {
        width: calc(((100% - 35px) / 24) * 22)
    }
}

.c-page--contact__map:before {
    padding-bottom: 56.25%
}

@media screen and (max-width: 770px) {
    .c-page--contact__map:before {
        padding-bottom: 150%
    }
}

.c-page--contact__gradient {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))
}

.c-page--contact__mask-in {
    transform: translateX(100%) translateZ(0)
}

.c-page--contact__mask-out {
    transform: translateX(-100%) translateZ(0)
}

.c-page--contact__mask-in, .c-page--contact__mask-out {
    transition: transform 1s cubic-bezier(.86, 0, .07, 1);
    transition-delay: 1s
}

.is-ready .c-page--contact__mask-in, .is-ready .c-page--contact__mask-out {
    transform: translateX(0) translateZ(0);
    transition-delay: 0s
}

.c-contact-form__container__file-label, .c-contact-form__container__input, .c-contact-form__container__select, .c-contact-form__container__textarea {
    background: none;
    border-bottom: 1px solid rgba(25, 52, 82, .3)
}

.c-contact-form__container__file-label, .c-contact-form__container__input, .c-contact-form__container__select {
    height: 44px;
    padding-left: 0
}

.c-contact-form__container__informations {
    font-size: 9px;
    font-size: .5625rem;
    font-style: italic;
    top: 5px
}

.is-success .c-contact-form__container__informations {
    display: none
}

.c-contact-form__container__textarea {
    height: 215px;
    min-height: 215px;
    max-height: 215px;
    min-width: 100%
}

.is-page-contact .c-contact-form__container__textarea {
    height: 170px;
    min-height: 170px;
    max-height: 170px
}

.c-contact-form__container__select-ico {
    width: 16px;
    height: 8px
}

.c-contact-form__container__dl-ico {
    width: 11px;
    height: 17px
}

.c-contact-form__container__error-msg, .c-contact-form__container__success-msg {
    padding-top: 5px;
    display: none
}

.is-error .c-contact-form__container__error-msg, .is-success .c-contact-form__container__success-msg {
    display: block
}

.c-contact-form__success {
    opacity: 0;
    visibility: hidden;
    transform: translateZ(0)
}

.is-form-success .c-contact-form__success {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, opacity .5s
}

.c-contact-form__success__title {
    opacity: 0;
    transform: translateY(25px) translateZ(0)
}

.is-form-success .c-contact-form__success__title {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1) .3s, opacity .5s .3s
}

.c-page--offer__title {
    transform: translateX(-75px)
}

@media screen and (max-width: 1024px) {
    .c-page--offer__title {
        transform: translateX(-50px)
    }
}

@media screen and (max-width: 770px) {
    .c-page--offer__title {
        transform: translateX(0)
    }
}

.c-page--offer__title__ico {
    width: 75px;
    top: -9px
}

@media screen and (max-width: 1024px) {
    .c-page--offer__title__ico {
        width: 50px
    }
}

@media screen and (max-width: 770px) {
    .c-page--offer__title__ico {
        width: 40px;
        display: block
    }
}

.c-page--offer__list__item {
    margin-bottom: 5px
}

.c-page--offer__list__item:before {
    position: absolute;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    background: #9dcdff;
    top: 10px;
    left: 0;
    margin-left: 10px;
    border-radius: 50%
}

.c-page--offer__dots-overlap {
    transform: translateY(30%)
}

.c-page--offer__list-numbered-bordered__item__container {
    border-top: 2px solid rgba(61, 136, 219, .5)
}

.c-page--offer__list-bordered__item__desc {
    border-top: 1px solid #05edfb
}

.c-page--offer__list-numbered-bordered__item__digit, .c-page--offer__list-numbered__item__digit {
    font-size: 40px;
    font-size: 2.5rem
}

@media screen and (max-width: 770px) {
    .c-page--offer__list-numbered-bordered__item__digit, .c-page--offer__list-numbered__item__digit {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.c-page--offer__section:nth-of-type(2n) {
    background: #4173bb
}

.is-in-viewport .c-page--offer__steps__item {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.is-in-viewport .c-page--offer__steps__item:nth-child(2) {
    transition-delay: .1s
}

.is-in-viewport .c-page--offer__steps__item:nth-child(3) {
    transition-delay: .2s
}

.c-page--offer__steps__item__border {
    border-top: 2px solid hsla(0, 0%, 100%, .5)
}

.c-page--offer__steps__item__number {
    font-size: 100px;
    font-size: 6.25rem
}

.c-page--offer__pastille {
    border-radius: 13px;
    padding-top: 18px;
    padding-bottom: 18px
}

.c-page--offer__pastille--blue-dark {
    background: #003b9e;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}

.c-page--offer__pastille--blue-light {
    background: #4699e0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.c-page--offer__pastille--white {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.c-page--offer__pastille--blue-medium {
    background: #66b4ff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.c-page--offer__pastille__label {
    font-size: 1.6vw
}

@media screen and (min-width: 1600px) {
    .c-page--offer__pastille__label {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 770px) {
    .c-page--offer__pastille__label {
        font-size: 12px;
        font-size: .75rem
    }
}

.c-page--expertises__light {
    background: linear-gradient(45deg, rgba(30, 87, 153, 0), rgba(107, 175, 255, .4) 70%, #6bafff)
}

.c-page--expertises__light--bottom {
    background: linear-gradient(-90deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .1) 20%, hsla(0, 0%, 100%, 0) 50%)
}

.c-page--expertises__grid__row {
    height: 50px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.c-page--expertises__grid__row:nth-child(3), .c-page--expertises__grid__row:nth-child(5), .c-page--expertises__grid__row:nth-child(7), .c-page--expertises__grid__row:nth-child(9) {
    height: 20px
}

@media screen and (max-width: 770px) {
    .c-page--expertises__grid__row:first-child {
        height: 20px
    }
}

.c-page--expertises__grid__row:nth-child(11) {
    border-bottom: none
}

@media screen and (max-width: 770px) {
    .c-page--expertises__grid__row:nth-child(11) {
        height: 20px
    }
}

.c-page--expertises__grid__row__container {
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

.c-page--expertises__grid__row__container__cell {
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

.c-page--expertises__grid__row__container__item {
    border-radius: 13px;
    opacity: 0;
    transform: translateX(30px) translateZ(0)
}

.c-page--expertises__grid__row__container__item:after, .c-page--expertises__grid__row__container__item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 13px;
    transform: translateZ(0);
    transition: opacity .5s
}

.c-page--expertises__grid__row__container__item:after {
    opacity: 0;
    border: 1px solid #fff
}

.c-page--expertises__grid__row__container__item:hover:before {
    opacity: 0
}

.c-page--expertises__grid__row__container__item:hover:after {
    opacity: .24
}

.c-page--expertises__grid__row__container__item.is-in-viewport {
    opacity: 1;
    transform: translateX(0) translateZ(0);
    transition: opacity .5s, transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-page--expertises__grid__row:nth-child(2) .c-page--expertises__grid__row__container__item:before {
    background: #263ffe;
    box-shadow: 0 0 15px #000
}

.c-page--expertises__grid__row:nth-child(4) .c-page--expertises__grid__row__container__item:before {
    background: #006cff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.c-page--expertises__grid__row:nth-child(6) .c-page--expertises__grid__row__container__item:before {
    background: #26a1ff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.c-page--expertises__grid__row:nth-child(8) .c-page--expertises__grid__row__container__item:before {
    background: #34bfff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.c-page--expertises__grid__row:nth-child(10) .c-page--expertises__grid__row__container__item:before {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.c-page--expertises__grid__row__container__item__label {
    font-size: 1.5vw
}

@media screen and (min-width: 1600px) {
    .c-page--expertises__grid__row__container__item__label {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 770px) {
    .c-page--expertises__grid__row__container__item__label {
        font-size: 10px;
        font-size: .625rem
    }
}

.c-page--expertises__grid__row__container__item__circle {
    top: 6px;
    right: 6px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.c-page--expertises__grid__row:nth-child(10) .c-page--expertises__grid__row__container__item__circle {
    border-color: rgba(61, 136, 219, .1)
}

.c-page--expertises__grid__row__container__item__hover {
    transform: translateZ(0);
    transition: opacity .5s;
    opacity: 0
}

.c-page--expertises__grid__row__container__item:hover .c-page--expertises__grid__row__container__item__hover {
    opacity: 1
}

.c-page--expertises__grid__row__container__item__circle__ico {
    width: 8px;
    height: 8px
}

.c-page--expertises__grid__description {
    opacity: 0;
    transform: translateY(-50%) translateZ(0);
    transition: opacity .35s .3s
}

@media screen and (max-width: 770px) {
    .c-page--expertises__grid__description {
        top: 0;
        left: 0;
        transform: translateY(0) translateZ(0)
    }
}

.c-page--expertises__grid__description.is-active {
    opacity: 1;
    transition: opacity .4s .35s
}

.c-page--expertises__grid__description__line {
    transform: translateY(25px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transition-delay: .3s
}

.c-page--expertises__grid__description.is-active .c-page--expertises__grid__description__line {
    transform: translateY(0) translateZ(0)
}

.c-page--expertises__grid__description.is-active .c-page--expertises__grid__description__line:first-child {
    transition-delay: .35s
}

.c-page--expertises__grid__description.is-active .c-page--expertises__grid__description__line:nth-child(2) {
    transition-delay: .4s
}

.c-page--expertises__list__item__desc {
    min-height: 180px
}

@media screen and (max-width: 770px) {
    .c-page--expertises__list__item__desc {
        min-height: 0
    }
}

.c-page--expertises__grid__description__line__list__item:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #9dcdff;
    border-radius: 50%;
    vertical-align: middle;
    top: 10px;
    left: 0
}

.c-page--home__light {
    background: linear-gradient(70deg, rgba(30, 87, 153, 0), rgba(107, 175, 255, .4) 70%, #6bafff)
}

.c-page--home__counter {
    z-index: 1;
    opacity: 0;
    tranform: translateZ(0);
    transition: opacity .5s, color 1s
}

.c-page--home__counter.is-active {
    opacity: 1
}

.c-page--home__counter.is-white {
    color: #fff
}

.c-page--home__counter__container {
    height: 25px
}

.c-page--home__counter__digit {
    transition: transform 1.7s cubic-bezier(.23, 1, .32, 1)
}

.c-page-home__section {
    transform: translateY(100%) translateZ(0);
    transition: transform 1s cubic-bezier(.24, .59, .08, .95), visibility 0s 1s
}

.c-page-home__section.is-prev {
    transform: translateY(-100%) translateZ(0)
}

.c-page-home__section.is-active {
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.24, .59, .08, .95), visibility 0s 0s
}

.c-page-home__section__mask {
    transform: translateY(-100%) translateZ(0);
    transition: transform 1s cubic-bezier(.24, .59, .08, .95)
}

.c-page-home__section.is-prev .c-page-home__section__mask {
    transform: translateY(100%) translateZ(0)
}

.c-page-home__section.is-active .c-page-home__section__mask {
    transform: translateY(0) translateZ(0)
}

.c-page-home__section__title {
    transform: translateY(50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-page-home__section.is-prev .c-page-home__section__title {
    transform: translateY(-50px) translateZ(0)
}

.c-page-home__section.is-active .c-page-home__section__title {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.c-page-home__section__title strong {
    color: #9dcdff
}

.c-page-home__section__title div {
    opacity: 0;
    transform: translateY(50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-page-home__section.is-prev .c-page-home__section__title div {
    transform: translateY(-50px) translateZ(0)
}

.c-page-home__section.is-active .c-page-home__section__title div {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.c-page-home__section.is-active .c-page-home__section__title div:first-child {
    transition-delay: .2s, .2s
}

.c-page-home__section.is-active .c-page-home__section__title div:nth-child(2) {
    transition-delay: .3s, .3s
}

.c-page-home__section.is-active .c-page-home__section__title div:nth-child(3) {
    transition-delay: .4s, .4s
}

.c-page-home__section.is-active .c-page-home__section__title div:nth-child(4) {
    transition-delay: .5s, .5s
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__title div:first-child {
    transition-delay: .3s, .3s
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__title div:nth-child(2) {
    transition-delay: .2s, .2s
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__title div:nth-child(3) {
    transition-delay: .1s, .1s
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__title div:nth-child(4) {
    transition-delay: 0s, 0s
}

.c-page-home__section__block {
    opacity: 0;
    transform: translateY(50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-page-home__section.is-prev .c-page-home__section__block {
    transform: translateY(-50px) translateZ(0)
}

.c-page-home__section.is-active .c-page-home__section__block {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.c-page-home__section.is-active .c-page-home__section__block:first-child {
    transition-delay: .4s, .4s
}

.c-page-home__section.is-active .c-page-home__section__block:nth-child(2) {
    transition-delay: .5s, .5s
}

.c-page-home__section.is-active .c-page-home__section__block:nth-child(3) {
    transition-delay: .6s, .6s
}

.c-page-home__section.is-active .c-page-home__section__block:nth-child(4) {
    transition-delay: .7s, .7s
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__block--y:first-child {
    transition-delay: .2s, .2s
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__block--y:nth-child(2) {
    transition-delay: .3s, .3s
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__block--y:nth-child(3) {
    transition-delay: .4s, .4s
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__block--y:nth-child(4) {
    transition-delay: .5s, .5s
}

.c-page-home__section__block__desc {
    min-height: 130px
}

.c-page-home__section__subtitle {
    opacity: 0;
    transform: translateY(100px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-page-home__section.is-prev .c-page-home__section__subtitle {
    transform: translateY(-100px) translateZ(0)
}

.c-page-home__section.is-active .c-page-home__section__subtitle {
    opacity: 1;
    transform: translateY(0) translateZ(0)
}

.is-to-top .c-page-home__section.is-active .c-page-home__section__subtitle {
    transition-delay: .3s, .3s
}

.c-page-home__section__digit {
    font-size: 3.5vw;
    line-height: 1
}

@media screen and (min-width: 1600px) {
    .c-page-home__section__digit {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.c-page-home__section__col, .c-page-home__section__col__img {
    transition-delay: 1s
}

.c-page-home__section.is-active .c-page-home__section__col, .c-page-home__section.is-active .c-page-home__section__col__img {
    transform: translateX(0) translateZ(0);
    transition: transform 1.5s cubic-bezier(.24, .59, .08, .95) .5s
}

.c-page-home__section__col {
    transform: translateX(-100%) translateZ(0)
}

.c-page-home__section__col__img {
    transform: translateX(100%) translateZ(0)
}

.c-page-home__section__poster {
    transform: scale(1.05) translateZ(0);
    transition: transform 0s cubic-bezier(.165, .84, .44, 1) 1s
}

.c-page-home__section.is-active .c-page-home__section__poster {
    transform: scale(1) translateZ(0);
    transition: transform 7s cubic-bezier(.165, .84, .44, 1)
}

.c-page-home__section__poster__img {
    transform: translateY(50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-page-home__section.is-prev .c-page-home__section__poster__img {
    transform: translateY(-50px) translateZ(0)
}

.c-page-home__section.is-active .c-page-home__section__poster__img {
    transform: translateY(0) translateZ(0)
}

.c-page-home__section__article:nth-of-type(odd) {
    top: 100px
}

@media screen and (max-width: 770px) {
    .c-page-home__section__article:nth-of-type(odd) {
        top: 0
    }
}

.c-page-home__section__careers__arrow {
    width: 40px;
    bottom: 8px;
    right: -72px
}

.c-page-home__section__dot {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.c-page-home__section__dot:after, .c-page-home__section__dot:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.c-page-home__section__dot:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #548bdd;
    transform: scale(.3) translateZ(0);
    opacity: 0;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1) .4s, opacity .5s
}

.c-page-home__section__dot:after {
    width: 8px;
    height: 8px;
    top: 26px;
    left: 30px;
    margin-left: -4px;
    margin-right: -4px;
    background: #3d88db
}

.c-page-home__section__dot.is-active:before, .c-page-home__section__dot:hover:before {
    opacity: .2;
    transform: scale(1) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-page-home__section--offer__list__item, .c-page-home__section__dot {
    opacity: 0;
    transform: translateZ(0);
    transition: opacity 1s
}

.c-page-home__section.is-active .c-page-home__section--offer__list__item, .c-page-home__section.is-active .c-page-home__section__dot {
    opacity: 1;
    transition-delay: .8s
}

.c-page-home__section--offer__list__item {
    padding-left: 20px
}

@media screen and (max-width: 1024px) {
    .c-page-home__section--offer__list__item {
        padding-left: 35px
    }
}

@media screen and (max-width: 770px) {
    .c-page-home__section--offer__list__item {
        padding-left: 35px
    }
}

.c-page-home__section--offer__list__item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: hsla(213, 7%, 50%, .4);
    transform: scaleY(.5) translateZ(0);
    transform-origin: 0 0;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

@media screen and (max-width: 1024px) {
    .c-page-home__section--offer__list__item:before {
        display: none
    }
}

.c-page-home__section--offer__list__item.is-active:before {
    transform: scaleY(.9) translateZ(0)
}

.c-page-home__section--offer__list__item__content {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility 0s;
    transition-delay: 0s, .5s
}

@media screen and (max-width: 1024px) {
    .c-page-home__section--offer__list__item__content {
        opacity: 1;
        visibility: visible
    }
}

.c-page-home__section--offer__list__item.is-active .c-page-home__section--offer__list__item__content {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s, 0s
}

.c-page--job__wysiwyg li, .c-page--job__wysiwyg p {
    margin: 0;
    line-height: 1;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

@media screen and (max-width: 770px) {
    .c-page-job__intro {
        height: auto
    }
}

.c-page--job__block:last-child {
    margin-bottom: 0
}

.c-page--job__block__col {
    column-count: 2;
    column-gap: 35px
}

@media screen and (max-width: 770px) {
    .c-page--job__block__col {
        column-count: 1
    }
}

.c-page--job__wysiwyg li, .c-page--job__wysiwyg p {
    line-height: 1.9;
    color: #001e46;
    margin-bottom: 30px
}

.c-page--job__wysiwyg li strong, .c-page--job__wysiwyg p strong {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    color: #3d88db;
    font-family: adellesans_regular
}

.c-page--job__wysiwyg li {
    margin-bottom: 10px
}

.c-page--job__wysiwyg a {
    color: inherit
}

.c-page--job__wysiwyg--clear li, .c-page--job__wysiwyg--clear p {
    color: #a8d1ff
}

.c-page--job__wysiwyg--clear li strong, .c-page--job__wysiwyg--clear p strong {
    color: #05edfb
}

.c-page--job__ico {
    width: 70px;
    height: 70px;
    top: 5px
}

@media screen and (max-width: 1024px) {
    .c-page--job__ico {
        width: 55px;
        height: 55px
    }
}

.c-page--job__dot-overlap--top {
    transform: translateY(14%)
}

.c-page--job__dot-overlap--bottom {
    transform: translateY(-28%)
}

.c-nav {
    z-index: 1
}

.c-nav__bg {
    transform: translateZ(0)
}

.c-nav__bg__bar {
    height: calc(20% + 2px);
    transform-origin: 100% 0;
    transform: scaleX(1) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-nav-enter .c-nav__bg__bar, .c-nav-leave-to .c-nav__bg__bar {
    transform: scaleX(0) translateZ(0)
}

.c-nav__bg__bar:first-child {
    transition-delay: .2s
}

.c-nav__bg__bar:nth-child(2) {
    transition-delay: .15s;
    top: -2px
}

.c-nav__bg__bar:nth-child(3) {
    transition-delay: .1s;
    top: -3px
}

.c-nav__bg__bar:nth-child(4) {
    transition-delay: .05s;
    top: -5px
}

.c-nav__bg__bar:nth-child(5) {
    top: -6px
}

.c-nav-leave-to .c-nav__bg__bar {
    transform-origin: 0 0
}

.c-nav-leave-to .c-nav__bg__bar:first-child {
    transition-delay: .4s
}

.c-nav-leave-to .c-nav__bg__bar:nth-child(2) {
    transition-delay: .35s
}

.c-nav-leave-to .c-nav__bg__bar:nth-child(3) {
    transition-delay: .3s
}

.c-nav-leave-to .c-nav__bg__bar:nth-child(4) {
    transition-delay: .25s
}

.c-nav-leave-to .c-nav__bg__bar:nth-child(5) {
    transition-delay: .2s
}

.c-nav__bg__symbol {
    width: 100vw;
    left: 10vw;
    bottom: -10vw;
    opacity: .04;
    transition: transform 2s cubic-bezier(.165, .84, .44, 1), opacity .7s
}

.c-nav-enter .c-nav__bg__symbol, .c-nav-leave-to .c-nav__bg__symbol {
    opacity: 0;
    transform: scale(.9) rotate(-10deg) translateZ(0)
}

.c-nav-enter-active .c-nav__bg__symbol {
    transition-delay: .2s, .2s
}

@media screen and (max-width: 770px) {
    .c-nav__bg__symbol {
        width: 100vh;
        left: -10vh;
        bottom: 10vh
    }
}

.c-nav__list:nth-child(2) {
    top: -8px
}

@media screen and (max-width: 770px) {
    .c-nav__list:nth-child(2) {
        top: -4px
    }
}

.c-nav__list__item {
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-nav-enter .c-nav__list__item {
    opacity: 0;
    transform: translateY(50px) translateZ(0)
}

.c-nav-enter-active .c-nav__list__item:first-child {
    transition-delay: .25s
}

.c-nav-enter-active .c-nav__list__item:nth-child(2) {
    transition-delay: .28s
}

.c-nav-enter-active .c-nav__list__item:nth-child(3) {
    transition-delay: .31s
}

.c-nav-enter-active .c-nav__list__item:nth-child(4) {
    transition-delay: .34s
}

.c-nav-enter-active .c-nav__list__item:nth-child(5) {
    transition-delay: .37s
}

.c-nav-enter-active .c-nav__list__item:nth-child(6) {
    transition-delay: .4s
}

.c-nav-leave-to .c-nav__list__item {
    opacity: 0;
    transform: translateY(-50px) translateZ(0)
}

.c-nav-leave-to .c-nav__list__item:first-child {
    transition-delay: 0s
}

.c-nav-leave-to .c-nav__list__item:nth-child(2) {
    transition-delay: .03s
}

.c-nav-leave-to .c-nav__list__item:nth-child(3) {
    transition-delay: .06s
}

.c-nav-leave-to .c-nav__list__item:nth-child(4) {
    transition-delay: .09s
}

.c-nav-leave-to .c-nav__list__item:nth-child(5) {
    transition-delay: .12s
}

.c-nav-leave-to .c-nav__list__item:nth-child(6) {
    transition-delay: .15s
}

.c-nav__list__item__label {
    opacity: .5;
    transform: translateZ(0);
    transition: opacity .5s
}

.c-nav__list:first-child .c-nav__list__item__label {
    font-size: 30px;
    font-size: 1.875rem
}

@media screen and (max-width: 770px) {
    .c-nav__list:first-child .c-nav__list__item__label {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.c-nav__list__item__label:hover, .t-link.is-active .c-nav__list__item__label {
    opacity: 1
}

.c-page--news__block, .c-page--news__latest {
    transform: translateZ(0);
    transition: opacity .5s
}

.is-filtering .c-page--news__block, .is-filtering .c-page--news__latest {
    opacity: 0
}

.c-page--news__latest__poster {
    transform: scale(1) translateZ(0);
    transition: transform 5s cubic-bezier(.165, .84, .44, 1)
}

.c-page--news__latest__link:hover .c-page--news__latest__poster {
    transform: scale(1.05) translateZ(0)
}

.c-page--news__select__ico {
    width: 14px;
    height: 7px;
    top: 9px
}

.c-page--portfolio__background {
    transform: translateZ(0)
}

.c-page--portfolio__light {
    background: linear-gradient(-135deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .1) 20%, hsla(0, 0%, 100%, 0) 70%)
}

.c-page--portfolio__control {
    width: 7px;
    height: 15px;
    left: 93px
}

.c-page--portfolio__control:last-child {
    left: auto;
    right: 93px
}

@media screen and (max-width: 770px) {
    .c-page--portfolio__control:last-child {
        right: 53px
    }
}

@media screen and (max-width: 770px) {
    .c-page--portfolio__control {
        left: 53px
    }
}

.c-page--portfolio__bottom, .c-page--portfolio__top {
    transform: translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-page--portfolio__top__slide {
    height: 50vh;
    max-height: 450px;
    transform: translateZ(0)
}

@media screen and (max-width: 770px) {
    .c-page--portfolio__top__slide {
        height: 40vh
    }
}

.c-page--portfolio__top__slide:first-child {
    opacity: 0;
    transform: translateX(100px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s;
    transition-delay: 1s, 1s
}

.is-ready .c-page--portfolio__top__slide:first-child {
    opacity: 1;
    transform: translateX(0) translateZ(0);
    transition-delay: 0s, 0s
}

.c-page--portfolio__top__slide__link {
    transform-origin: 50% 50%
}

.c-page--portfolio__top__slide__link__poster {
    transform: scale(1) translateZ(0);
    transition: transform 5s cubic-bezier(.165, .84, .44, 1)
}

.c-page--portfolio__top__slide__link:hover .c-page--portfolio__top__slide__link__poster {
    transform: scale(1.05) translateZ(0)
}

.c-page--portfolio__bottom__slide:first-child, .c-page--portfolio__bottom__slide:nth-child(2) {
    opacity: 0;
    transform: translateX(100px) translateZ(0)
}

.is-ready .c-page--portfolio__bottom__slide:first-child, .is-ready .c-page--portfolio__bottom__slide:nth-child(2) {
    opacity: 1;
    transform: translateX(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.is-ready .c-page--portfolio__bottom__slide:first-child {
    transition-delay: .1s, .1s
}

.is-ready .c-page--portfolio__bottom__slide:nth-child(2) {
    transition-delay: .2s, .2s
}

@media screen and (max-width: 770px) {
    .c-page--portfolio__bottom__slide {
        text-align: center
    }
}

.c-page--portfolio__bottom__slide__content {
    transform: translateX(50%) translateZ(0)
}

@media screen and (max-width: 770px) {
    .c-page--portfolio__bottom__slide__content {
        transform: translateX(0) translateZ(0)
    }
}

.c-page--portfolio__bottom__slide__content__title {
    font-size: 3.5vw;
    line-height: 1
}

@media screen and (min-width: 1600px) {
    .c-page--portfolio__bottom__slide__content__title {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media screen and (max-width: 770px) {
    .c-page--portfolio__bottom__slide__content__title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.c-page--portfolio__dot {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.c-page--portfolio__dot:after, .c-page--portfolio__dot:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.c-page--portfolio__dot:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    transform: scale(1) translateZ(0);
    opacity: .1;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1) .4s, opacity .5s
}

.c-page--portfolio__dot:after {
    width: 8px;
    height: 8px;
    top: 26px;
    left: 30px;
    margin-left: -4px;
    margin-right: -4px;
    background: #fff
}

.c-page--team__members__item {
    opacity: 0;
    transform: translateY(50px) translateZ(0)
}

@media screen and (max-width: 770px) {
    .c-page--team__members__item:nth-of-type(2n) {
        top: 0
    }
}

.c-page--team__members__item.is-in-viewport {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .5s
}

.c-team-slideshow__slide {
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-team-slideshow__slide__img {
    transform: translateY(-70px);
    max-height: 70vh
}

@media screen and (max-width: 770px) {
    .c-team-slideshow__slide__img {
        transform: translateY(0)
    }
}

.c-team-slideshow__slide__img:before {
    padding-top: 150%
}

.c-team-slideshow__slide__description {
    line-height: 1.6
}

.c-team-slideshow__slide__description__quote {
    font-size: 60px;
    font-size: 3.75rem
}

@media screen and (max-width: 770px) {
    .c-team-slideshow__slide__description__quote {
        font-size: 50px;
        font-size: 3.125rem
    }
}

.c-team-slideshow__slide__description__quote:first-child {
    top: -20px
}

.c-team-slideshow__slide__description__quote:nth-child(2) {
    bottom: -50px
}

@media screen and (max-width: 770px) {
    .c-team-slideshow__slide__description__quote:nth-child(2) {
        bottom: -40px
    }
}

.c-team-slideshow__controls {
    transform: translateY(10px)
}

@media screen and (max-width: 770px) {
    .c-team-slideshow__controls {
        transform: translateY(0)
    }
}

.c-team-slideshow__controls__seekbar {
    height: 2px;
    width: calc(100% - 200px);
    background: #d5d6dd
}

.c-team-slideshow__controls__seekbar__track {
    transform-origin: 0 0;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-team-slideshow__controls__counter {
    tranform: translateZ(0)
}

.c-team-slideshow__controls__counter__container {
    height: 25px
}

.c-team-slideshow__controls__counter__digit {
    transition: transform 1.7s cubic-bezier(.23, 1, .32, 1)
}

.c-team-slideshow__controls__btn {
    width: 50px;
    height: 50px
}

.c-team-slideshow__controls__btn__ico {
    width: 7px
}

.c-page--404__light {
    background: linear-gradient(-135deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .1) 20%, hsla(0, 0%, 100%, 0) 70%)
}

.c-page--404__title {
    font-size: 25vw;
    line-height: 1
}

.notvisible{
    display: none;
}

.justify{
    text-align: justify;
}

.hide-mobile {
    display: block; /* ou flex, etc., ce que tu veux par défaut */
}

@media (max-width: 768px) {
    .hide-mobile {
        display: none;
    }
}

/* Affiché uniquement sur téléphone */
.show-mobile {
    display: none; /* par défaut caché sur desktop/tablette */
}

@media (max-width: 768px) {
    .show-mobile {
        display: block; /* ou flex selon ton besoin */
    }
}

@media screen and (min-width: 1600px) {
    .c-page--404__title {
        font-size: 370px;
        font-size: 23.125rem
    }
}