@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);



@font-face {

    font-family: Font Awesome;

    src: url(../webfonts/fa-brands-400.ttf) format('truetype'), url(../webfonts/fa-brands-400.woff) format('woff'), url(../webfonts/fa-brands-400.woff2) format('woff2'), url(../webfonts/fa-brands-400.svg) format('svg'), url(../webfonts/fa-brands-400.eot)

}



@font-face {

    font-family: Font Awesome;

    src: url(../webfonts/fa-regular-400.ttf) format('truetype'), url(../webfonts/fa-regular-400.woff) format('woff'), url(../webfonts/fa-regular-400.woff2) format('woff2'), url(../webfonts/fa-regular-400.svg) format('svg'), url(../webfonts/fa-regular-400.eot)

}



@font-face {

    font-family: Font Awesome;

    src: url(../webfonts/fa-solid-900.ttf) format('truetype'), url(../webfonts/fa-solid-900.woff) format('woff'), url(../webfonts/fa-solid-900.woff2) format('woff2'), url(../webfonts/fa-solid-900.svg) format('svg'), url(../webfonts/fa-solid-900.eot)

}



html {

    margin: 0;

    padding: 0

}



blockquote,

ol,

ul {

    margin: 0;

    padding: 0

}



ol li,

ul li {

    margin-bottom: 0

}



li {

    margin: 0;

    padding: 0;

    list-style: none

}



img {

    width: 100%;

    max-width: 100%;

    vertical-align: middle

}



a,

i {

    border: none

}



button {

    padding: 0

}



a {

    color: inherit

}



a:hover {

    text-decoration: none

}



button,

button:focus,

button:hover {

    border: none;

    background: 0 0

}



a:focus,

button:focus {

    outline: 0

}



table {

    border-spacing: 0;

    border-collapse: collapse

}



td,

th {

    padding: 5px;

    border: 1px solid #000;

    text-align: center

}



code,

pre {

    overflow-x: scroll;

    padding: 10px;

    padding-bottom: 0;

    border-left: 3px solid #6fbf71;

    border-bottom: 1px solid transparent

}



pre {

    display: block;

    word-break: break-all;

    word-wrap: break-word

}



pre code {

    white-space: pre-wrap

}



.hidden-box {

    overflow: hidden

}



.pointer-none {

    pointer-events: none

}



.border-radius-50perc {

    border-radius: 50%

}



.border-radius-10px {

    border-radius: 10px

}



.width-100perc {

    width: 100%

}



.height-100perc {

    height: 100%

}



.height-100vh {

    height: 100vh

}



.max-width-800 {

    width: 100%;

    max-width: 800px

}



.max-width-600 {

    width: 100%;

    max-width: 600px

}



.max-width-500 {

    width: 100%;

    max-width: 500px

}



.max-width-400 {

    width: 100%;

    max-width: 400px

}



.max-width-300 {

    width: 100%;

    max-width: 300px

}



.z-index-2 {

    z-index: 2

}



.bg-img-cover {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat

}



.d-inline-block {

    display: inline-block

}



.d-block {

    display: block !important

}



.d-flex {

    display: flex

}



.flex-center-center {

    align-items: center;

    justify-content: center

}



.flex-align-center {

    align-items: center

}



.flex-align-end {

    align-items: flex-end

}



.flex-justify-center {

    justify-content: center

}



.flex-justify-between {

    justify-content: space-between

}



.flex-wrap {

    flex-flow: wrap

}



.padding-top-bottom-150 {

    padding-top: 150px;

    padding-bottom: 150px

}



.padding-top-150 {

    padding-top: 150px

}



.padding-bottom-150 {

    padding-bottom: 150px

}



.padding-top-bottom-120 {

    padding-top: 120px;

    padding-bottom: 120px

}



.padding-top-120 {

    padding-top: 120px

}



.padding-bottom-120 {

    padding-bottom: 120px

}



.padding-top-bottom-100 {

    padding-top: 100px;

    padding-bottom: 100px

}



.padding-top-100 {

    padding-top: 100px

}



.padding-bottom-100 {

    padding-bottom: 100px

}



.padding-top-bottom-90 {

    padding-top: 90px;

    padding-bottom: 90px

}



.padding-top-90 {

    padding-top: 90px

}



.padding-bottom-90 {

    padding-bottom: 90px

}



.padding-top-bottom-80 {

    padding-top: 80px;

    padding-bottom: 80px

}



.padding-top-80 {

    padding-top: 80px

}



.padding-bottom-80 {

    padding-bottom: 80px

}



.padding-top-bottom-70 {

    padding-top: 70px;

    padding-bottom: 70px

}



.padding-top-70 {

    padding-top: 70px

}



.padding-bottom-70 {

    padding-bottom: 70px

}



.padding-top-bottom-60 {

    padding-top: 60px;

    padding-bottom: 60px

}



.padding-top-60 {

    padding-top: 60px

}



.padding-bottom-60 {

    padding-bottom: 60px

}



.padding-top-bottom-50 {

    padding-top: 50px;

    padding-bottom: 50px

}



.padding-top-50 {

    padding-top: 50px

}



.padding-bottom-50 {

    padding-bottom: 50px

}



.padding-top-bottom-40 {

    padding-top: 40px;

    padding-bottom: 40px

}



.padding-top-40 {

    padding-top: 40px

}



.padding-bottom-40 {

    padding-bottom: 40px

}



.padding-top-bottom-30 {

    padding-top: 30px;

    padding-bottom: 30px

}



.padding-top-30 {

    padding-top: 30px

}



.padding-bottom-30 {

    padding-bottom: 30px

}



.padding-top-bottom-20 {

    padding-top: 20px;

    padding-bottom: 20px

}



.padding-top-20 {

    padding-top: 20px

}



.padding-bottom-20 {

    padding-bottom: 15px

}



.padding-top-bottom-15 {

    padding-top: 15px;

    padding-bottom: 15px

}



.padding-top-15 {

    padding-top: 15px

}



.padding-bottom-15 {

    padding-bottom: 15px

}



.padding-top-bottom-10 {

    padding-top: 10px;

    padding-bottom: 10px

}



.padding-top-10 {

    padding-top: 10px

}



.padding-bottom-10 {

    padding-bottom: 10px

}



.padding-top-bottom-5 {

    padding-top: 5px;

    padding-bottom: 5px

}



.padding-top-5 {

    padding-top: 5px

}



.padding-bottom-5 {

    padding-bottom: 5px

}



.padding-top-bottom-1 {

    padding-top: 1px;

    padding-bottom: 1px

}



.padding-top-1 {

    padding-top: 1px

}



.padding-bottom-1 {

    padding-bottom: 1px

}



.padding-left-right-50 {

    padding-left: 50px;

    padding-right: 50px

}



.padding-left-50 {

    padding-left: 50px

}



.padding-right-50 {

    padding-right: 50px

}



.padding-left-right-40 {

    padding-left: 40px;

    padding-right: 40px

}



.padding-left-40 {

    padding-left: 40px

}



.padding-right-40 {

    padding-right: 40px

}



.padding-left-right-30 {

    padding-left: 30px;

    padding-right: 30px

}



.padding-left-30 {

    padding-left: 30px

}



.padding-right-30 {

    padding-right: 30px

}



.padding-left-right-20 {

    padding-left: 20px;

    padding-right: 20px

}



.padding-left-20 {

    padding-left: 20px

}



.padding-right-20 {

    padding-right: 20px

}



.padding-20 {

    padding: 20px

}



.margin-bottom-120 {

    margin-bottom: 120px

}



.margin-top-bottom-60 {

    margin-top: 60px;

    margin-bottom: 60px

}



.margin-top-90 {

    margin-top: 90px

}



.margin-top-60 {

    margin-top: 60px

}



.margin-bottom-60 {

    margin-bottom: 60px

}



.margin-top-bottom-50 {

    margin-top: 50px;

    margin-bottom: 50px

}



.margin-top-50 {

    margin-top: 50px

}



.margin-bottom-50 {

    margin-bottom: 50px

}



.margin-top-bottom-40 {

    margin-top: 40px;

    margin-bottom: 40px

}



.margin-top-40 {

    margin-top: 40px

}



.margin-bottom-40 {

    margin-bottom: 40px

}



.margin-top-bottom-30 {

    margin-top: 30px;

    margin-bottom: 30px

}



.margin-top-30 {

    margin-top: 30px

}



.margin-bottom-30 {

    margin-bottom: 30px

}



.margin-top-bottom-20 {

    margin-top: 20px;

    margin-bottom: 20px

}



.margin-top-20 {

    margin-top: 20px

}



.margin-bottom-20 {

    margin-bottom: 20px

}



.margin-top-bottom-10 {

    margin-top: 10px;

    margin-bottom: 10px

}



.margin-top-10 {

    margin-top: 10px

}



.margin-bottom-10 {

    margin-bottom: 10px

}



.margin-top-bottom-5 {

    margin-top: 5px;

    margin-bottom: 5px

}



.margin-top-5 {

    margin-top: 5px

}



.margin-bottom-5 {

    margin-bottom: 5px

}



.margin-top-bottom-1 {

    margin-top: 1px;

    margin-bottom: 1px

}



.margin-top-1 {

    margin-top: 1px

}



.margin-bottom-1 {

    margin-bottom: 1px

}



.margin-left-right-50 {

    margin-left: 50px;

    margin-right: 50px

}



.margin-left-50 {

    margin-left: 50px

}



.margin-right-50 {

    margin-right: 50px

}



.margin-left-right-40 {

    margin-left: 40px;

    margin-right: 40px

}



.margin-left-40 {

    margin-left: 40px

}



.margin-right-40 {

    margin-right: 40px

}



.margin-left-right-30 {

    margin-left: 30px;

    margin-right: 30px

}



.margin-left-30 {

    margin-left: 30px

}



.margin-right-30 {

    margin-right: 30px

}



.margin-left-right-20 {

    margin-left: 20px;

    margin-right: 20px

}



.margin-left-20 {

    margin-left: 20px

}



.margin-right-20 {

    margin-right: 20px

}



.margin-left-right-10 {

    margin-left: 10px;

    margin-right: 10px

}



.margin-left-10 {

    margin-left: 10px

}



.margin-right-10 {

    margin-right: 10px

}



.margin-20 {

    margin: 20px

}



.pos-rel {

    position: relative

}



.pos-abs {

    position: absolute

}



.pos-static {

    position: static !important

}



.pos-left-top {

    left: 20px;

    top: 20px

}



.pos-left-center {

    left: 20px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.pos-left-bottom {

    left: 20px;

    bottom: 20px

}



.pos-right-top {

    top: 20px;

    right: 20px

}



.pos-right-center {

    top: 50%;

    right: 20px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.pos-right-bottom {

    right: 20px;

    bottom: 20px

}



.pos-top-center {

    left: 50%;

    top: 20px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.pos-bottom-center {

    left: 50%;

    bottom: 20px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.pos-center-center {

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.pos-left-top-0px {

    left: 0;

    top: 0

}



.pos-left-center-0px {

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.pos-left-bottom-0px {

    left: 0;

    bottom: 0

}



.pos-right-top-0px {

    top: 0;

    right: 0

}



.pos-right-center-0px {

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.pos-right-bottom-0px {

    right: 0;

    bottom: 0

}



.pos-top-center-0px {

    left: 50%;

    top: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.pos-bottom-center-0px {

    left: 50%;

    bottom: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.container {

    width: calc(100% - 80px);

    max-width: 100%;

    margin-left: auto;

    margin-right: auto

}



.container.full {

    max-width: 100%

}



.container.small {

    max-width: 960px

}



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

    .container {

        width: calc(100% - 40px)

    }

}



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

    .container {

        width: calc(100% - 20px)

    }

}



.flex-container {

    display: flex;

    flex-flow: wrap

}



.flex-container.reverse {

    flex-flow: wrap-reverse

}



.eight-columns,

.eleven-columns,

.five-columns,

.four-columns,

.nine-columns,

.one-column,

.seven-columns,

.six-columns,

.ten-columns,

.three-columns,

.twelve-columns,

.two-columns {

    box-sizing: border-box

}



.one-column {

    flex-basis: 8.33%

}



.two-columns {

    flex-basis: 16.66%

}



.three-columns {

    flex-basis: 25%

}



.four-columns {

    flex-basis: 33.33%

}



.five-columns {

    flex-basis: 41.66%

}



.six-columns {

    flex-basis: 50%

}



.seven-columns {

    flex-basis: 58.33%

}



.eight-columns {

    flex-basis: 66.66%

}



.nine-columns {

    flex-basis: 75%

}



.ten-columns {

    flex-basis: 83.33%

}



.eleven-columns {

    flex-basis: 91.66%

}



.twelve-columns {

    flex-basis: 100%

}



.one-offset {

    margin-left: 8.33%

}



.two-offset {

    margin-left: 16.66%

}



.three-offset {

    margin-left: 25%

}



.four-offset {

    margin-left: 33.33%

}



.five-offset {

    margin-left: 41.66%

}



.six-offset {

    margin-left: 50%

}



.seven-offset {

    margin-left: 58.33%

}



.eight-offset {

    margin-left: 66.66%

}



.nine-offset {

    margin-left: 75%

}



.ten-offset {

    margin-left: 83.33%

}



.eleven-offset {

    margin-left: 91.66%

}



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

    .column-100-999 {

        flex-basis: 100% !important;

        margin-left: 0 !important

    }



    .column-50-999 {

        flex-basis: 50% !important;

        margin-left: 0 !important

    }

}



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



    .eight-columns,

    .eleven-columns,

    .five-columns,

    .four-columns,

    .nine-columns,

    .one-column,

    .seven-columns,

    .six-columns,

    .ten-columns,

    .three-columns,

    .twelve-columns,

    .two-columns {

        flex-basis: 100%

    }



    .always-6 {

        flex-basis: 50% !important

    }



    .eight-offset,

    .eleven-offset,

    .five-offset,

    .four-offset,

    .nine-offset,

    .one-offset,

    .seven-offset,

    .six-offset,

    .ten-offset,

    .three-offset,

    .two-offset {

        margin-left: 0

    }



    .column-50-999 {

        flex-basis: 100% !important

    }

}



.column-l-r-margin-40 {

    margin-left: 40px;

    margin-right: 40px

}



.column-r-margin-40 {

    margin-right: 40px

}



.column-l-margin-40 {

    margin-left: 40px

}



.column-l-r-margin-20 {

    margin-left: 20px;

    margin-right: 20px

}



.column-r-margin-20 {

    margin-right: 20px

}



.column-l-margin-20 {

    margin-left: 20px

}



.column-l-r-margin-10 {

    margin-left: 10px;

    margin-right: 10px

}



.column-r-margin-10 {

    margin-right: 10px

}



.column-l-margin-10 {

    margin-left: 10px

}



.column-l-r-margin-5 {

    margin-left: 5px;

    margin-right: 5px

}



.column-r-margin-5 {

    margin-right: 5px

}



.column-l-margin-5 {

    margin-left: 5px

}



.column-l-r-margin-40-999 {

    margin-left: 40px;

    margin-right: 40px

}



.column-l-margin-40-999 {

    margin-left: 40px

}



.column-r-margin-40-999 {

    margin-right: 40px

}



.column-l-margin-20-999 {

    margin-left: 20px

}



.column-r-margin-20-999 {

    margin-right: 20px

}



.column-l-r-margin-10-999 {

    margin-left: 10px;

    margin-right: 10px

}



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

    .column-l-r-margin-40-999 {

        margin-left: 0;

        margin-right: 0

    }



    .column-l-margin-40-999 {

        margin-left: 0

    }



    .column-r-margin-40-999 {

        margin-right: 0

    }



    .column-l-margin-20-999 {

        margin-left: 0

    }



    .column-r-margin-20-999 {

        margin-right: 0

    }



    .column-l-r-margin-10-999 {

        margin-left: 0;

        margin-right: 0

    }

}



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



    .column-l-r-margin-10,

    .column-l-r-margin-20,

    .column-l-r-margin-40,

    .column-l-r-margin-5 {

        margin-left: 0;

        margin-right: 0

    }



    .column-r-margin-10,

    .column-r-margin-20,

    .column-r-margin-40,

    .column-r-margin-5 {

        margin-right: 0

    }



    .column-l-margin-10,

    .column-l-margin-20,

    .column-l-margin-40,

    .column-l-margin-5 {

        margin-left: 0

    }

}



.flex-min-height-100vh {

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

    min-height: 100vh

}



body {

    background-color: #292929;

    color: #fff

}



:root {

    --bg-light: #f5f5f5;

    --bg-dark: #292929

}



.content-bg-light,

.section-bg-light,

.text-bg-light {

    background-color: var(--bg-light)

}



.content-bg-dark,

.section-bg-dark,

.text-bg-dark {

    background-color: var(--bg-dark)

}



.blog-content-bg {

    background-color: #f0f0f0

}



.text-color-white,

.text-color-white:before {

    color: #fff !important

}



.text-color-dadada,

.text-color-dadada:before {

    color: #dadada !important

}



.text-color-b0b0b0,

.text-color-b0b0b0:before {

    color: #b0b0b0 !important

}



.text-color-8a8a8a,

.text-color-8a8a8a:before {

    color: #8a8a8a !important

}



.text-color-e4e4e4,

.text-color-e4e4e4:before {

    color: #e4e4e4 !important

}



.text-color-bbbbbb,

.text-color-bbbbbb:before {

    color: #bbb !important

}



.text-color-979797,

.text-color-979797:before {

    color: #979797 !important

}



.text-color-black,

.text-color-black:before {

    color: #000 !important

}



.text-color-6d6d6d,

.text-color-6d6d6d:before {

    color: #6d6d6d !important

}



.text-color-888888,

.text-color-888888:before {

    color: #888 !important

}



.text-color-9b9b9b,

.text-color-9b9b9b:before {

    color: #9b9b9b !important

}



.text-color-6a6a6a,

.text-color-6a6a6a:before {

    color: #6a6a6a !important

}



.text-color-838383,

.text-color-838383:before {

    color: #838383 !important

}



.text-color-969696,

.text-color-969696:before {

    color: #969696 !important

}



.text-stroke-white {

    color: transparent;

    -webkit-text-stroke: 1px;

    -webkit-text-stroke-color: #fff

}



.text-stroke-black {

    color: transparent;

    -webkit-text-stroke: 1px;

    -webkit-text-stroke-color: #007791

}



.text-color-mix-blend {

    color: #fff

}



.tblack {

    color: #000

}



.text-hover-to-black,

.text-hover-to-white {

    transition: 1s cubic-bezier(.17, .85, .438, .99)

}



.text-hover-to-white:hover {

    color: #fff !important

}



.text-hover-to-black:hover {

    color: #000 !important

}



.half-bg-dark,

.half-bg-light {

    position: relative

}



.half-bg-dark:before,

.half-bg-light:before {

    content: '';

    width: 100%;

    height: 50%;

    position: absolute;

    left: 0;

    top: 0

}



.half-bg-light:before {

    background-color: var(--bg-light)

}



.half-bg-dark:before {

    background-color: var(--bg-dark)

}



.half-bg-borders-fix {

    position: relative

}



.half-bg-borders-fix:after,

.half-bg-borders-fix:before {

    content: '';

    width: 100%;

    height: 3px;

    position: absolute;

    left: 0;

    background-color: inherit

}



.half-bg-borders-fix:before {

    top: -1px

}



.half-bg-borders-fix:after {

    bottom: -1px

}



.half-bg-borders-fix.half-bg-borders-fix_only-bottom:before,

.half-bg-borders-fix.half-bg-borders-fix_only-top:after {

    content: normal

}



.preloader {

    overflow: hidden

}



.preloader.js-page-in-anim-active {

    overflow: visible;

    overflow-x: hidden

}



.has-scroll-smooth .preloader.js-page-in {

    overflow: hidden

}



.js-animsition-overlay {

    opacity: 1

}



.js-animsition-overlay-slide {

    background-color: transparent

}



.preloader:after,

.preloader:before,

.preloader__out-overlay:after,

.preloader__out-overlay:before {

    content: '';

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 99;

    background-color: #111517;

    transition: 1s cubic-bezier(.858, .01, .068, .99)

}



.preloader:after,

.preloader__out-overlay:after {

    z-index: 98;

    background-color: #000;

    opacity: .5;

    transition-delay: .13s

}



.preloader__out-overlay:after,

.preloader__out-overlay:before {

    -webkit-transform: translateX(105%);

    transform: translateX(105%);

    transition-delay: .13s

}



.preloader__out-overlay:after {

    transition-delay: 0s

}



.js-page-in.preloader:after,

.js-page-in.preloader:before {

    -webkit-transform: translateX(-105%);

    transform: translateX(-105%)

}



.js-page-out .preloader__out-overlay:after,

.js-page-out .preloader__out-overlay:before {

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.js-page-out.js-nav-active .preloader__out-overlay:after,

.js-page-out.js-nav-active .preloader__out-overlay:before {

    -webkit-transform: translateX(105%);

    transform: translateX(105%)

}



.preloader__loading {

    width: 100%;

    height: 100vh;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

    pointer-events: none;

    text-align: center;

    line-height: 100vh

}



.preloader__loading-anim {

    font-family: Roboto, sans-serif;

    font-size: 35px;

    font-weight: 300;

    letter-spacing: 5px;

    text-transform: uppercase

}



.preloader__loading-anim .char {

    color: transparent

}



.preloader__loading-anim .char:before {

    visibility: visible;

    color: #fff

}



.in .preloader__loading-anim .char {

    transition: 1s cubic-bezier(.19, .94, .336, 1);

    transition-delay: calc(.05s * var(--char-index))

}



.js-page-in .in .preloader__loading-anim .char {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px)

}



.out .preloader__loading-anim .char {

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

    transition: .8s cubic-bezier(.19, .94, .336, 1);

    transition-delay: calc(.05s * var(--char-index) + .8s)

}



.js-page-out .out .preloader__loading-anim .char {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.in .preloader__loading-anim .char:nth-last-child(1):before,

.in .preloader__loading-anim .char:nth-last-child(2):before,

.in .preloader__loading-anim .char:nth-last-child(3):before {

    -webkit-animation: .9s dot-anim cubic-bezier(.225, 1, .316, .99) infinite;

    animation: .9s dot-anim cubic-bezier(.225, 1, .316, .99) infinite

}



.js-page-in-anim-active .in .preloader__loading-anim .char:nth-last-child(1):before,

.js-page-in-anim-active .in .preloader__loading-anim .char:nth-last-child(2):before,

.js-page-in-anim-active .in .preloader__loading-anim .char:nth-last-child(3):before {

    -webkit-animation: none;

    animation: none

}



.in .preloader__loading-anim .char:nth-last-child(1):before {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



.in .preloader__loading-anim .char:nth-last-child(2):before {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



@-webkit-keyframes dot-anim {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



@keyframes dot-anim {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



.pointer {

    display: none

}



.cursor-anim-enable * {

    cursor: none !important

}



.cursor-anim-enable .pointer {

    display: block

}



.js-touch .cursor-anim-enable .pointer {

    display: none

}



.pointer {

    overflow: hidden;

    width: 75px;

    height: 75px;

    position: fixed;

    left: -100px;

    top: 50%;

    z-index: 9999;

    border-radius: 50%;

    pointer-events: none;

    box-sizing: border-box;

    background: #fff;

    mix-blend-mode: difference;

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    transition: -webkit-transform .5s cubic-bezier(.19, .94, .336, 1);

    transition: transform .5s cubic-bezier(.19, .94, .336, 1);

    transition: transform .5s cubic-bezier(.19, .94, .336, 1), -webkit-transform .5s cubic-bezier(.19, .94, .336, 1)

}



.js-page-in-anim-active .pointer {

    -webkit-transform: translate(-50%, -50%) scale(.4);

    transform: translate(-50%, -50%) scale(.4)

}



.js-page-in-anim-active .js-pointer.js-large {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1)

}



.js-page-in-anim-active .js-pointer.js-small {

    -webkit-transform: translate(-50%, -50%) scale(.2);

    transform: translate(-50%, -50%) scale(.2)

}



.js-page-in-anim-active .js-pointer.js-none {

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0)

}



.js-page-in-anim-active .js-pointer.js-drag,

.js-page-in-anim-active .js-pointer.js-zoom {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1)

}



body.js-page-in-anim-active.js-page-out .pointer {

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0)

}



.pointer__inner {

    position: absolute;

    left: 50%;

    top: 50%;

    opacity: 0;

    font-size: 25px;

    color: #000;

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    transition: .4s cubic-bezier(.17, .85, .438, .99)

}



.drag {

    font-family: Roboto, sans-serif;

    line-height: 1;

    font-size: 15px

}



.js-drag .pointer__inner.drag,

.js-zoom .pointer__inner.fa-search {

    opacity: 1;

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

    transition-delay: .2s

}



.fixed-header {

    opacity: 0

}



.js-page-in .fixed-header {

    opacity: 1

}



.header-logo {

    overflow: hidden;

    position: fixed;

    left: 40px;

    top: 20px;

    z-index: 10;

    pointer-events: none;

    background: #007791;

    padding:1px 20px 0 20px;

    height: auto

}



.js-page-in-out .header-logo {

    pointer-events: auto

}



.header-logo__box {

    overflow: hidden;

    display: inline-block;

    position: relative

}



.header-logo__img {

    width: auto;

    height: 38px;

    vertical-align: top;

    -webkit-transform: translateY(110%);

    transform: translateY(110%);

    transition: 1s cubic-bezier(.767, .01, .18, 1.01)

}



.js-page-in-out .header-logo__img {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    transition-delay: 1s

}



.menu-icon {

    width: 40px;

    position: fixed;

    top: 20px;

    right: 20px;

    z-index: 10;

    pointer-events: none;

    cursor: pointer

}



.color-mix-blend-normal.menu-icon {

    mix-blend-mode: normal

}



.js-page-in-out .menu-icon {

    pointer-events: auto

}



.menu-icon__box {

   /* overflow: hidden;*/

    width: 40px;

    height: 20px;

    position: relative

}



.menu-icon__box:before,

.menu-icon__inner:after,

.menu-icon__inner:before {

    content: '';

    width: 40px;

    height: 1px;

    position: absolute;

    left: 0;

    top: 50%;

    background-color: #fff;

    -webkit-transform: translateY(-50%) scaleX(0);

    transform: translateY(-50%) scaleX(0);

    -webkit-transform-origin: right;

    transform-origin: right;

    transition: 1s cubic-bezier(.767, .01, .18, 1.01);

    transition-delay: .1s

}



.menu-icon__inner:after,

.menu-icon__inner:before {

    top: 0;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    transition-delay: 0s

}



.menu-icon__inner:after {

    top: auto;

    bottom: 0;

    transition-delay: .2s

}



.js-page-in-out .menu-icon__box:before {

    -webkit-transform: translateY(-50%) scaleX(1);

    transform: translateY(-50%) scaleX(1);

    transition-delay: 1.1s

}



.menu-title {

    text-align: center;

    display: block;

    margin-top: 4px;

    text-transform: uppercase

}



.js-page-in-out .menu-icon__inner:after,

.js-page-in-out .menu-icon__inner:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    transition-delay: 1s

}



.js-page-in-out .menu-icon__inner:after {

    transition-delay: 1.2s

}



.js-nav-active.js-page-in-out .menu-icon__box:before {

    -webkit-transform: translateY(-50%) scaleX(0);

    transform: translateY(-50%) scaleX(0);

    transition-delay: .1s

}



.js-nav-active.js-page-in-out .menu-icon__inner:after,

.js-nav-active.js-page-in-out .menu-icon__inner:before {

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    transition-delay: 0s

}



.js-nav-active.js-page-in-out .menu-icon__inner:after {

    transition-delay: .2s

}



.menu-icon__close:after,

.menu-icon__close:before {

    content: '';

    width: 45px;

    height: 1px;

    position: absolute;

    left: 0;

    top: 0;

    background-color: #fff;

    -webkit-transform: rotate(25.5deg) scaleX(0);

    transform: rotate(25.5deg) scaleX(0);

    -webkit-transform-origin: left;

    transform-origin: left;

    transition: 1s cubic-bezier(.767, .01, .18, 1.01);

    transition-delay: 0s

}



.menu-icon__close:after {

    top: 19px;

    -webkit-transform: rotate(-25.5deg) scaleX(0);

    transform: rotate(-25.5deg) scaleX(0);

    transition-delay: .15s

}



.js-nav-active .menu-icon__close:before {

    -webkit-transform: rotate(25.5deg) scaleX(1);

    transform: rotate(25.5deg) scaleX(1);

    transition-delay: 1.15s

}



.js-nav-active .menu-icon__close:after {

    -webkit-transform: rotate(-25.5deg) scaleX(1);

    transform: rotate(-25.5deg) scaleX(1);

    transition-delay: 1s

}



.js-nav-active.js-page-out .menu-icon__close:before {

    -webkit-transform: rotate(25.5deg) scaleX(0);

    transform: rotate(25.5deg) scaleX(0);

    transition-delay: .15s

}



.js-nav-active.js-page-out .menu-icon__close:after {

    -webkit-transform: rotate(-25.5deg) scaleX(0);

    transform: rotate(-25.5deg) scaleX(0);

    transition-delay: 0s

}



@media only screen and (min-width:1000px) {

    .landing-page-header .menu-icon {

        display: none

    }

}



.nav-container {

    overflow: hidden;

    width: 100%;

    height: 100vh;

    min-height: 100vh;

    margin: 0;

    padding: 0;

    position: fixed;

    left: 100%;

    top: 0;

    z-index: 9;

    background-color: #111517;

    transition: 1s cubic-bezier(.858, .01, .068, .99);

    transition-delay: .7s

}



.js-nav-active .nav-container {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    transition-delay: .13s

}



.nav-overlay {

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 100%;

    z-index: 8;

    background-color: #000;

    opacity: .5;

    transition: 1s cubic-bezier(.858, .01, .068, .99);

    transition-delay: .83s

}



.js-nav-active .nav-overlay {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    transition-delay: 0s

}



.nav-box {

    height: 100%;

    position: relative

}



.menu-box {

    display: flex;

    flex-flow: column;

    align-items: flex-start;

    justify-content: center;

    width: 100%;

    height: 100%;

    position: relative

}



.nav-btn-box {

    overflow: hidden

}



.nav-btn {

    display: inline-block;

    margin: 0;

    padding: 0;

    cursor: pointer;

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%);

    transition: .8s cubic-bezier(.767, .01, .18, 1.01)

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(1) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(1) .nav-btn,

.nav-btn-box:nth-child(1) .nav-btn {

    transition-delay: 0s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(2) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(2) .nav-btn,

.nav-btn-box:nth-child(2) .nav-btn {

    transition-delay: .04s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(3) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(3) .nav-btn,

.nav-btn-box:nth-child(3) .nav-btn {

    transition-delay: .08s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(4) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(4) .nav-btn,

.nav-btn-box:nth-child(4) .nav-btn {

    transition-delay: .12s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(5) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(5) .nav-btn,

.nav-btn-box:nth-child(5) .nav-btn {

    transition-delay: .16s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(6) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(6) .nav-btn,

.nav-btn-box:nth-child(6) .nav-btn {

    transition-delay: .2s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(7) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(7) .nav-btn,

.nav-btn-box:nth-child(7) .nav-btn {

    transition-delay: .24s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(8) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(8) .nav-btn,

.nav-btn-box:nth-child(8) .nav-btn {

    transition-delay: .28s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(9) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(9) .nav-btn,

.nav-btn-box:nth-child(9) .nav-btn {

    transition-delay: .32s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(10) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(10) .nav-btn,

.nav-btn-box:nth-child(10) .nav-btn {

    transition-delay: .36s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(11) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(11) .nav-btn,

.nav-btn-box:nth-child(11) .nav-btn {

    transition-delay: .4s

}



.nav-btn-box .nav-btn-box .nav-btn-box:nth-child(12) .nav-btn,

.nav-btn-box .nav-btn-box:nth-child(12) .nav-btn,

.nav-btn-box:nth-child(12) .nav-btn {

    transition-delay: .44s

}



.js-nav-active .nav-btn {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    transition: 1.5s cubic-bezier(.225, 1, .316, .99)

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(1) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(1) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(1) .nav-btn {

    transition-delay: 1s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(2) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(2) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(2) .nav-btn {

    transition-delay: 1.1s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(3) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(3) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(3) .nav-btn {

    transition-delay: 1.2s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(4) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(4) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(4) .nav-btn {

    transition-delay: 1.3s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(5) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(5) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(5) .nav-btn {

    transition-delay: 1.4s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(6) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(6) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(6) .nav-btn {

    transition-delay: 1.5s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(7) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(7) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(7) .nav-btn {

    transition-delay: 1.6s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(8) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(8) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(8) .nav-btn {

    transition-delay: 1.7s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(9) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(9) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(9) .nav-btn {

    transition-delay: 1.8s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(10) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(10) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(10) .nav-btn {

    transition-delay: 1.9s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(11) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(11) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(11) .nav-btn {

    transition-delay: 2s

}



.js-nav-active .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(12) .nav-btn,

.js-nav-active .nav-btn-box .nav-btn-box:nth-child(12) .nav-btn,

.js-nav-active .nav-btn-box:nth-child(12) .nav-btn {

    transition-delay: 2.1s

}



.js-nav-active.js-page-out .nav-container .nav-btn {

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%);

    transition: 1s cubic-bezier(.76, .06, .85, .07)

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(1) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(1) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(1) .nav-btn {

    transition-delay: 0s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(2) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(2) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(2) .nav-btn {

    transition-delay: .04s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(3) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(3) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(3) .nav-btn {

    transition-delay: .08s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(4) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(4) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(4) .nav-btn {

    transition-delay: .12s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(5) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(5) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(5) .nav-btn {

    transition-delay: .16s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(6) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(6) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(6) .nav-btn {

    transition-delay: .2s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(7) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(7) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(7) .nav-btn {

    transition-delay: .24s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(8) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(8) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(8) .nav-btn {

    transition-delay: .28s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(9) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(9) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(9) .nav-btn {

    transition-delay: .32s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(10) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(10) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(10) .nav-btn {

    transition-delay: .36s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(11) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(11) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(11) .nav-btn {

    transition-delay: .4s

}



.js-nav-active.js-page-out .nav-btn-box .nav-btn-box .nav-btn-box:nth-child(12) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box .nav-btn-box:nth-child(12) .nav-btn,

.js-nav-active.js-page-out .nav-btn-box:nth-child(12) .nav-btn {

    transition-delay: .44s

}



.nav-btn__inner {

    margin: 0;

    padding: 0;

    font-family: Roboto, sans-serif;

    font-size: 60px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 5px;

    text-transform: uppercase

}



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

    .header-logo {

        width: 37.8%

    }

}



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

    .header-logo {

        width: 37.03%

    }

}



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

    .header-logo {

        width: 36.5%

    }

}



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

    .header-logo {

        width: 36.3%

    }

}



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

    .header-logo {

        width: 35.9%

    }

}



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

    .header-logo {

        width: 34.42%

    }

}



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

    .header-logo {

        width: auto

    }

}



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

    .nav-btn__inner {

        font-size: 50px

    }

}



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

    .nav-btn__inner {

        font-size: 45px

    }

}



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

    .nav-btn__inner {

        font-size: 40px

    }

}



@media only screen and (max-width:999px) and (orientation:landscape) {

    .nav-btn__inner {

        font-size: 33px

    }

}



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

    .nav-btn__inner {

        font-size: 38px

    }

}



@media only screen and (max-width:767px) and (orientation:landscape) {

    .nav-btn__inner {

        font-size: 24px

    }

}



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

    .nav-btn__inner {

        font-size: 34px

    }

}



@media only screen and (max-width:549px) and (orientation:landscape) {

    .nav-btn__inner {

        font-size: 22px

    }

}



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

    .nav-btn__inner {

        font-size: 30px

    }

}



.nav-btn__inner {

    position: relative;

    white-space: nowrap;

    color: transparent;

    -webkit-text-stroke: 1px;

    -webkit-text-stroke-color: #fff

}



.nav-btn__inner:before {

    content: attr(data-text);

    overflow: hidden;

    width: 0%;

    position: absolute;

    left: 0;

    top: 50%;

    z-index: 2;

    color: #fff;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: 1s cubic-bezier(.225, 1, .316, .99)

}



.nav-btn:hover .nav-btn__inner:before {

    width: 100%

}



.dropdown {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    pointer-events: none

}



.dropdown_2lvl {

    z-index: 3;

    pointer-events: none

}



.js-dropdown-is-active-2lvl.dropdown_2lvl {

    pointer-events: auto

}



.menu-box.dropdown {

    align-items: flex-end

}



.js-dropdown.js-dropdown-is-active {

    pointer-events: auto

}



.js-dropdown-is-active-2lvl .js-dropdown.js-dropdown-is-active {

    pointer-events: none

}



.dropdown-close {

    overflow: hidden;

    width: 60px;

    height: 30px;

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    pointer-events: none

}



.js-nav-active .js-dropdown-is-active .dropdown-close {

    pointer-events: auto

}



.dropdown-close__inner {

    overflow: hidden;

    width: 100%;

    height: 100%;

    position: relative;

    cursor: pointer;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    transition: .5s cubic-bezier(.17, .85, .438, .99)

}



.js-nav-active .js-dropdown-is-active .dropdown-close__inner {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    transition: 1s cubic-bezier(.17, .85, .438, .99);

    transition-delay: 1s

}



.js-nav-active.js-page-out .js-dropdown-is-active .dropdown-close__inner {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    transition: 1s cubic-bezier(.17, .85, .438, .99);

    transition-delay: .5s

}



.dropdown-close__arrow {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 3;

    -webkit-transform: translateX(22px);

    transform: translateX(22px);

    transition: .7s cubic-bezier(.17, .85, .438, .99)

}



.dropdown-close:hover .dropdown-close__arrow {

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.dropdown-close__arrow:before {

    content: '';

    display: block;

    width: 7px;

    height: 7px;

    position: absolute;

    left: 1px;

    top: 11px;

    border-left: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.dropdown-close__arrow:after {

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    left: 0;

    top: 50%;

    background-color: #fff;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transform-origin: left;

    transform-origin: left

}



.dropdown-close__inner:before {

    content: '';

    width: 1px;

    height: 50%;

    position: absolute;

    top: 50%;

    right: 0;

    background-color: #fff;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: top;

    transform-origin: top;

    transition: .5s cubic-bezier(.17, .85, .438, .99)

}



.dropdown-close:hover .dropdown-close__inner:before {

    -webkit-transform: scaleY(0);

    transform: scaleY(0)

}



.js-dropdown-close,

.js-dropdown-close-2lvl {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.js-dropdown-close-2lvl {

    z-index: 2;

    pointer-events: none

}



.js-dropdown-is-active-2lvl .js-dropdown-close-2lvl {

    pointer-events: auto

}



.js-dropdown .nav-btn__inner {

    display: inline-block;

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%);

    transition: 1s cubic-bezier(.767, .01, .18, 1.01)

}



.js-dropdown.js-dropdown-is-active .nav-btn__inner {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.dropdown-hidden-btn .nav-btn__inner {

    display: inline-block;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    transition: 1s cubic-bezier(.767, .01, .18, 1.01)

}



.js-dropdown-is-active .dropdown-hidden-btn .nav-btn__inner {

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%)

}



.js-dropdown-is-active .dropdown-hidden-btn {

    pointer-events: none

}



.dropdown .dropdown_2lvl .nav-btn__inner {

    display: inline-block;

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%);

    transition: 1s cubic-bezier(.767, .01, .18, 1.01)

}



.dropdown .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn__inner {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.js-dropdown-is-active.js-dropdown-is-active-2lvl .dropdown-2lvl-hidden-btn .nav-btn__inner {

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%)

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(1) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(1) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(1) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(1) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: 0s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(2) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(2) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(2) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(2) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .1s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(3) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(3) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(3) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(3) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .2s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(4) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(4) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(4) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(4) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .3s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(5) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(5) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(5) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(5) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .4s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(6) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(6) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(6) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(6) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .5s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(7) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(7) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(7) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(7) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .6s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(8) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(8) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(8) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(8) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .7s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(9) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(9) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(9) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(9) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .8s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(10) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(10) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(10) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(10) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: .9s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(11) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(11) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(11) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(11) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: 1s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl .nav-btn-box:nth-last-child(12) .nav-btn__inner,

.js-dropdown .nav-btn-box:nth-last-child(12) .nav-btn__inner,

.js-dropdown-is-active .nav-btn-box:nth-last-child(12) .dropdown-hidden-btn .nav-btn__inner,

.js-dropdown-is-active-2lvl .js-dropdown .nav-btn-box:nth-last-child(12) .dropdown-2lvl-hidden-btn .nav-btn__inner {

    transition-delay: 1.1s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(1) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(1) .nav-btn__inner,

.nav-btn-box:nth-last-child(1) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: .6s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(2) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(2) .nav-btn__inner,

.nav-btn-box:nth-last-child(2) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: .7s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(3) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(3) .nav-btn__inner,

.nav-btn-box:nth-last-child(3) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: .8s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(4) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(4) .nav-btn__inner,

.nav-btn-box:nth-last-child(4) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: .9s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(5) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(5) .nav-btn__inner,

.nav-btn-box:nth-last-child(5) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: 1s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(6) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(6) .nav-btn__inner,

.nav-btn-box:nth-last-child(6) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: 1.1s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(7) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(7) .nav-btn__inner,

.nav-btn-box:nth-last-child(7) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: 1.2s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(8) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(8) .nav-btn__inner,

.nav-btn-box:nth-last-child(8) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: 1.3s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(9) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(9) .nav-btn__inner,

.nav-btn-box:nth-last-child(9) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: 1.4s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(10) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(10) .nav-btn__inner,

.nav-btn-box:nth-last-child(10) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: 1.5s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(11) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(11) .nav-btn__inner,

.nav-btn-box:nth-last-child(11) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: 1.6s

}



.dropdown.js-dropdown-is-active .dropdown_2lvl.js-dropdown-is-active-2lvl .nav-btn-box:nth-last-child(12) .nav-btn__inner,

.js-dropdown.js-dropdown-is-active .nav-btn-box:nth-last-child(12) .nav-btn__inner,

.nav-btn-box:nth-last-child(12) .dropdown-hidden-btn .nav-btn__inner {

    transition-delay: 1.7s

}



.nav-bg-box {

    overflow: hidden;

    width: 70%;

    height: 80%;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: -2;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.nav-bg {

    width: 100%;

    height: 100%;

    pointer-events: none;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    opacity: 0;

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    transition: 1s cubic-bezier(.19, .94, .336, 1)

}



.js-nav-bg-change.js-nav-bg-active .nav-bg {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.nav-bg-overlay-box:before {

    content: '';

    width: 72%;

    height: 82%;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: -1;

    background-color: #111517;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    transition: .7s cubic-bezier(.858, .01, .068, .99);

    transition-delay: 0s

}



.js-nav-active .nav-bg-overlay-box:before {

    -webkit-transform: translate(-50%, -150%);

    transform: translate(-50%, -150%);

    transition: 1s cubic-bezier(.858, .01, .068, .99);

    transition-delay: 1s

}



.js-page-out.js-nav-active .nav-bg-overlay-box:before {

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    transition-delay: .3s

}



.landing-mobile-nav.nav-container {

    left: 0;

    opacity: 0;

    pointer-events: none;

    transition: 1s cubic-bezier(.225, 1, .316, .99);

    transition-delay: .4s

}



.js-nav-active .landing-mobile-nav.nav-container {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    transition-delay: 0s

}



.landing-nav {

    display: none

}



@media only screen and (min-width:1000px) {

    .landing-nav {

        display: block;

        width: 100%;

        position: fixed;

        top: 20px;

        right: 0;

        z-index: 10;

        pointer-events: none;

        mix-blend-mode: difference

    }



    .landing-nav__flex {

        display: flex;

        flex-flow: row;

        justify-content: flex-end;

        overflow: hidden;

        width: 100%;

        height: auto

    }



    .landing-nav__btn {

        display: inline-block;

        margin-right: 50px;

        font-family: Roboto, sans-serif;

        font-size: 13px;

        font-weight: 400;

        letter-spacing: 2px;

        line-height: 20px;

        text-transform: uppercase;

        -webkit-transform: translateY(110%);

        transform: translateY(110%);

        transition: 1.5s cubic-bezier(.17, .85, .438, .99)

    }



    .landing-nav__btn:last-child {

        margin-right: 20px

    }



    .landing-nav__btn:nth-child(2) {

        transition-delay: .1s

    }



    .landing-nav__btn:nth-child(3) {

        transition-delay: .2s

    }



    .landing-nav__btn:nth-child(4) {

        transition-delay: .3s

    }



    .landing-nav__btn:nth-child(5) {

        transition-delay: .4s

    }



    .landing-nav__btn:nth-child(6) {

        transition-delay: .5s

    }



    .landing-nav__btn:nth-child(7) {

        transition-delay: .6s

    }



    .landing-nav__btn:nth-child(8) {

        transition-delay: .7s

    }



    .landing-nav__btn:nth-child(9) {

        transition-delay: .8s

    }



    .landing-nav__btn:nth-child(10) {

        transition-delay: .9s

    }



    .landing-nav__btn:nth-child(11) {

        transition-delay: 1s

    }



    .landing-nav__btn:nth-child(12) {

        transition-delay: 1.1s

    }



    .js-page-in-anim-active .landing-nav__btn {

        -webkit-transform: none;

        transform: none

    }



    .js-page-in-anim-active.js-page-out .landing-nav__btn {

        -webkit-transform: translateY(110%);

        transform: translateY(110%);

        transition-delay: 0s

    }



    .landing-nav__inner {

        display: inline-block;

        pointer-events: auto;

        color: #fff;

        transition: .7s cubic-bezier(.17, .85, .438, .99)

    }

}



.footer-nav-btn {

    opacity: .8;

    font-family: Roboto, sans-serif;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 4px;

    line-height: 1.2;

    transition: .5s cubic-bezier(.225, 1, .316, .99)

}



.footer-nav-btn:hover {

    opacity: 1

}



.copyright {

    font-family: Roboto, sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.5

}



.next-project-footer {

    position: absolute;

    left: 50%;

    bottom: 30px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.main-content {

    overflow: hidden;

    position: relative

}



.has-scroll-smooth .main-content {

    z-index: 2;

    pointer-events: none

}



.has-scroll-smooth .page-head-footer-overlay-fix,

.has-scroll-smooth .page-head-footer-overlay-fix * {

    pointer-events: none !important

}



.has-scroll-smooth .page-head-footer-overlay-fix.is-inview,

.has-scroll-smooth .page-head-footer-overlay-fix.is-inview * {

    pointer-events: auto !important

}



.logo-slide {

    width: 250px;

    position: relative;

    top: 70%;

    left: 10%

}



.has-scroll-smooth {

    margin-right: 0 !important

}



.mfp-bg {

    background-color: #111517

}



.mfp-fade.mfp-bg {

    opacity: 0;

    transition: all 1s cubic-bezier(.17, .85, .438, .99)

}



.mfp-fade.mfp-bg.mfp-ready {

    opacity: .9

}



.mfp-fade.mfp-bg.mfp-removing {

    opacity: 0

}



.mfp-fade.mfp-wrap .mfp-content {

    opacity: 0;

    transition: all 1s cubic-bezier(.17, .85, .438, .99)

}



.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

    opacity: 1

}



.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

    opacity: 0

}



.mfp-figure:after,

.mfp-iframe-scaler iframe {

    box-shadow: none

}



.mfp-counter {

    right: 50%;

    font-family: Roboto, sans-serif;

    font-size: 13px;

    font-weight: 300;

    color: #fff;

    -webkit-transform: translateX(50%);

    transform: translateX(50%)

}



button.mfp-close {

    position: absolute;

    top: 40px;

    right: 0;

    background-color: rgba(17, 21, 23, .5)

}



.mfp-close:after,

.mfp-close:before {

    content: '';

    width: 15px;

    height: 1px;

    position: absolute;

    left: 5px;

    top: 50%;

    background-color: #fff;

    transition: .4s cubic-bezier(.767, .01, .18, 1.01)

}



.mfp-close:before {

    -webkit-transform: translateY(-50%) rotate(45deg);

    transform: translateY(-50%) rotate(45deg)

}



.mfp-close:after {

    -webkit-transform: translateY(-50%) rotate(315deg);

    transform: translateY(-50%) rotate(315deg)

}



.mfp-close:hover:before {

    -webkit-transform: translateY(-50%) rotate(-180deg);

    transform: translateY(-50%) rotate(-180deg)

}



.mfp-close:hover:after {

    -webkit-transform: translateY(-50%) rotate(180deg);

    transform: translateY(-50%) rotate(180deg)

}



.mfp-close {

    width: 25px;

    height: 25px;

    padding: 0;

    opacity: 1;

    color: transparent;

    transition: .8s cubic-bezier(.858, .01, .068, .99)

}



.mfp-close:active {

    top: 40px

}



.mfp-close-btn-in .mfp-close {

    color: transparent

}



.mfp-iframe-holder .mfp-close,

.mfp-image-holder .mfp-close {

    width: 25px;

    padding-right: 0;

    right: 0;

    color: transparent

}



.mfp-iframe-holder .mfp-close {

    top: -30px

}



.mfp-arrow {

    margin: 0;

    opacity: 1

}



.mfp-arrow:active {

    margin-top: 0

}



.mfp-arrow:after,

.mfp-arrow:before {

    margin-top: 0

}



.mfp-arrow:after {

    border-top-width: 0;

    border-bottom-width: 0

}



.mfp-arrow:before {

    opacity: 1;

    border-top-width: 0;

    border-bottom-width: 0

}



.mfp-arrow-left:after {

    margin-left: 0;

    border-right: none

}



.mfp-arrow-left:before {

    margin-left: 0;

    border-right: none

}



.mfp-arrow-right:after {

    margin-left: 0;

    border-left: none

}



.mfp-arrow-right:before {

    border-left: none

}



.mfp-arrow-left,

.mfp-arrow-right {

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.mfp-arrow-right {

    right: 40px

}



.mfp-arrow-left {

    left: 40px

}



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

    .mfp-arrow-right {

        right: 20px

    }



    .mfp-arrow-left {

        left: 20px

    }

}



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

    .mfp-arrow-right {

        right: 10px

    }



    .mfp-arrow-left {

        left: 10px

    }

}



.swiper-button-next-box,

.swiper-button-prev-box {

    position: absolute;

    bottom: 0;

    z-index: 4

}



.swiper-button-prev-box {

    left: 0

}



.swiper-button-next-box {

    right: 0

}



.js-carousel-slider .swiper-button-prev-box,

.js-fullscreen-slider .swiper-button-prev-box {

    left: 20px;

    bottom: 70px

}



.js-carousel-slider .swiper-button-next-box,

.js-fullscreen-slider .swiper-button-next-box {

    right: 20px;

    bottom: 70px

}



.js-home-slider .swiper-button-prev-box {

    left: auto;

    right: 130px;

    bottom: 40px

}



.js-home-slider .swiper-button-next-box {

    right: 20px;

    bottom: 40px

}



.swiper-container-vertical .swiper-button-prev-box,

.vertical-arrow.swiper-button-prev-box {

    -webkit-transform: rotate(-90deg) scaleY(-1) scaleX(-1) translateX(-100%);

    transform: rotate(-90deg) scaleY(-1) scaleX(-1) translateX(-100%);

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom

}



.swiper-container-vertical .swiper-button-next-box,

.vertical-arrow.swiper-button-next-box {

    -webkit-transform: rotate(90deg) scaleY(-1);

    transform: rotate(90deg) scaleY(-1);

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom

}



.horizontal-arrow.swiper-button-next-box,

.horizontal-arrow.swiper-button-prev-box {

    -webkit-transform: none;

    transform: none

}



.swiper-button-next,

.swiper-button-prev {

    margin-top: 0;

    position: relative !important;

    left: auto !important;

    top: auto !important;

    right: auto !important;

    bottom: auto !important;

    -webkit-transform: none !important;

    transform: none !important;

    background-image: none

}



.swiper-button-next:focus,

.swiper-button-prev:focus {

    outline: 0 !important

}



.mfp-arrow-left,

.mfp-arrow-right,

.swiper-button-next,

.swiper-button-prev {

    width: 70px;

    height: 25px

}



.mfp-arrow-left:before,

.swiper-button-prev:before {

    content: '';

    width: 7px;

    height: 7px;

    position: absolute;

    left: 0;

    top: 50%;

    border-left: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: translateY(-50%) translateX(36px) rotate(45deg);

    transform: translateY(-50%) translateX(36px) rotate(45deg);

    transition: .5s cubic-bezier(.225, 1, .316, .99)

}



.swiper-button-prev.black:before {

    border-left: 1px solid #000;

    border-bottom: 1px solid #000

}



.mfp-arrow-right:before,

.swiper-button-next:before {

    content: '';

    width: 7px;

    height: 7px;

    position: absolute;

    left: auto;

    top: 50%;

    right: 0;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    -webkit-transform: translateY(-50%) translateX(-36px) rotate(45deg);

    transform: translateY(-50%) translateX(-36px) rotate(45deg);

    transition: .5s cubic-bezier(.225, 1, .316, .99)

}



.swiper-button-next.black:before {

    border-top: 1px solid #000;

    border-right: 1px solid #000

}



.mfp-arrow-left:hover:before,

.mfp-arrow-right:hover:before,

.swiper-button-next:hover:before,

.swiper-button-prev:hover:before {

    -webkit-transform: translateY(-50%) translateX(0) rotate(45deg);

    transform: translateY(-50%) translateX(0) rotate(45deg)

}



.mfp-arrow-left:after,

.mfp-arrow-right:after,

.swiper-button-next:after,

.swiper-button-prev:after {

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-color: #fff;

    -webkit-transform: translate(-50%, -50%) scaleX(.5);

    transform: translate(-50%, -50%) scaleX(.5);

    -webkit-transform-origin: right;

    transform-origin: right;

    transition: .5s cubic-bezier(.225, 1, .316, .99)

}



.swiper-button-next.black:after,

.swiper-button-prev.black:after {

    background-color: #000

}



.mfp-arrow-right:after,

.swiper-button-next:after {

    -webkit-transform-origin: left;

    transform-origin: left

}



.mfp-arrow-left:hover:after,

.mfp-arrow-right:hover:after,

.swiper-button-next:hover:after,

.swiper-button-prev:hover:after {

    -webkit-transform: translate(-50%, -50%) scaleX(1);

    transform: translate(-50%, -50%) scaleX(1)

}



.pagination-box {

    width: 100%;

    position: absolute;

    left: 50%;

    bottom: 0;

    z-index: 5;

    text-align: center;

    pointer-events: none;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.js-carousel-slider .pagination-box,

.js-fullscreen-slider .pagination-box {

    bottom: 70px

}



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

    .pagination-box {

        display: none

    }

}



.swiper-container-vertical .pagination-box,

.vertical-pagination.pagination-box {

    width: auto;

    left: auto;

    top: 50%;

    right: 20px;

    bottom: auto;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    display: none

}



@media only screen and (max-width:767px) and (orientation:landscape) {



    .swiper-container-vertical .pagination-box,

    .vertical-pagination.pagination-box {

        display: none

    }

}



.swiper-container-vertical .pagination-box {

    right: 17px

}



.swiper-pagination {

    overflow: hidden;

    width: auto !important;

    height: auto !important;

    position: static !important;

    left: auto !important;

    top: auto !important;

    right: auto !important;

    bottom: auto !important;

    pointer-events: none;

    -webkit-transform: none !important;

    transform: none !important

}



.vertical-pagination .swiper-pagination {

    -webkit-transform: rotate(90deg) translateY(11px) translateX(50%) !important;

    transform: rotate(90deg) translateY(11px) translateX(50%) !important;

    -webkit-transform-origin: right center;

    transform-origin: right center

}



.swiper-pagination-bullets {

    outline: 0

}



.swiper-pagination-bullet {

    pointer-events: auto

}



.vertical-pagination .swiper-pagination-bullet {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg)

}



.swiper-pagination-bullet:focus {

    outline: 0 !important

}



.swiper-pagination-bullets-dynamic {

    white-space: nowrap

}



.swiper-container-vertical .swiper-pagination-bullets-dynamic {

    white-space: normal

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    position: relative;

    -webkit-transform: scale(.17) !important;

    transform: scale(.17) !important

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    -webkit-transform: scale(1) !important;

    transform: scale(1) !important

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    -webkit-transform: scale(.66) !important;

    transform: scale(.66) !important

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    -webkit-transform: scale(.33) !important;

    transform: scale(.33) !important

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    -webkit-transform: scale(.66) !important;

    transform: scale(.66) !important

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    -webkit-transform: scale(.33) !important;

    transform: scale(.33) !important

}



.vertical-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transform: rotate(-90deg) scale(.17) !important;

    transform: rotate(-90deg) scale(.17) !important

}



.vertical-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    -webkit-transform: rotate(-90deg) scale(1) !important;

    transform: rotate(-90deg) scale(1) !important

}



.vertical-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    -webkit-transform: rotate(-90deg) scale(.66) !important;

    transform: rotate(-90deg) scale(.66) !important

}



.vertical-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    -webkit-transform: rotate(-90deg) scale(.33) !important;

    transform: rotate(-90deg) scale(.33) !important

}



.vertical-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    -webkit-transform: rotate(-90deg) scale(.66) !important;

    transform: rotate(-90deg) scale(.66) !important

}



.vertical-pagination .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    -webkit-transform: rotate(-90deg) scale(.33) !important;

    transform: rotate(-90deg) scale(.33) !important

}



.swiper-pagination {

    counter-reset: paginationIndex

}



.swiper-pagination-bullet {

    overflow: hidden;

    width: 26px;

    height: 26px;

    position: relative;

    opacity: 1;

    border-radius: 0;

    background: 0 0;

    counter-increment: paginationIndex

}



.swiper-pagination-bullet {

    margin: 0 5px !important

}



.swiper-pagination-bullet:first-child {

    margin-left: 0 !important

}



.swiper-pagination-bullet:last-child {

    margin-right: 0 !important

}



.swiper-pagination-bullet:after,

.swiper-pagination-bullet:before {

    content: counter(paginationIndex);

    position: absolute;

    left: 50%;

    top: 50%;

    font-family: Roboto, sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 1;

    color: #fff;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    transition: .6s cubic-bezier(.19, .94, .336, 1)

}



.swiper-pagination-bullet:nth-child(1):after,

.swiper-pagination-bullet:nth-child(1):before,

.swiper-pagination-bullet:nth-child(2):after,

.swiper-pagination-bullet:nth-child(2):before,

.swiper-pagination-bullet:nth-child(3):after,

.swiper-pagination-bullet:nth-child(3):before,

.swiper-pagination-bullet:nth-child(4):after,

.swiper-pagination-bullet:nth-child(4):before,

.swiper-pagination-bullet:nth-child(5):after,

.swiper-pagination-bullet:nth-child(5):before,

.swiper-pagination-bullet:nth-child(6):after,

.swiper-pagination-bullet:nth-child(6):before,

.swiper-pagination-bullet:nth-child(7):after,

.swiper-pagination-bullet:nth-child(7):before,

.swiper-pagination-bullet:nth-child(8):after,

.swiper-pagination-bullet:nth-child(8):before,

.swiper-pagination-bullet:nth-child(9):after,

.swiper-pagination-bullet:nth-child(9):before {

    content: '0'counter(paginationIndex)

}



.swiper-pagination-bullet:after {

    font-size: 18px;

    font-style: italic;

    -webkit-transform: translateX(-50%) translateY(-40px);

    transform: translateX(-50%) translateY(-40px)

}



.swiper-pagination.black .swiper-pagination-bullet:after,

.swiper-pagination.black .swiper-pagination-bullet:before {

    color: #000

}



.swiper-pagination-bullet-active:before {

    -webkit-transform: translateX(-50%) translateY(30px);

    transform: translateX(-50%) translateY(30px)

}



.swiper-pagination-bullet-active:after {

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%)

}



.swiper-container-vertical .swiper-pagination-bullets {

    width: 26px !important

}



.swiper-container-vertical .swiper-pagination-bullet {

    margin: 5px 0 !important

}



.swiper-container-vertical .swiper-pagination-bullet:first-child {

    margin-top: 0 !important

}



.swiper-container-vertical .swiper-pagination-bullet:last-child {

    margin-bottom: 0 !important

}



.swiper-wrapper {

    transition-timing-function: cubic-bezier(.767, .01, .18, 1.01)

}



.js-infinite-slider .swiper-wrapper {

    transition-timing-function: linear

}



.swiper-slide {

    overflow: hidden

}



.js-carousel-slider-bg {

    width: 60%;

    height: 100vh;

    margin-left: 20%;

    position: relative;

    pointer-events: none

}



.js-carousel-slider-bg .swiper-slide {

    pointer-events: none

}



.js-carousel-slider-bg:after,

.js-carousel-slider-bg:before {

    content: '';

    width: 16%;

    height: 100%;

    position: absolute;

    top: 0;

    background-color: inherit;

    z-index: 2

}



.js-carousel-slider-bg:before {

    left: calc(-16% + 40px)

}



.js-carousel-slider-bg:after {

    right: calc(-16% + 40px)

}



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

    .js-carousel-slider-bg {

        width: 70%;

        margin-left: 15%

    }



    .js-carousel-slider-bg:after,

    .js-carousel-slider-bg:before {

        width: 20%

    }



    .js-carousel-slider-bg:before {

        left: calc(-20% + 40px)

    }



    .js-carousel-slider-bg:after {

        right: calc(-20% + 40px)

    }

}



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

    .js-carousel-slider-bg {

        width: 100%;

        margin-left: 0

    }



    .js-carousel-slider-bg:after,

    .js-carousel-slider-bg:before {

        width: 40px

    }



    .js-carousel-slider-bg:before {

        left: 0

    }



    .js-carousel-slider-bg:after {

        right: 0

    }

}



.js-carousel-slider {

    width: 33.33%;

    height: 100%;

    padding: 0 33.33%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3

}



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

    .js-carousel-slider {

        width: 40%;

        padding: 0 30%

    }

}



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

    .js-carousel-slider {

        width: 50%;

        padding: 0 25%

    }

}



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

    .js-carousel-slider {

        width: 60%;

        padding: 0 20%

    }

}



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

    .js-carousel-slider {

        width: 70%;

        padding: 0 15%

    }

}



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

    .js-carousel-slider {

        width: 100%;

        padding: 0

    }

}



.js-fullscreen-slider {

    height: 100vh;

    position: relative

}



.js-fullscreen-slider .swiper-wrapper,

.js-home-slider .swiper-wrapper {

    transition-timing-function: cubic-bezier(.25, .31, .18, 1)

}



.fullscreen-slider-btn {

    position: absolute;

    left: 50%;

    bottom: 70px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.js-parallax-slide-bg {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0

}



.js-services-slider,

.js-skills-slider,

.js-team-slider {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.scroll-to-btn {

    overflow: hidden;

    display: block;

    width: 20px;

    height: 70px;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 3

}



.scroll-to-btn__arrow {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%);

    transition: 1s cubic-bezier(.225, 1, .316, .99)

}



.scroll-to-btn.is-inview .scroll-to-btn__arrow {

    -webkit-transform: translateY(35px);

    transform: translateY(35px)

}



.scroll-to-btn.is-inview:hover .scroll-to-btn__arrow {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.js-page-in-anim-active.js-page-out .scroll-to-btn.is-inview .scroll-to-btn__arrow {

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%)

}



.scroll-to-btn__arrow:before {

    content: '';

    width: 7px;

    height: 7px;

    position: absolute;

    left: 50%;

    top: 3px;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    -webkit-transform: translateX(-50%) rotate(-45deg);

    transform: translateX(-50%) rotate(-45deg)

}



.scroll-to-btn.black .scroll-to-btn__arrow:before {

    border-top: 1px solid #000;

    border-right: 1px solid #000

}



.scroll-to-btn__arrow:after {

    content: '';

    width: 1px;

    height: 100%;

    position: absolute;

    left: 50%;

    top: 2px;

    background-color: #fff;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.scroll-to-btn.black .scroll-to-btn__arrow:after {

    background-color: #000

}



.scroll-to-btn.to-down {

    right: auto;

    left: 20px;

    bottom: 20px

}



.scroll-to-down-box {

    overflow: hidden;

    display: inline-block;

    width: 100%;

    height: 100%;

    position: relative

}



.js-page-in-anim-active.js-page-out .to-down .scroll-to-btn__arrow,

.to-down .scroll-to-btn__arrow {

    -webkit-transform: translateY(105%);

    transform: translateY(105%)

}



.js-page-in-anim-active .to-down .scroll-to-btn__arrow {

    -webkit-transform: translateY(-35px);

    transform: translateY(-35px)

}



.js-page-in-anim-active .to-down.scroll-to-btn:hover .scroll-to-btn__arrow {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.to-down .scroll-to-btn__arrow:before {

    top: auto;

    bottom: 3px;

    -webkit-transform: translateX(-50%) rotate(135deg);

    transform: translateX(-50%) rotate(135deg)

}



.to-down .scroll-to-btn__arrow:after {

    top: auto;

    bottom: 2px

}



.skew-btn {

    display: inline-block

}



.skew-btn__box {

    display: flex;

    align-items: center

}



.skew-btn_reverse .skew-btn__box {

    flex-flow: row-reverse

}



.skew-btn__content {

    margin-right: 10px;

    font-family: Roboto, sans-serif;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 4px;

    line-height: 1.2;

    text-transform: uppercase;

    color: #fff;

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    transition: .5s cubic-bezier(.225, 1, .316, .99)

}



.skew-btn.black .skew-btn__content {

    color: #000

}



.skew-btn_reverse .skew-btn__content {

    margin-right: 0;

    margin-left: 14px

}



.skew-btn:hover .skew-btn__content {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg)

}



.skew-btn.skew-btn_reverse:hover .skew-btn__content {

    -webkit-transform: skew(12deg);

    transform: skew(12deg)

}



.skew-btn__arrow-box {

    overflow: hidden;

    display: inline-block;

    width: 70px;

    height: 20px

}



.skew-btn__arrow {

    display: inline-block;

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 2;

    -webkit-transform: translateX(-35px);

    transform: translateX(-35px);

    transition: .5s cubic-bezier(.225, 1, .316, .99)

}



.skew-btn_reverse .skew-btn__arrow {

    -webkit-transform: translateX(35px);

    transform: translateX(35px)

}



.skew-btn:hover .skew-btn__arrow {

    -webkit-transform: translateX(-1px);

    transform: translateX(-1px)

}



.skew-btn.skew-btn_reverse:hover .skew-btn__arrow {

    -webkit-transform: translateX(1px);

    transform: translateX(1px)

}



.skew-btn__arrow:before {

    content: '';

    width: 7px;

    height: 7px;

    position: absolute;

    right: 1px;

    top: 50%;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    -webkit-transform: translateY(-50%) rotate(45deg);

    transform: translateY(-50%) rotate(45deg)

}



.skew-btn.black .skew-btn__arrow:before {

    border-top: 1px solid #000;

    border-right: 1px solid #000

}



.skew-btn__arrow:after {

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    left: 0;

    top: 50%;

    background-color: #fff;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.skew-btn.black .skew-btn__arrow:after {

    background-color: #000

}



.skew-btn_reverse .skew-btn__arrow:before {

    left: 1px;

    right: auto;

    -webkit-transform: translateY(-50%) rotate(-135deg);

    transform: translateY(-50%) rotate(-135deg)

}



.border-btn {

    display: inline-block;

    position: relative

}



.border-btn__inner {

    display: inline-block;

    padding: 20px 33px 20px 40px;

    font-family: Roboto, sans-serif;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 7px;

    line-height: 1.2;

    text-transform: uppercase;

    color: #fff;

    transition: .5s cubic-bezier(.17, .85, .438, .99)

}



.border-btn.black .border-btn__inner {

    color: #000

}



.border-btn:after,

.border-btn:before,

.border-btn__inner:after,

.border-btn__inner:before {

    content: '';

    position: absolute;

    background-color: #fff;

    opacity: .2;

    transition: .5s cubic-bezier(.17, .85, .438, .99)

}



.border-btn.black .border-btn__inner:after,

.border-btn.black .border-btn__inner:before,

.border-btn.black:after,

.border-btn.black:before {

    background-color: #000

}



.border-btn:before {

    width: 100%;

    height: 1px;

    left: 0;

    top: 0;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: right;

    transform-origin: right

}



.border-btn:after {

    width: 1px;

    height: 100%;

    top: 0;

    right: 0;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: bottom;

    transform-origin: bottom

}



.border-btn__inner:before {

    width: 100%;

    height: 1px;

    left: 0;

    bottom: 0;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: left;

    transform-origin: left

}



.border-btn__inner:after {

    width: 1px;

    height: 100%;

    left: 0;

    top: 0;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: top;

    transform-origin: top

}



.border-btn:hover .border-btn__inner:before,

.border-btn:hover:before {

    -webkit-transform: scaleX(0);

    transform: scaleX(0)

}



.border-btn:hover .border-btn__inner:after,

.border-btn:hover:after {

    -webkit-transform: scaleY(0);

    transform: scaleY(0)

}



.border-btn__lines-1:after,

.border-btn__lines-1:before,

.border-btn__lines-2:after,

.border-btn__lines-2:before {

    content: '';

    position: absolute;

    background-color: #fff;

    transition: .5s cubic-bezier(.17, .85, .438, .99)

}



.border-btn.black .border-btn__lines-1:after,

.border-btn.black .border-btn__lines-1:before,

.border-btn.black .border-btn__lines-2:after,

.border-btn.black .border-btn__lines-2:before {

    background-color: #000

}



.border-btn__lines-1:before {

    width: 100%;

    height: 1px;

    left: 0;

    top: 0;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: left;

    transform-origin: left

}



.border-btn__lines-1:after {

    width: 1px;

    height: 100%;

    top: 0;

    right: 0;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: top;

    transform-origin: top

}



.border-btn__lines-2:before {

    width: 100%;

    height: 1px;

    left: 0;

    bottom: 0;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: right;

    transform-origin: right

}



.border-btn__lines-2:after {

    width: 1px;

    height: 100%;

    left: 0;

    top: 0;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: bottom;

    transform-origin: bottom

}



.border-btn:hover .border-btn__lines-1:before,

.border-btn:hover .border-btn__lines-2:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.border-btn:hover .border-btn__lines-1:after,

.border-btn:hover .border-btn__lines-2:after {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.flip-btn {

    display: inline-block;

    overflow: hidden;

    position: relative;

    font-family: Roboto, sans-serif;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 3px;

    line-height: 1.2;

    text-transform: uppercase

}



.flip-btn .char {

    color: transparent

}



.flip-btn .char:after,

.flip-btn .char:before {

    visibility: visible;

    color: #fff;

    transition: .7s cubic-bezier(.858, .01, .068, .99);

    transition-delay: calc(.03s * var(--char-index))

}



.flip-btn.black .char:after,

.flip-btn.black .char:before {

    color: #000

}



.flip-btn .char:after {

    -webkit-transform: translateY(-105%);

    transform: translateY(-105%)

}



.flip-btn:hover .char:before {

    -webkit-transform: translateY(105%);

    transform: translateY(105%)

}



.flip-btn:hover .char:after {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.line-btn {

    display: inline-block;

    overflow: hidden;

    padding-bottom: 3px;

    position: relative;

    font-family: Roboto, sans-serif;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.2;

    color: #fff

}



.line-btn.black {

    color: #000

}



.line-btn:after,

.line-btn:before {

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: #fff;

    transition: .5s cubic-bezier(.858, .01, .068, .99)

}



.line-btn.black:after,

.line-btn.black:before {

    background-color: #000

}



.line-btn:before {

    transition-delay: .25s

}



.line-btn:after {

    -webkit-transform: translateX(-105%);

    transform: translateX(-105%)

}



.line-btn:hover:before {

    -webkit-transform: translateX(105%);

    transform: translateX(105%);

    transition-delay: 0s

}



.line-btn:hover:after {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    transition-delay: .25s

}



.play-button {

    display: block;

    width: 32px;

    height: 44px;

    padding: 18px 20px 18px 28px;

    position: absolute;

    left: 50%;

    top: 50%;

    box-sizing: content-box;

    border: 1px solid rgba(250, 250, 250, .8);

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.play-button.black {

    border: 1px solid rgba(0, 0, 0, .8)

}



.play-button__inner {

    display: block;

    width: 0;

    height: 0;

    border-left: 32px solid rgba(250, 250, 250, .8);

    border-top: 22px solid transparent;

    border-bottom: 22px solid transparent

}



.play-button.black .play-button__inner {

    border-left: 32px solid rgba(0, 0, 0, .8)

}



body {

    font-family: Roboto, sans-serif;

    font-size: 14px;

    font-weight: 400;

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased

}



button,

input,

select,

textarea {

    font-family: Roboto, sans-serif;

    font-size: 14px;

    line-height: 1.75

}



p {

    margin: 0;

    font-family: Roboto, sans-serif

}



a {

    font-family: Roboto, sans-serif;

    text-decoration: none

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    font-family: Roboto, sans-serif;

    line-height: 1.2

}



h1,

h2,

h3 {

    font-weight: 700

}



h4,

h5 {

    font-weight: 600

}



h6 {

    font-weight: 500

}



h1 {

    font-size: 42px

}



h2 {

    font-size: 30px

}



h3 {

    font-size: 26px

}



h4 {

    font-size: 22px

}



h5 {

    font-size: 18px

}



h6 {

    font-size: 14px

}



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

    h1 {

        font-size: 38px

    }



    h2 {

        font-size: 28px

    }



    h3 {

        font-size: 24px

    }

}



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

    h1 {

        font-size: 36px

    }



    h2 {

        font-size: 26px

    }



    h3 {

        font-size: 24px

    }

}



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

    h1 {

        font-size: 34px

    }

}



.text-italic {

    font-style: italic

}



.text-center {

    text-align: center

}



.text-right {

    text-align: right

}



.text-justify {

    text-align: justify

}



.text-nowrap {

    white-space: nowrap

}



.big-head {

    font-family: Roboto, sans-serif;

    font-size: 50px;

    font-weight: 900;

    line-height: 1;

    letter-spacing: 3px;

    text-transform: uppercase

}



 



 



 
 

 


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

   


    .header-logo {

    

    left: 10px;

    

    padding: 5px 6px;

   

}

 



}



.headline-uppercase {

    font-family: Roboto, sans-serif;

    font-size: 52px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 2px

}



.headline-xl {

    font-family: Roboto, sans-serif;

    font-size: 60px;

    font-weight: 700;

    line-height: 1.2

}



.headline-l {

    font-family: Roboto, sans-serif;

    font-size: 50px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 2px

}



.headline-m {

    font-family: Roboto, sans-serif;

    font-size: 45px;

    font-weight: 700;

    line-height: 1.2

}



.headline-s {

    font-family: Roboto, sans-serif;

    font-size: 30px;

    font-weight: 700;

    line-height: 1.2

}



.headline-xs {

    font-family: Roboto, sans-serif;

    font-size: 26px;

    font-weight: 700;

    line-height: 1.2

}



.headline-xxs {

    font-family: Roboto, sans-serif;

    font-size: 30px;

    font-weight: 700;

    line-height: 1.2

}



.headline-xxxs {

    font-family: Roboto, sans-serif;

    font-size: 35px;

    font-weight: 700;

    line-height: 1.2

}



.headline-xxxxs {

    font-family: Roboto, sans-serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.2

}



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

    .headline-xl {

        font-size: 64.75px

    }



    .headline-l {

        font-size: 36px

    }



    .headline-m {

        font-size: 30px

    }



    .headline-s {

        font-size: 24px

    }



    .headline-xs {

        font-size: 20px

    }



    .headline-xxs {

        font-size: 18px

    }



    .headline-xxxs {

        font-size: 18px

    }

}



.subhead-uppercase {

    letter-spacing: 1px;

    text-transform: uppercase

}



.subhead-xxl {

    font-family: Roboto, sans-serif;

    font-size: 30px;

    font-weight: 300;

    line-height: 1.4

}



.subhead-xl {

    font-family: Roboto, sans-serif;

    font-size: 27px;

    font-weight: 300;

    line-height: 1.4

}



.subhead-l {

    font-family: Roboto, sans-serif;

    font-size: 24px;

    font-weight: 300;

    line-height: 1.4

}



.subhead-m {

    font-family: Roboto, sans-serif;

    font-size: 21px;

    font-weight: 300;

    line-height: 1.4

}



.subhead-s {

    font-family: Roboto, sans-serif;

    font-size: 18px;

    font-weight: 300;

    line-height: 1.4

}



.subhead-xs {

    font-family: Roboto, sans-serif;

    font-size: 15px;

    font-weight: 300;

    line-height: 1.4

}



.subhead-xxs {

    font-family: Roboto, sans-serif;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.5

}



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

    .subhead-xxl {

        font-size: 28.5px

    }



    .subhead-xl {

        font-size: 25.75px

    }



    .subhead-l {

        font-size: 23px

    }



    .subhead-m {

        font-size: 20.25px

    }



    .subhead-s {

        font-size: 17.5px

    }



    .subhead-xs {

        font-size: 14.75px

    }

}



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

    .subhead-xxl {

        font-size: 27px

    }



    .subhead-xl {

        font-size: 24.5px

    }



    .subhead-l {

        font-size: 22px

    }



    .subhead-m {

        font-size: 19.5px

    }



    .subhead-s {

        font-size: 17px

    }



    .subhead-xs {

        font-size: 14.5px

    }

}



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

    .subhead-xxl {

        font-size: 25.5px

    }



    .subhead-xl {

        font-size: 23.25px

    }



    .subhead-l {

        font-size: 21px

    }



    .subhead-m {

        font-size: 18.75px

    }



    .subhead-s {

        font-size: 16.5px

    }



    .subhead-xs {

        font-size: 14.25px

    }

}



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

    .subhead-xxl {

        font-size: 24px

    }



    .subhead-xl {

        font-size: 22px

    }



    .subhead-l {

        font-size: 20px

    }



    .subhead-m {

        font-size: 18px

    }



    .subhead-s {

        font-size: 16px

    }



    .subhead-xs {

        font-size: 14px

    }

}



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

    .subhead-xxl {

        font-size: 22.5px

    }



    .subhead-xl {

        font-size: 20.75px

    }



    .subhead-l {

        font-size: 19px

    }



    .subhead-m {

        font-size: 17.25px

    }



    .subhead-s {

        font-size: 15.5px

    }



    .subhead-xs {

        font-size: 13.75px

    }

}



.body-text-xl {

    font-family: Roboto, sans-serif;

    font-size: 21px;

    font-weight: 400;

    line-height: 1.9

}



.body-text-l {

    font-family: Roboto, sans-serif;

    font-size: 19px;

    font-weight: 400;

    line-height: 1.9

}



.body-text-m {

    font-family: Roboto, sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5

}



.body-text-s {

    font-family: Roboto, sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.9

}



.body-text-xs {

    font-family: Roboto, sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.9

}



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

    .body-text-xl {

        font-size: 20.5px

    }



    .body-text-l {

        font-size: 18.625px

    }



    .body-text-m {

        font-size: 16.75px

    }



    .body-text-s {

        font-size: 14.875px

    }

}



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

    .body-text-xl {

        font-size: 20px

    }



    .body-text-l {

        font-size: 18.25px

    }



    .body-text-m {

        font-size: 16.5px

    }



    .body-text-s {

        font-size: 14.75px

    }

}



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

    .body-text-xl {

        font-size: 19.5px

    }



    .body-text-l {

        font-size: 17.875px

    }



    .body-text-m {

        font-size: 16.25px

    }



    .body-text-s {

        font-size: 14.625px

    }

}



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

    .body-text-xl {

        font-size: 19px

    }



    .body-text-l {

        font-size: 17.5px

    }



    .body-text-m {

        font-size: 16px

    }



    .body-text-s {

        font-size: 14.5px

    }

}



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

    .body-text-xl {

        font-size: 18.5px

    }



    .body-text-l {

        font-size: 17.125px

    }



    .body-text-m {

        font-size: 15.75px

    }



    .body-text-s {

        font-size: 14.375px

    }

}



.quote {

    padding-left: 50px;

    position: relative

}



.quote:after {

    content: '\f10e';

    position: absolute;

    left: 0;

    top: 0;

    z-index: 4;

    font-family: Font Awesome;

    font-size: 25px;

    line-height: 25px;

    color: #fff;

    opacity: .4

}



.quote.black:after {

    color: #000

}



.quote.quote_top {

    padding-left: 0;

    padding-top: 55px

}



.quote.quote_top:after {

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.quote.quote_bottom {

    padding-left: 0;

    padding-bottom: 55px

}



.quote.quote_bottom:after {

    left: 50%;

    top: auto;

    bottom: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.tr-delay-01,

.tr-delay-01:after,

.tr-delay-01:before {

    transition-delay: .1s !important

}



.tr-delay-02,

.tr-delay-02:after,

.tr-delay-02:before {

    transition-delay: .2s !important

}



.tr-delay-03,

.tr-delay-03:after,

.tr-delay-03:before {

    transition-delay: .3s !important

}



.tr-delay-04,

.tr-delay-04:after,

.tr-delay-04:before {

    transition-delay: .4s !important

}



.tr-delay-05,

.tr-delay-05:after,

.tr-delay-05:before {

    transition-delay: .5s !important

}



.tr-delay-06,

.tr-delay-06:after,

.tr-delay-06:before {

    transition-delay: .6s !important

}



.tr-delay-07,

.tr-delay-07:after,

.tr-delay-07:before {

    transition-delay: .7s !important

}



.tr-delay-08,

.tr-delay-08:after,

.tr-delay-08:before {

    transition-delay: .8s !important

}



.tr-delay-09,

.tr-delay-09:after,

.tr-delay-09:before {

    transition-delay: .9s !important

}



.tr-delay-10,

.tr-delay-10:after,

.tr-delay-10:before {

    transition-delay: 1s !important

}



.anim-scale {

    overflow: hidden;

    -webkit-transform: scale(.5);

    transform: scale(.5)

}



.anim-scale__inner {

    -webkit-transform: scale(1.6);

    transform: scale(1.6)

}



.is-inview.anim-scale,

.is-inview.anim-scale .anim-scale__inner,

.scrollanim-activate.is-inview .anim-scale,

.scrollanim-activate.is-inview .anim-scale__inner,

.slider-scrollanim-activate.is-inview .swiper-slide.swiper-slide-active .anim-scale,

.slider-scrollanim-activate.is-inview .swiper-slide.swiper-slide-active .anim-scale__inner {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.is-inview.anim-scale,

.scrollanim-activate.is-inview .anim-scale {

    transition: 1.8s cubic-bezier(.17, .85, .438, .99)

}



.swiper-slide .anim-scale {

    -webkit-transform: scale(.8);

    transform: scale(.8)

}



.slider-scrollanim-activate .swiper-slide .anim-scale {

    transition: 2.2s cubic-bezier(.17, .85, .438, .99);

    transition-delay: .5s

}



.is-inview.anim-scale .anim-scale__inner,

.scrollanim-activate.is-inview .anim-scale__inner {

    transition: 1.2s cubic-bezier(.17, .85, .438, .99)

}



.swiper-slide .anim-scale__inner {

    -webkit-transform: scale(1.5);

    transform: scale(1.5)

}



.slider-scrollanim-activate .swiper-slide .anim-scale__inner {

    transition: 1.9s cubic-bezier(.17, .85, .438, .99);

    transition-delay: .5s

}



.anim-text-slide {

    display: inline-block;

    -webkit-transform: translateY(105%);

    transform: translateY(105%);

    transition: 1s cubic-bezier(.17, .85, .438, .99)

}



.js-page-in-anim-active .after-preloader-anim .anim-text-slide,

.js-page-in-anim-active .after-preloader-anim.anim-text-slide,

.scrollanim-activate.is-inview .anim-text-slide {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.anim-fade-to-left,

.anim-fade-to-right,

.anim-fade-to-top {

    display: inline-block;

    opacity: 0;

    transition: 1s cubic-bezier(.17, .85, .438, .99)

}



.anim-fade-to-left {

    -webkit-transform: translateX(50px);

    transform: translateX(50px)

}



.anim-fade-to-top {

    -webkit-transform: translateY(50px);

    transform: translateY(50px)

}



.anim-fade-to-right {

    -webkit-transform: translateX(-50px);

    transform: translateX(-50px)

}



.js-page-in-anim-active .after-preloader-anim .anim-fade-to-left,

.js-page-in-anim-active .after-preloader-anim .anim-fade-to-right,

.js-page-in-anim-active .after-preloader-anim .anim-fade-to-top,

.js-page-in-anim-active .after-preloader-anim.anim-fade-to-left,

.js-page-in-anim-active .after-preloader-anim.anim-fade-to-right,

.js-page-in-anim-active .after-preloader-anim.anim-fade-to-top,

.scrollanim-activate.is-inview .anim-fade-to-left,

.scrollanim-activate.is-inview .anim-fade-to-right,

.scrollanim-activate.is-inview .anim-fade-to-top,

.swiper-slide.swiper-slide-active .anim-fade-to-left,

.swiper-slide.swiper-slide-active .anim-fade-to-right,

.swiper-slide.swiper-slide-active .anim-fade-to-top {

    opacity: 1;

    -webkit-transform: none;

    transform: none

}



.swiper-slide .anim-fade-to-left,

.swiper-slide .anim-fade-to-right,

.swiper-slide .anim-fade-to-top {

    pointer-events: none;

    transition-delay: .7s

}



.swiper-slide.swiper-slide-active .anim-fade-to-left,

.swiper-slide.swiper-slide-active .anim-fade-to-right,

.swiper-slide.swiper-slide-active .anim-fade-to-top {

    pointer-events: auto;

    transition-delay: 1.2s

}



.anim-opacity-scale {

    display: inline-block;

    width: 100%;

    opacity: 0;

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    transition: 1s cubic-bezier(.17, .85, .438, .99)

}



.js-page-in-anim-active .after-preloader-anim .anim-opacity-scale,

.js-page-in-anim-active .after-preloader-anim.anim-opacity-scale,

.scrollanim-activate.is-inview .anim-opacity-scale {

    opacity: 1;

    -webkit-transform: none;

    transform: none

}



.anim-slider-fade {

    opacity: 0;

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    transition: 1s cubic-bezier(.17, .85, .438, .99)

}



.anim-slider-fade.is-inview {

    opacity: 1;

    -webkit-transform: none;

    transform: none

}



.anim-video-reveal {

    display: inline-block;

    width: 100%;

    overflow: hidden;

    position: relative

}



.anim-video-reveal:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    background-color: #000;

    transition: 1s cubic-bezier(.858, .01, .068, .99)

}



.section-bg-light .anim-video-reveal:before,

body .content-bg-light .anim-video-reveal:before {

    background-color: var(--bg-light)

}



.section-bg-dark .anim-video-reveal:before,

body .content-bg-dark .anim-video-reveal:before {

    background-color: var(--bg-dark)

}



.is-inview.anim-video-reveal:before,

.js-page-in-anim-active .after-preloader-anim .anim-video-reveal:before,

.js-page-in-anim-active .after-preloader-anim.anim-video-reveal:before,

.scrollanim-activate.is-inview .anim-video-reveal:before {

    -webkit-transform: translateX(105%);

    transform: translateX(105%)

}



.anim-img-reveal {

    position: relative;

    background-size: 0 0

}



.anim-img-reveal img {

    opacity: 0

}



.anim-img-reveal:before {

    content: '';

    width: 4px;

    height: 80px;

    position: absolute;

    left: -30px;

    bottom: 0;

    background-color: red !important

}



.section-bg-light .anim-img-reveal:before,

body .content-bg-light .anim-img-reveal:before {

    background-color: var(--bg-light)

}



.section-bg-dark .anim-img-reveal:before,

body .content-bg-dark .anim-img-reveal:before {

    background-color: var(--bg-dark)

}



.anim-img-reveal:after {

    content: '';

    width: 0%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-image: inherit;

    background-size: cover;

    background-repeat: no-repeat;

    transition: 1s cubic-bezier(.858, .01, .068, .99)

}



.is-inview.anim-img-reveal:after,

.js-page-in-anim-active .after-preloader-anim .anim-img-reveal:after,

.js-page-in-anim-active .after-preloader-anim.anim-img-reveal:after,

.scrollanim-activate.is-inview .anim-img-reveal:after {

    width: 100%

}



.anim-stroke-fill-black,

.anim-stroke-fill-white {

    display: inline-block;

    position: relative;

    white-space: nowrap;

    color: transparent;

    -webkit-text-stroke: 1px

}



.anim-stroke-fill-white {

    -webkit-text-stroke-color: #fff

}



.anim-stroke-fill-black {

    -webkit-text-stroke-color: #000

}



.anim-stroke-fill-black:before,

.anim-stroke-fill-white:before {

    content: attr(data-text);

    overflow: hidden;

    width: 0%;

    position: absolute;

    left: 0;

    top: 50%;

    white-space: nowrap;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: 1.5s cubic-bezier(.225, 1, .316, .99)

}



.anim-stroke-fill-white:before {

    color: #fff

}



.anim-stroke-fill-black:before {

    color: #000

}



.swiper-slide.swiper-slide-active .anim-stroke-fill-black:before,

.swiper-slide.swiper-slide-active .anim-stroke-fill-white:before {

    width: 100%

}



.swiper-slide .anim-stroke-fill-black:before,

.swiper-slide .anim-stroke-fill-white:before {

    transition-delay: .7s

}



.swiper-slide.swiper-slide-active .anim-stroke-fill-black:before,

.swiper-slide.swiper-slide-active .anim-stroke-fill-white:before {

    transition-delay: 1s

}



.anim-chars-blur .char {

    opacity: 0;

    -webkit-filter: blur(10px);

    filter: blur(10px);

    transition: .7s cubic-bezier(.225, 1, .316, .99);

    transition-delay: calc(.05s * var(--char-index))

}



.is-inview.anim-chars-blur .char,

.js-page-in-anim-active .after-preloader-anim .anim-chars-blur .char,

.js-page-in-anim-active .after-preloader-anim.anim-chars-blur .char,

.scrollanim-activate.is-inview .anim-chars-blur .char,

.swiper-slide.swiper-slide-active .anim-chars-blur .char {

    opacity: 1;

    -webkit-filter: blur(0);

    filter: blur(0)

}



.swiper-slide .anim-chars-blur {

    pointer-events: none

}



.swiper-slide.swiper-slide-active .anim-chars-blur {

    pointer-events: auto

}



.swiper-slide .anim-chars-blur .char {

    transition-delay: calc(.05s * var(--char-index) + .7s)

}



.swiper-slide.swiper-slide-active .anim-chars-blur .char {

    transition-delay: calc(.05s * var(--char-index) + 1s)

}



.anim-chars-fadein .char {

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

    transition: 1s cubic-bezier(.19, .94, .336, 1);

    transition-delay: calc(.05s * var(--char-index))

}



.is-inview.anim-chars-fadein .char,

.js-page-in-anim-active .after-preloader-anim .anim-chars-fadein .char,

.js-page-in-anim-active .after-preloader-anim.anim-chars-fadein .char,

.scrollanim-activate.is-inview .anim-chars-fadein .char,

.swiper-slide.swiper-slide-active .anim-chars-fadein .char {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.swiper-slide .anim-chars-fadein {

    pointer-events: none

}



.swiper-slide.swiper-slide-active .anim-chars-fadein {

    pointer-events: auto

}



.swiper-slide .anim-chars-fadein .char {

    transition: 0s;

    transition-delay: .7s

}



.swiper-slide.swiper-slide-active .anim-chars-fadein .char {

    transition: 1s cubic-bezier(.19, .94, .336, 1);

    transition-delay: calc(.05s * var(--char-index) + 1s)

}



.animated-line-wrapper {

    display: block;

    overflow: hidden

}



.animated-line-content {

    display: block;

    -webkit-transform: translateY(105%);

    transform: translateY(105%);

    transition: 1s cubic-bezier(.17, .85, .438, .99);

    transition-delay: calc(.15s * var(--line-index))

}



.is-inview.anim-split-lines .animated-line-content,

.js-page-in-anim-active .after-preloader-anim .anim-split-lines .animated-line-content,

.js-page-in-anim-active .after-preloader-anim.anim-split-lines .animated-line-content,

.scrollanim-activate.is-inview .anim-split-lines .animated-line-content,

.swiper-slide.swiper-slide-active .anim-split-lines .animated-line-content {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.swiper-slide .animated-line-content {

    pointer-events: none

}



.swiper-slide.swiper-slide-active .animated-line-content {

    pointer-events: auto

}



.swiper-slide .animated-line-content {

    transition-delay: calc(.15s * var(--line-index) + .7s)

}



.swiper-slide.swiper-slide-active .animated-line-content {

    transition-delay: calc(.15s * var(--line-index) + 1.15s)

}



.anim-line-bottom,

.anim-line-top {

    width: 100%;

    height: 1px;

    position: absolute;

    left: 0;

    background-color: #fff;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: left;

    transform-origin: left;

    transition: 1s cubic-bezier(.858, .01, .068, .99)

}



.anim-line-top {

    top: 0

}



.anim-line-bottom {

    bottom: 0

}



.anim-line-bottom.black,

.anim-line-top.black {

    background-color: #000

}



.is-inview.anim-line-bottom,

.is-inview.anim-line-top,

.js-page-in-anim-active .after-preloader-anim .anim-line-bottom,

.js-page-in-anim-active .after-preloader-anim .anim-line-top,

.js-page-in-anim-active .after-preloader-anim.anim-line-bottom,

.js-page-in-anim-active .after-preloader-anim.anim-line-top,

.line-scrollanim-activate.is-inview .anim-line-bottom,

.line-scrollanim-activate.is-inview .anim-line-top,

.swiper-slide.swiper-slide-active .anim-line-bottom,

.swiper-slide.swiper-slide-active .anim-line-top {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.is-inview.anim-line-bottom.half-line,

.is-inview.anim-line-top.half-line,

.js-page-in-anim-active .after-preloader-anim .anim-line-bottom.half-line,

.js-page-in-anim-active .after-preloader-anim .anim-line-top.half-line,

.js-page-in-anim-active .after-preloader-anim.anim-line-bottom.half-line,

.js-page-in-anim-active .after-preloader-anim.anim-line-top.half-line,

.line-scrollanim-activate.is-inview .anim-line-bottom.half-line,

.line-scrollanim-activate.is-inview .anim-line-top.half-line,

.swiper-slide.swiper-slide-active .anim-line-bottom.half-line,

.swiper-slide.swiper-slide-active .anim-line-top.half-line {

    -webkit-transform: scaleX(.5);

    transform: scaleX(.5)

}



.swiper-slide .anim-line-bottom,

.swiper-slide .anim-line-top {

    transition-delay: .7s

}



.swiper-slide.swiper-slide-active .anim-line-bottom,

.swiper-slide.swiper-slide-active .anim-line-top {

    transition-delay: 1s

}



.hover-slide {

    display: inline-block;

    -webkit-transform: translateY(105%);

    transform: translateY(105%);

    transition: 1s cubic-bezier(.17, .85, .438, .99)

}



.hover-box:hover .hover-slide {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.swiper-slide .hover-slide {

    pointer-events: none

}



.swiper-slide.swiper-slide-active .hover-slide {

    pointer-events: auto

}



.swiper-slide .hover-box:hover .hover-slide,

.swiper-slide.hover-box:hover .hover-slide {

    -webkit-transform: translateY(105%);

    transform: translateY(105%)

}



.swiper-slide.swiper-slide-active .hover-box:hover .hover-slide,

.swiper-slide.swiper-slide-active.hover-box:hover .hover-slide {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.hover-stroke-fill-black,

.hover-stroke-fill-white {

    display: inline-block;

    position: relative;

    white-space: nowrap;

    color: transparent;

    -webkit-text-stroke: 1px

}



.hover-stroke-fill-white {

    -webkit-text-stroke-color: #fff

}



.hover-stroke-fill-black {

    -webkit-text-stroke-color: #000

}



.hover-stroke-fill-black:before,

.hover-stroke-fill-white:before {

    content: attr(data-text);

    overflow: hidden;

    width: 0%;

    position: absolute;

    left: 0;

    top: 50%;

    white-space: nowrap;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: 1s cubic-bezier(.225, 1, .316, .99)

}



body .hover-stroke-fill-black:before,

body .hover-stroke-fill-white:before {

    transition-delay: 0s !important

}



.hover-stroke-fill-white:before {

    color: #fff

}



.hover-stroke-fill-black:before {

    color: #000

}



.hover-box:hover .hover-stroke-fill-black:before,

.hover-box:hover .hover-stroke-fill-white:before,

.hover-stroke-fill-black:hover:before,

.hover-stroke-fill-white:hover:before {

    width: 100%

}



.hover-img-scale {

    transition: 1s cubic-bezier(.17, .85, .438, .99)

}



.hover-box:hover .hover-img-scale,

.hover-img-scale:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.has-scroll-smooth .title-offset {

    position: absolute;

    top: 0;

    left: 40%;

    white-space: nowrap

}



.has-scroll-smooth .horizontal-scroll-text-offset {

    margin-left: -50vw

}



.text-left-offset {

    display: inline-block;

    margin-left: -36%;

    z-index: 2

}



.text-right-offset {

    display: inline-block;

    margin-right: -52%;

    z-index: 2

}



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

    .column-100-999 .text-left-offset {

        margin-left: 0

    }



    .column-100-999 .text-right-offset {

        margin-right: 0

    }

}



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

    .text-left-offset {

        margin-left: 0

    }



    .text-right-offset {

        margin-right: 0

    }

}



textarea {

    background: 0 0;

    resize: vertical;

    box-sizing: border-box

}



input[type=color],

input[type=date],

input[type=datetime-local],

input[type=datetime],

input[type=email],

input[type=month],

input[type=number],

input[type=password],

input[type=search],

input[type=tel],

input[type=text],

input[type=time],

input[type=url],

input[type=week] {

    vertical-align: middle;

    outline: 0;

    background: 0 0

}



input[type=color]:focus,

input[type=date]:focus,

input[type=datetime-local]:focus,

input[type=datetime]:focus,

input[type=email]:focus,

input[type=month]:focus,

input[type=number]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=tel]:focus,

input[type=text]:focus,

input[type=time]:focus,

input[type=url]:focus,

input[type=week]:focus,

textarea:focus {

    outline: 0

}



input[type=submit] {

    text-decoration: none;

    border: none;

    outline: 0;

    background: 0 0

}



input[type=submit]:hover {

    outline: 0;

    background: 0 0

}



.form-label {

    position: absolute;

    left: 10px;

    top: 25px;

    z-index: 2;

    pointer-events: none;

    font-family: Roboto, sans-serif;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 1px;

    color: transparent;

    opacity: .7;

    -webkit-transform: translateY(-28px) scale(.8);

    transform: translateY(-28px) scale(.8);

    -webkit-transform-origin: left;

    transform-origin: left;

    transition: 1s cubic-bezier(.225, 1, .316, .99)

}



.form-anim-activate .form-label {

    transition-delay: 0s !important

}



.form-input:invalid+.form-label {

    opacity: 1;

    -webkit-transform: translateY(0) scale(1);

    transform: translateY(0) scale(1)

}



.form-input:focus+.form-label {

    opacity: .7;

    -webkit-transform: translateY(-28px) scale(.8);

    transform: translateY(-28px) scale(.8)

}



.email-label.js-active {

    opacity: .7 !important;

    -webkit-transform: translateY(-28px) scale(.8) !important;

    transform: translateY(-28px) scale(.8) !important

}



.form-label:before {

    content: attr(data-text);

    position: absolute;

    left: 0;

    top: 50%;

    z-index: 2;

    color: #fff;

    opacity: 0;

    -webkit-transform: translateX(-40px) translateY(-50%);

    transform: translateX(-40px) translateY(-50%);

    transition: 1s cubic-bezier(.225, 1, .316, .99)

}



.form-label.black:before {

    color: #000

}



.form-anim-activate.is-inview .form-label:before {

    opacity: 1;

    -webkit-transform: translateX(0) translateY(-50%);

    transform: translateX(0) translateY(-50%)

}



.form-input {

    width: 100%;

    padding: 20px 10px;

    border: none;

    box-sizing: border-box;

    font-family: Roboto, sans-serif;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 1px;

    line-height: normal;

    color: #fff

}



.form-input.black {

    color: #000

}



textarea.form-input {

    height: 100%;

    min-height: 150px

}



.error {

    color: red

}



.js-popup-fade {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    -webkit-filter: blur(10px);

    filter: blur(10px);

    transition: 2s cubic-bezier(.17, .85, .438, .99)

}



.js-popup-fade.js-active {

    pointer-events: auto;

    opacity: 1;

    -webkit-filter: blur(0);

    filter: blur(0);

    transition-delay: .7s

}



.popup-icon {

    margin: 0 auto;

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 23px;

    border-radius: 50%

}



#m_err .popup-icon {

    color: red;

    border: 1px solid red

}



#m_sent .popup-icon {

    color: green;

    border: 1px solid green

}



.popup-alert {

    margin: 30px 0

}



.form-box {

    opacity: 1;

    -webkit-filter: blur(0);

    filter: blur(0);

    transition: 2s cubic-bezier(.17, .85, .438, .99);

    transition-delay: .7s

}



.form-box.js-active {

    pointer-events: none;

    opacity: 0;

    -webkit-filter: blur(10px);

    filter: blur(10px);

    transition-delay: 0s

}



#send.js-active {

    pointer-events: none

}



#send.js-active .border-btn__inner {

    color: transparent !important

}



.btn-wait {

    display: inline-block;

    position: absolute;

    left: 50%;

    top: 50%;

    font-family: Roboto, sans-serif;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 7px;

    line-height: 1.2;

    text-transform: uppercase;

    color: #fff;

    opacity: 0;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    transition: .5s cubic-bezier(.17, .85, .438, .99)

}



.border-btn.black .btn-wait {

    color: #000

}



#send.js-active .btn-wait {

    opacity: 1

}



.form-search {

    position: relative

}



.form-search .form-input {

    padding: 10px 30px 10px 10px;

    border: 1px solid rgba(250, 250, 250, .2)

}



.form-search .form-input:focus {

    border: 1px solid #fff

}



.form-search .form-input.black {

    border: 1px solid rgba(0, 0, 0, .2)

}



.form-search .form-input.black:focus {

    border: 1px solid #000

}



.search-btn {

    position: absolute;

    top: 50%;

    right: 10px;

    z-index: 2;

    opacity: .5;

    border: none;

    font-size: 13px;

    line-height: 13px;

    text-align: center;

    color: #fff;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: .5s cubic-bezier(.225, 1, .316, .99)

}



.search-btn.black {

    color: #000

}



.search-btn:hover {

    opacity: 1

}



.comments-list {

    width: 100%

}



.comment-content {

    margin-bottom: 30px;

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(250, 250, 250, .1)

}



.comments-list.black .comment-content {

    border-bottom: 1px solid rgba(0, 0, 0, .1)

}



.comment-content:last-child,

.comments-list.black .comment-content:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none

}



.comment-children {

    margin: 20px 0 0 90px;

    padding-top: 30px;

    border-top: 1px solid rgba(250, 250, 250, .1)

}



.comments-list.black .comment-children {

    border-top: 1px solid rgba(0, 0, 0, .1)

}



.comment-content {

    position: relative

}



.comment-avatar {

    width: 70px;

    position: absolute;

    left: 0;

    top: 0

}



.comment-post {

    padding-left: 90px

}



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

    .comment-children {

        margin: 20px 0 0 0

    }

}



.list.list_center {

    text-align: center

}



.list.list_right {

    text-align: right

}



.list.list_row {

    display: flex;

    flex-wrap: wrap;

    margin-top: -10px

}



.list.list_row.list_center {

    justify-content: center

}



.list.list_row.list_right {

    justify-content: flex-end

}



.list__item {

    display: block !important;

    position: relative;

    line-height: 1.5

}



.list .list .list__item,

.list__item {

    margin-bottom: 15px

}



.list .list .list__item:last-child,

.list__item:last-child {

    margin-bottom: 0

}



.list_row .list__item {

    margin-top: 10px;

    margin-right: 10px;

    margin-bottom: 0

}



.list_row.list_center .list__item {

    margin-left: 5px;

    margin-right: 5px

}



.list_row.list_right .list__item {

    margin-left: 10px;

    margin-right: 0

}



.list .list.list_margin-1px .list__item,

.list_margin-1px .list__item {

    margin-bottom: 1px

}



.list .list.list_margin-1px .list__item:last-child,

.list_margin-1px .list__item:last-child {

    margin-bottom: 0

}



.list_margin-1px.list_row .list__item {

    margin-right: 1px;

    margin-bottom: 0

}



.list_margin-1px.list_row.list_center .list__item {

    margin-left: 1px;

    margin-right: 1px

}



.list_margin-1px.list_row.list_right .list__item {

    margin-left: 1px;

    margin-right: 0

}



.list .list.list_margin-20px .list__item,

.list_margin-20px .list__item {

    margin-bottom: 20px

}



.list .list.list_margin-20px .list__item:last-child,

.list_margin-20px .list__item:last-child {

    margin-bottom: 0

}



.list_margin-20px.list_row .list__item {

    margin-right: 20px;

    margin-bottom: 0

}



.list_margin-20px.list_row.list_center .list__item {

    margin-left: 10px;

    margin-right: 10px

}



.list_margin-20px.list_row.list_right .list__item {

    margin-left: 20px;

    margin-right: 0

}



.list .list.list_margin-30px .list__item,

.list_margin-30px .list__item {

    margin-bottom: 30px

}



.list .list.list_margin-30px .list__item:last-child,

.list_margin-30px .list__item:last-child {

    margin-bottom: 0

}



.list_margin-30px.list_row .list__item {

    margin-right: 30px;

    margin-bottom: 0

}



.list_margin-30px.list_row.list_center .list__item {

    margin-left: 15px;

    margin-right: 15px

}



.list_margin-30px.list_row.list_right .list__item {

    margin-left: 30px;

    margin-right: 0

}



.list__item.check,

.list__item.dot,

.list__item.x {

    padding-left: 30px

}



.list__item:before {

    position: absolute;

    left: 0;

    top: 12px;

    z-index: 4;

    font-family: Font Awesome;

    font-size: 12px;

    font-weight: 700;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.list__item.black:before {

    color: #000

}



.list__item.dot:before {

    content: '\f111';

    font-size: 6px

}



.list__item.check:before {

    content: '\f00c'

}



.list__item.x:before {

    content: '\f00d'

}



.list.list_counter {

    counter-reset: listIndex

}



.list_counter .list__item {

    padding-left: 30px;

    counter-increment: listIndex

}



.list_counter .list__item:before {

    content: counter(listIndex);

    font-family: Roboto, sans-serif;

    font-weight: 400

}



.list_counter .list__item:nth-child(1):before,

.list_counter .list__item:nth-child(2):before,

.list_counter .list__item:nth-child(3):before,

.list_counter .list__item:nth-child(4):before,

.list_counter .list__item:nth-child(5):before,

.list_counter .list__item:nth-child(6):before,

.list_counter .list__item:nth-child(7):before,

.list_counter .list__item:nth-child(8):before,

.list_counter .list__item:nth-child(9):before {

    content: '0'counter(listIndex)

}



.empty-grid-1px-33-50-none,

.empty-grid-200px-33-50-none,

.empty-grid-400px-33-none,

.grid-item-33-50-100 {

    display: block;

    width: 33.33%

}



.empty-grid-1px-50-50-none,

.empty-grid-200px-50-50-none,

.grid-item-50-50-100 {

    display: block;

    width: 50%

}



.empty-grid-1px-33-50-none,

.empty-grid-1px-50-50-none {

    height: 1px

}



.empty-grid-200px-50-50-none {

    height: 200px

}



.empty-grid-400px-33-none {

    height: 400px

}



.empty-grid-200px-33-50-none {

    height: 200px

}



.grid-margin-box {

    display: block;

    margin: 0 20px

}



.grid-margin-box_10px {

    display: block;

    margin: 0 10px

}



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



    .empty-grid-1px-33-50-none,

    .empty-grid-200px-33-50-none,

    .grid-item-33-50-100 {

        width: 50%

    }



    .empty-grid-400px-33-none {

        display: none

    }

}



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



    .grid-item-33-50-100,

    .grid-item-50-50-100 {

        width: 100%

    }



    .empty-grid-1px-33-50-none,

    .empty-grid-1px-50-50-none,

    .empty-grid-200px-33-50-none,

    .empty-grid-200px-50-50-none {

        display: none

    }



    .grid-margin-box,

    .grid-margin-box_10px {

        margin: 0

    }

}



.bg-overlay-black {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    opacity: .3;

    background-color: #000

}



.bg-overlay-black.bg-overlay-black_deep {

    opacity: .6

}



.bg-overlay-black.bg-overlay-black_light {

    opacity: .3

}



.testimonials-author {

    width: 180px;

    margin-left: auto;

    margin-right: auto

}



.client-logo {

    width: 100px;

    max-width: 100px;

    max-height: 100px

}



.video-bg-box {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.video-bg {

    min-width: 100%;

    min-height: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.bg-parallax {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat

}



.portfolio-top-offset {

    margin-top: 200px

}



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

    .portfolio-top-offset {

        margin-top: 0

    }

}



.skills-3-col {

    flex-basis: 25%

}



.skills-4-col {

    flex-basis: 33.33%

}



.skills-5-col {

    flex-basis: 41.66%

}



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



    .skills-3-col,

    .skills-4-col,

    .skills-5-col {

        flex-basis: 100%

    }

}



.price-border {

    box-sizing: border-box;

    border: 1px solid rgba(250, 250, 250, .2)

}



.price-border.black {

    border: 1px solid rgba(0, 0, 0, .2)

}



.price-title-border {

    box-sizing: border-box;

    border-top: 1px solid rgba(250, 250, 250, .2);

    border-bottom: 1px solid rgba(250, 250, 250, .2)

}



.price-title-border.black {

    border-top: 1px solid rgba(0, 0, 0, .2);

    border-bottom: 1px solid rgba(0, 0, 0, .2)

}



.line-bottom,

.line-top {

    width: 100%;

    height: 1px;

    position: absolute;

    left: 0;

    background-color: #fff

}



.line-top {

    top: 0

}



.line-bottom {

    bottom: 0

}



.line-bottom.black,

.line-top.black {

    background-color: #000

}



.pull-right {

    float: right

}



.team-img,

.team-img-right {

    background: #007791;

    min-height: 650px

}



.team-img .pro-img {

    width: 350px;

    height: 350px

}



.team-img-right .pro-img {

    width: 350px;

    height: 350px

}



.team-img .pro-img,

.team-img-right .pro-img {

    position: relative

}



.team-img .pro-img:after {

    content: '';

    position: absolute;

    left: -15px;

    width: 2px;

    height: 110px;

    background-color: red;

    bottom: 0

}



.team-img-right .pro-img:after {

    content: '';

    position: absolute;

    right: -15px;

    width: 2px;

    height: 110px;

    background-color: red;

    bottom: 0

}



.left-bar {

    position: relative

}



.left-bar:before {

    content: '';

    width: 110px;

    height: 2px;

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: red !important

}



.left-70 {

    left: 70%

}



.left-20 {

    left: 20%

}



.verticalDesign {

    transform: rotate(-90deg);

    font-size: 1rem;

    letter-spacing: 1px;

    position: absolute;

    left: -50px;

    top: 20%;

    color: #fff;

    line-height: 1;

    font-weight: 700

}



.verticalDesign:after {

    position: absolute;

    content: "";

    width: 53%;

    height: 1px;

    background: #fff;

    left: 0;

    bottom: -5px

}



.verticalDesign span {

    font-weight: 300;

    letter-spacing: 3px

}



.text-left {

    text-align: left !important

}



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

    .pos-rel.hidden-box.height-100vh {

        height: 70vh

    }



    .padding-top-bottom-120,

    .padding-top-bottom-150 {

        padding-top: 70px;

        padding-bottom: 70px

    }



    .padding-top-90 {

        padding-top: 0

    }

}



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

    .verticalDesign {

        display: none

    }



    .border-btn__inner {

        padding: 8px 15px

    }



    .pos-rel.hidden-box.height-100vh {

        height: 60vh

    }



    .flex-min-height-100vh {

        min-height: 34vh

    }



    .d-inline-block.margin-top-90.text-color-mix-blend.is-inview {

        margin-top: 40px

    }



    .team-img,

    .team-img-right {

        min-height: 600px

    }

}



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



    .team-img,

    .team-img-right {

        min-height: auto;

        padding: 30px;

        flex-basis: 100%;

        max-width: 100%

    }



    .seven-columns.padding-top-30 {

        flex-basis: 100%;

        max-width: 100%;

        display: flex;

        flex-direction: column

    }



    .max-width-600 {

        width: 100%;

        max-width: 100%

    }



    .column-r-margin-40.text-left,

    .seven-columns.padding-top-30 .column-l-margin-40 {

        margin-left: 0;

        order: 2;

        margin-top: 30px

    }



    .d-inline-block.margin-top-90.text-color-mix-blend.is-inview {

        margin-top: 20px

    }



    .text-left-offset {

        margin-left: 0

    }



    .text-right-offset {

        margin-right: 0

    }



    .team-img .pro-img,

    .team-img-right .pro-img {

        float: none;

        margin: 0 auto;

        display: block

    }



    .scrollanim-activate.is-inview {

        text-align: left

    }



    .designation,

    .headline-xl.anim-text-slide.title {

        color: #000

    }



    .left-20 {

        left: 70%;

        top: 10px

    }



    .team-img .pro-img:after {

        left: 103%

    }



    .container.padding-top-60.padding-bottom-150 {

        padding-bottom: 70px

    }



    .margin-top-90.hidden-xs {

        display: none

    }

}



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

    .headline-uppercase {

        font-size: 24px

    }



    .pos-rel.hidden-box.height-100vh {

        height: 40vh

    }



    .padding-bottom-120 {

        padding-bottom: 0

    }



    .padding-top-100,

    .padding-top-120,

    .padding-top-60 {

        padding-top: 10px

    }



    .padding-top-90 {

        padding-top: 0

    }



    .padding-bottom-150 {

        padding-bottom: 40px

    }



    .nav-bg-box {

        height: 30%

    }



    .eight-columns.padding-top-90 {

        margin-bottom: 15px

    }



    footer .headline-xxxxs {

        margin-top: 20px

    }

}



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

    .header-logo__img {

        height: 25px

    }
    .headline-xxxs {
    font-size: 22px;
}



    .headline-l, .big-head {

        font-size: 24px

    }



    .headline-xl {

        font-size: 33px

    }



    .scroll-to-btn {

        height: 23px

    }



    .pos-rel.hidden-box.height-100vh {

        height: 35vh

    }



    .pos-rel.hidden-box.height-100vh {

        height: 22vh

    }



    .logo-slide {

        top: 45%

    }



    .mobile-space {

        padding-top: 10px

    }

}



.career-email {

    color: #007791;

    text-decoration: underline

}

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

    
    .headline-xxxs {
    font-size: 20px;
}
}