/*!wmtwo - Global Stylesheet
H1 70px 3.8em
H2 50px 2.77em
H3 38px 2.11em
H4 30px 1.66em
H5 20px 1.11em
H6 16px 0.88em
small 14px 0.77em
body 18px*/
* {
    box-sizing: border-box
}

::placeholder {
    color: rgba(16, 24, 40, .4);
    opacity: 1
}

:-ms-input-placeholder {
    color: rgba(16, 24, 40, .4)
}

::-ms-input-placeholder {
    color: rgba(16, 24, 40, .4)
}

.tp-dfwv {
    position: fixed !important
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    height: 100%;
    position: relative
}

.flickity-slider {
    height: 100%;
    position: absolute;
    width: 100%;
    will-change: transform
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-enabled.is-fade .flickity-slider>* {
    pointer-events: none;
    z-index: 0
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
    pointer-events: auto;
    z-index: 1
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    text-rendering: optimizeLegibility
}

body,
html {
    font-kerning: none;
    height: 100%;
    line-height: 1;
    width: 100%
}

body {
    background: #eaeaea;
    border: 0;
    margin: 0;
    padding: 0
}

body,
input,
select,
textarea {
    color: #1d255f;
    font-family: Nexa;
    font-size: .9375vw;
    font-weight: 400;
    line-height: 1
}

input,
select,
textarea {
    background: #fff
}

a,
footer,
h1,
h2,
h3,
h4,
h5,
header,
html,
img,
nav,
p,
span,
ul,
ul li {
    border: 0;
    margin: 0;
    padding: 0
}

ul,
ul li {
    list-style: none
}

a {
    color: inherit;
    display: block;
    text-decoration: none
}

main {
    overflow: hidden
}

img {
    object-fit: cover
}

img,
svg {
    height: auto;
    width: 100%
}

svg {
    display: block;
    max-width: 100%
}

body:not(.isTouch) #smooth-content {
    will-change: transform
}

.onyx {
    color: #1d252d
}

.light_silver {
    color: #dddfe1
}

.coral_bg {
    background: #151011;
    color: #fff
}

.coral_color {
    color: #ff375e
}

.silver_color {
    color: #8f99a1
}

.silver_bg {
    background: #8f99a1;
    color: #fff
}

.purple_bg {
    background: #000000;
    color: #fff;
    opacity: .97
}

.light_bg {
    background: #fff;
    color: #1d252d
}

.site_loader {
    background: #eaeaea;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999
}

.site_loader svg {
    width: 5em
}

body:not(.progress) ._underline>span:before,
body:not(.progress) .arrow:before,
body:not(.progress) .rounded_btn.outlined:before,
body:not(.progress) .site_button.solid:before,
body:not(.progress) .social a:after,
body:not(.progress) .social a:before,
body:not(.progress) .transit-all {
    transition: all .4s cubic-bezier(.22, .61, .36, 1);
    -webkit-transition: all .4s cubic-bezier(.22, .61, .36, 1)
}

.li_head,
body:not(.progress) .ft_col li a,
body:not(.progress) .ft_end a,
body:not(.progress) .nav_list li a {
    transition: color .4s cubic-bezier(.22, .61, .36, 1);
    -webkit-transition: color .4s cubic-bezier(.22, .61, .36, 1)
}

body:not(.progress) .arrow,
body:not(.progress) .burger_content>ul a,
body:not(.progress) .switch_menu li {
    transition: color .4s cubic-bezier(.22, .61, .36, 1), background .4s cubic-bezier(.22, .61, .36, 1);
    -webkit-transition: color .4s cubic-bezier(.22, .61, .36, 1), background .4s cubic-bezier(.22, .61, .36, 1)
}

body:not(.progress) .arrow.solid {
    transition: background .4s cubic-bezier(.22, .61, .36, 1);
    -webkit-transition: background .4s cubic-bezier(.22, .61, .36, 1)
}

body:not(.progress) .nav_burger_lines i,
body:not(.progress) .nav_burger_lines svg {
    transition: opacity .4s cubic-bezier(.22, .61, .36, 1);
    -webkit-transition: opacity .4s cubic-bezier(.22, .61, .36, 1)
}

body.progress:before {
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.SplitClass,
._ele,
._eleUp,
._eleX,
._eleY,
._element,
._underline:before {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

._eleWrap,
._splitLines,
._splitWords {
    visibility: hidden
}

._mask>.SplitClass,
._y {
    overflow: hidden
}

._underline>span,
._y {
    position: relative
}

._underline>span {
    display: inline-flex;
    line-height: 1
}

body:not(.isTouch) ._underline>span:before {
    background: currentColor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: 0 0
}

body:not(.isTouch) ._underline:hover>span:before {
    transform: scaleX(1)
}

.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f {
    display: flex
}

.f-c {
    flex-direction: column
}

.f-w {
    flex-wrap: wrap
}

.s-b {
    justify-content: space-between
}

.s-a {
    justify-content: space-around
}

.j-e {
    justify-content: flex-end
}

.j-c {
    justify-content: center
}

.a-c {
    align-items: center
}

.a-e {
    align-items: flex-end
}

.a-b {
    align-items: baseline
}

.a-s {
    align-items: flex-start
}

.sides_padding {
    padding-left: 5.556em;
    padding-right: 5.556em
}

.x_padding {
    padding-left: 2.77em;
    padding-right: 2.77em
}

.x2_padding {
    padding-left: 5.55em;
    padding-right: 5.55em
}

.inner_padding {
    padding-bottom: 7.778em;
    padding-top: 7.778em
}

.border_top {
    border-top: 1px solid rgba(29, 37, 45, .2)
}

.rounded_corners:not(.overflow) {
    overflow: hidden;
    will-change: transform
}

.rounded_corners.force_corners {
    border-radius: 2.222em
}

.section_wrap {
    gap: 2.778em
}

.section_head {
    gap: .8em 0;
    width: 100%
}

.section_body {
    position: relative
}

.section_title {
    gap: .5em
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    margin: 0
}

h1,
h2,
h3,
h4 {
    font-weight: 400
}

h1 {
    font-size: 3.8em;
    line-height: 100%
}

h2 {
    font-size: 2.77em;
    line-height: 80%
}

h3 {
    font-size: 2.11em;
    line-height: 130%
}

h4 {
    font-size: 1.66em
}

h4,
h5 {
    line-height: 120%
}

h5 {
    font-size: 1.11em
}

h6 {
    font-size: .88em;
    line-height: 100%
}

h5,
h6,
strong {
    font-weight: 500
}

.para_set ol,
.para_set ul,
p {
    line-height: 160%
}

.small {
    font-size: .77em;
    line-height: 150%
}

.high {
    line-height: 130%
}

._temp {
    background: #000
}

.pointer {
    cursor: pointer
}

.spinner {
    height: 20px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 20px;
    z-index: 1999
}

.spinner:before {
    border: 2px solid hsla(0, 0%, 100%, .3);
    border-bottom-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.dark_spinner .spinner:before {
    border-color: rgba(0, 0, 0, .3) rgba(0, 0, 0, .3) #000
}

.rotate {
    -webkit-animation: rotateSpinner 7s linear infinite;
    animation: rotateSpinner 7s linear infinite
}

.spinner:not(.pause):before {
    -webkit-animation: rotateSpinner .3s linear infinite;
    animation: rotateSpinner .3s linear infinite
}

@-webkit-keyframes rotateSpinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotateSpinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotateSpinnerReverse {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes rotateSpinnerReverse {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

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

.parallax_wrap {
    overflow: hidden;
    will-change: transform
}

.parallax {
    bottom: -6em;
    top: -6em
}

.full_page {
    height: calc(var(--vh, 1vh)*100)
}

.cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.site_button {
    border-radius: .77em;
    display: inline-flex;
    gap: .5em;
    height: 3.333em;
    overflow: hidden;
    padding: 0 1.875em;
    position: relative;
    will-change: transform
}

.submit svg {
    position: absolute
}

.submit.success strong,
.submit:not(.success) svg {
    opacity: 0
}

.submit svg {
    width: 1.3em;
    z-index: 199
}

.disabled,
input[disabled] {
    cursor: not-allowed
}

.submit.disabled:before {
    opacity: .5 !important;
    pointer-events: all;
    transform: scaleY(1) !important;
    z-index: 199
}

.site_button.solid:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .15;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 100% 100%
}

body:not(.isTouch) .site_button.solid:hover:before {
    transform: scaleY(1)
}

.rounded_btn {
    border-radius: 50%;
    height: 3.888em;
    position: relative;
    width: 3.888em
}

.rounded_btn svg {
    width: .8333em
}

.rounded_btn.outlined:before {
    border: 1px solid;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0
}

body:not(.isTouch) .rounded_btn.outlined:hover:before {
    opacity: .5
}

.small_button {
    height: 3.22em;
    width: 3.22em
}

.small_button svg {
    width: 1em
}

.shape_link_content {
    direction: ltr;
    gap: .55em;
    white-space: nowrap
}

.shape_link svg {
    width: .79em
}

.shape_link>span {
    position: relative;
    top: .05em
}

.st_wrap.f.a-s {
    direction: ltr;
    padding-top: 7em
}

.st_col svg {
    width: 10em
}

.st_col h5 {
    margin-top: -2em
}

.st_col {
    max-width: 14.33em;
    text-align: center
}

body:not(.isTouch) .shape_link:hover .shape_link_content {
    transform: translateX(-1.34em)
}

body:not(.isTouch) .shape_link:hover svg {
    opacity: 0
}

.video_popup {
    background: rgba(18, 20, 55, .95);
    left: 0;
    padding: 2em;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 8899
}

.video_popup video {
    max-height: 80%;
    width: 100%
}

.video_close {
    position: absolute;
    top: 3em;
    z-index: 99
}

.rounded_button {
    color: #000;
    height: 3em;
    position: relative;
    width: 3em
}

.rounded_button i {
    background: #fff;
    border-radius: 50%
}

.rounded_button svg {
    width: .85em;
    z-index: 99
}

.outlines {
    border: 1px solid
}

.light_solid {
    background: #fff;
    color: #000
}

.arrows {
    gap: .55em
}

.arrow {
    border-radius: .77em;
    flex: 3.22em 0 0;
    height: 3.22em;
    position: relative;
    width: 3.22em;
    z-index: 199
}

.arrow:before {
    border: 1px solid;
    border-radius: .77em;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0
}

.arrow.solid:before {
    opacity: 0
}

.arrow:hover:before {
    opacity: 1
}

body:not(.isTouch) .arrow.solid:hover:before,
body:not(.isTouch) .ft_cta:hover .arrow.solid:before {
    opacity: .3
}

body:not(.isTouch) .arrow.solid:hover,
body:not(.isTouch) .ft_cta:hover .arrow.solid {
    background: 0 0
}

.arrow svg {
    width: 1em
}

header {
    left: 0;
    position: absolute;
    right: 0;
    top: 2.5em;
    z-index: 99
}

.main_logo {
    width: 10em;
}

.nav_set {
    font-weight: 500;
    height: 3.333em;
    left: 50%;
    position: fixed;
    top: 2.5em;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 5999
}

.nav_list svg {
    flex: .722em 0 0;
    max-width: unset;
    width: .722em
}

.nav_bg {
    background: #fff;
    border-radius: .77em;
    box-shadow: 0 0 64px 0 rgba(0, 0, 0, .1);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -99
}

.nav_list {
    position: relative
}

.nav_list>ul>li>a,
.nav_list_set>a {
    gap: .55em;
    padding: .833em 1em
}

.nav_list_set {
    padding: 0 .444em;
    position: relative;
    z-index: 99
}

.nav_burger {
    box-shadow: 0 0 64px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    height: 100%;
    position: absolute;
    visibility: hidden;
    width: 3.333em
}

.nav_burger_lines i {
    background: currentColor;
    height: .111em;
    width: .722em
}

.nav_burger_lines {
    gap: .1944em;
    position: relative
}

.nav_burger_lines svg {
    position: absolute;
    z-index: 99
}

.language {
    position: relative
}

.language:before {
    background: currentColor;
    bottom: .8em;
    content: "";
    opacity: .3;
    position: absolute;
    top: .8em;
    width: 1px
}

.nav_selected {
    border-radius: .666em;
    height: 100%;
    position: absolute;
    width: 0
}

.nav_list ul {
    position: relative;
    z-index: 99
}

.mega_menu {
    background: #fff;
    border-radius: 2em;
    color: #1d255f;
    flex-wrap: wrap;
    font-size: .9em;
    gap: 3em 2em;
    overflow: hidden;
    padding: 3em;
    position: absolute;
    top: 130%;
    visibility: hidden;
    width: 70em;
    z-index: 99
}

.mega_menu ul {
    gap: .7em;
    line-height: 1.2;
    white-space: break-spaces;
    width: calc(33.3% - 2em)
}

.mega_menu ul strong {
    display: block;
    margin-bottom: 1em
}

.mega_menu ul a {
    color: rgba(29, 37, 95, .5)
}

.mega_menu ul a:hover {
    color: #1d255f !important
}

.hover #mega-1,
.nav_list:not(.hover) ul a:hover,
.nav_list:not(:hover):not(.hover) ul .active {
    color: #fff
}

.burger_wrap {
    color: #fff;
    direction: ltr;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4999
}

.burger_wrap>i {
    transform: scaleY(0);
    transform-origin: 0 0
}

.burger_content {
    font-size: 1.5em;
    position: relative
}

.burger_content>ul {
    gap: 1em;
    width: 100%
}

.burger_content>ul a.f {
    gap: .5em
}

#burger-dropdown,
body:not(.isTouch) .burger_content>ul a:hover {
    color: hsla(0, 0%, 100%, .5)
}

.burger_content svg {
    width: .6em
}

.burger_scroller {
    height: 100%;
    overflow-y: scroll;
    padding: 9em calc(50px + 2em) 10em 2em;
    width: calc(100% + 50px)
}

.burger_content>ul ul {
    font-size: .7em !important;
    gap: 1em;
    margin: 1.5em 0 .5em;
    width: 100%
}

.burger_content .li_head {
    border-top: 1px solid hsla(0, 0%, 100%, .3);
    width: 100%
}

.ft_mdl,
.ft_top {
    padding-bottom: 3.88em;
    padding-top: 3.88em
}

.ft_nt_set {
    gap: 10em
}

.ft_form form {
    border-radius: .77em;
    overflow: hidden;
    position: relative;
    width: 31.66em;
    will-change: transform
}

.ft_form .site_button {
    height: 3.22em
}

.ft_form .site_button,
.ft_form svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ft_form svg {
    width: .88em;
    z-index: 99
}

.ft_email {
    appearance: none;
    border: none;
    height: 3.88em;
    outline: none;
    width: 100%
}

input[type=submit] {
    position: absolute;
    visibility: hidden;
    z-index: -99
}

.ft_title {
    width: 18.88em
}

.ft_form_set {
    gap: 1.11em
}

.ft_form_set h6 {
    color: hsla(0, 0%, 100%, .7);
    font-weight: 400
}

.ft_mdl {
    background: hsla(0, 0%, 100%, .03);
    gap: 3.88em
}

.ft_block {
    gap: 1em
}

.ft_line {
    background: hsla(0, 0%, 100%, .2);
    height: 4em;
    width: 1px
}

.ft_block h5 {
    color: hsla(0, 0%, 100%, .5)
}

.ft_emails {
    gap: 1.11em
}

.ft_emails>a,
.ft_emails>div {
    gap: .833em
}

.ft_emails svg {
    flex: .944em 0 0;
    opacity: .6
}

.ft_btm {
    padding-bottom: 5.55em;
    padding-top: 5.55em
}

.ft_col {
    gap: 2.77em
}

.ft_col h5 {
    color: hsla(0, 0%, 100%, .6)
}

.ft_col li a {
    padding: .5em 0
}

.ft_col ul ul {
    margin-bottom: 2em
}

.ft_col ul ul li {
    font-size: .9em
}

.burger_content ul ul li:not(.expanded) ul,
footer li:not(.expanded) ul {
    display: none
}

.li_head {
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer;
    gap: .5em
}

.burger_content .li_head {
    padding-top: 1em
}

footer .li_head {
    margin-bottom: 1em
}

.li_head:hover {
    color: hsla(0, 0%, 100%, .6)
}

li.expanded .li_head {
    color: #fff !important
}

.li_head svg {
    width: .8em
}

body:not(.isTouch) .ft_col ul:hover a:not(:hover) {
    color: hsla(0, 0%, 100%, .6)
}

.ft_end {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    color: hsla(0, 0%, 100%, .5);
    padding-bottom: 1.3em;
    padding-top: 1.3em
}

.ft_logo {
    gap: 1em
}

.ft_logo>span {
    display: block
}

.ft_logo svg {
    width: 2em
}

body:not(.isTouch) .ft_end a:hover {
    color: #fff
}

.ft_end ul {
    gap: 1em
}

.ft_blocks {
    flex-wrap: wrap;
    gap: 2em 0
}

.ft_blocks .ft_block {
    width: 35%
}

.ft_cta {
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: .7em;
    padding: 2em;
    width: 27.66em
}

.drone_wrap {
    background: #eaeaea
}

.drone_container {
    position: relative
}

.drone_content_set {
    left: 8.333em;
    right: 8.333em
}

.drone_content {
    position: absolute;
    width: 25.8em
}

.drone_content:not(.active) {
    visibility: hidden
}

.shorter {
    gap: 1.66em
}

.shorter h3 {
    max-width: 80%
}

.info_set {
    bottom: 2.22em;
    color: #fff;
    left: 0;
    mix-blend-mode: exclusion;
    position: absolute;
    right: 0;
    z-index: 899
}

.info_set .small {
    max-width: 21.5em
}

.info_set svg {
    width: 1.277em
}

.video_container {
    background: #000;
    border-radius: 3.333em;
    overflow: hidden;
    transform: scale(.7);
    visibility: hidden;
    will-change: transform;
    z-index: 199
}

.banner_media video,
.video_container video {
    min-height: 100%;
    min-width: 100%;
    pointer-events: none;
    position: absolute
}

.play_wrap {
    padding-bottom: 7em;
    visibility: hidden;
    z-index: 299
}

.intro_cols {
    background: #f4f4f4
}

.intro_col {
    flex: 33.3% 0 0;
    position: relative
}

.col_shape {
    width: 3.22em
}

.col_content {
    padding: 5em
}

.col_text {
    gap: 1.66em
}

.middle_col {
    gap: 3.33em
}

.tech_wrap {
    background: #f6f6f6;
    position: relative
}

.tech_sub {
    gap: 1em;
    padding-top: 6.11em
}

.tech_counter {
    gap: .3em
}

#techSlide {
    min-width: 1.2em
}

.tech_arrows {
    padding-bottom: 5em
}

.tech_content_set {
    position: absolute;
    top: 13.33em
}

.tech_content {
    gap: 2.222em;
    max-width: 29.444em
}

.tech_title {
    gap: 1.11em
}

.tech_list {
    position: absolute;
    visibility: hidden;
    z-index: -999
}

.eco_wrap {
    height: calc(var(--vh, 1vh)*100 - 5.54em);
    min-height: 42em
}

.eco_content {
    display: inline-flex;
    max-width: 32em;
    text-align: center
}

.eco_txt {
    gap: 2.22em
}

.eco_txt svg {
    position: absolute;
    top: 0;
    width: 4.944em
}

.eco_title {
    display: inline-flex;
    position: relative;
    width: 25em
}

.eco_title h2 {
    gap: .4em;
    white-space: nowrap
}

.eco_logo,
.eco_title h2>span:first-child {
    position: relative
}

.eco_logo {
    -moz-border-radius-bottomright: 2.22em;
    -webkit-border-bottom-right-radius: 2.22em;
    border-bottom-right-radius: 2.22em;
    height: 16.66em;
    width: 16.66em
}

.eco_bar,
.eco_logo {
    overflow: hidden;
    will-change: transform
}

.eco_bar {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 10em;
    bottom: 5em;
    height: .33em;
    position: absolute;
    width: 5.166em
}

.eco_bar>i {
    background: #fff;
    transform: scaleX(0);
    transform-origin: 0 0
}

.about_container {
    background: #eaeaea
}

.about_container,
.content_wrap {
    position: relative
}

.content_media {
    opacity: .2
}

.content_set {
    gap: 14em;
    position: relative;
    z-index: 199
}

.content_head {
    gap: 3.888em
}

.content_title {
    gap: 1.5em
}

.content_list {
    gap: 3em 5em
}

.content_block_line {
    background: hsla(0, 0%, 100%, .4);
    height: 4em;
    position: relative;
    top: 50%;
    width: 1px
}

.content_block {
    align-self: flex-start;
    gap: 1em;
    min-width: calc(33.3% - 7em)
}

.values_wrap {
    max-width: 68.889em;
    width: 100%
}

.values_list {
    gap: 2.22em
}

.value_head {
    gap: 1em;
    max-width: 90%
}

.value_head svg {
    width: .833em
}

.value_block {
    gap: 1.66em
}

.team_content .value_block,
.value_content {
    gap: .5em
}

.section_body .list_slider:not(:first-child) {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

.value_content p {
    max-width: 25em
}

.values_line {
    background: rgba(29, 37, 45, .2);
    height: 1px
}

.values_head {
    max-width: 24em
}

.switch_menu {
    padding: .277em;
    position: relative
}

.switch_menu:before {
    border: 1px solid;
    border-radius: .555em;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.switch_menu li {
    border-radius: .45em;
    cursor: pointer;
    padding: 1em
}

.switch_menu li.active,
.team_card {
    background: #fff;
    color: #1d252d
}

.team_card {
    min-height: 100%;
    width: 100%
}

.team_photo {
    height: 25.11em;
    position: relative
}

.team_content {
    padding: 2em 1em
}

.banner_wrap {
    overflow: unset;
    position: relative;
    width: 100%
}

.banner_media:before {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.banner_content_wrap {
    backface-visibility: hidden;
    border-bottom: 1px solid #eaeaea;
    bottom: -1px;
    max-width: 38.88em;
    position: absolute;
    width: 100%;
    will-change: transform
}

.banner_content_set svg {
    position: absolute;
    width: 2.22em
}

.banner_content_set svg:first-child {
    top: 1px;
    transform: translateY(-100%)
}

.banner_content_set svg:nth-child(2) {
    bottom: -1px
}

.banner_content {
    background: #eaeaea;
    color: #1d252d;
    gap: .833em;
    padding: 2em 3.33em
}

.text_side:first-child {
    width: 29.33em
}

.text_sides.wider .text_side:first-child {
    width: 35em
}

.text_side:last-child {
    width: 27.22em
}

.text_sides.wider .text_side:last-child {
    width: 36.22em
}

.text_sides {
    gap: 15em
}

.text_sides.wider {
    gap: 11em
}

.text_sides_set {
    gap: 2.22em;
    width: 100%
}

.head_side {
    gap: 1.5em
}

.text_set {
    gap: .833em;
    max-width: 32.22em
}

.section_head_set {
    gap: 2.22em
}

.cta_block_set {
    padding-bottom: 6em;
    padding-top: 6em;
    text-align: center
}

.cta_block {
    gap: 2em
}

.logos_wrap {
    gap: 1.66em;
    width: 100%
}

.logo_set {
    background: #fff;
    height: 16.66em;
    position: relative;
    width: calc(20% - 1.66em)
}

.logo_set>svg {
    position: absolute;
    top: 0;
    width: 1.5em
}

.one_side_corner {
    -moz-border-radius-bottomright: 2.222em;
    -webkit-border-bottom-right-radius: 2.222em;
    border-bottom-right-radius: 2.222em;
    overflow: hidden;
    will-change: transform
}

.card_set {
    background: #000;
    color: #fff;
    cursor: pointer;
    height: 33.388em;
    position: relative;
    width: 100%
}

.list_col_set {
    min-height: 100%;
    position: absolute;
    width: calc(33.33% - 1.15em)
}

.list_col {
    height: 100%
}

.list_slider {
    width: 100%
}

.card_cover:after,
.card_cover:before {
    background: 0 0;
    background: -moz-linear-gradient(top, transparent 0, #000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, transparent), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent 0, #000 100%);
    background: -ms-linear-gradient(top, transparent 0, #000 100%);
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.card_cover:after {
    transform: scaleY(-1)
}

.card_content {
    padding: 1.666em;
    z-index: 199
}

.card_side {
    gap: .5em
}

body:not(.isTouch) .card_set:hover .arrow {
    background: #fff;
    color: #1d252d
}

body:not(.isTouch) .card_set:hover .arrow:before {
    opacity: 0;
    transform: scale(.3)
}

body:not(.isTouch) .card_set:hover .card_cover {
    opacity: .7;
    transform: scale(1.1)
}

.inner_banner {
    height: 41.66em;
    position: relative
}

.banner_wrap .play_wrap {
    padding-bottom: 3em;
    visibility: unset
}

.inner_banner_content {
    padding-bottom: 3.88em;
    position: relative;
    z-index: 199
}

.inner_banner_content.a-c {
    gap: 1em;
    max-width: unset;
    max-width: 60em;
    text-align: center
}

.inner_banner_media {
    opacity: .8
}

.inner_banner_media:after {
    background: transparent;
    background: -moz-linear-gradient(top, rgba(70, 0, 140, 0) 0, #101011 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(70, 0, 140, 0)), color-stop(100%, #101011));
    background: -webkit-linear-gradient(top, rgba(70, 0, 140, 0), #101011);
    background: -o-linear-gradient(top, rgba(70, 0, 140, 0) 0, #101011 100%);
    background: -ms-linear-gradient(top, rgba(70, 0, 140, 0) 0, #101011 100%);
    background: linear-gradient(180deg, rgba(70, 0, 140, 0), #101011);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#101011", endColorstr="#101011", GradientType=0);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.bookmark.active {
    background: #fff;
    color: #1d252d
}

.txt {
    position: absolute
}

.canvas_text {
    color: #fff;
    mix-blend-mode: exclusion;
    padding-top: 2.5em
}

.shape_set {
    opacity: .1;
    position: absolute
}

.shape_set:first-child {
    top: 0;
    width: 20.05em
}

.shape_set:nth-child(2) {
    bottom: 0;
    width: 19.5em
}

.form_block input,
.form_block select,
.form_block textarea {
    appearance: none;
    border: 1px solid rgba(29, 37, 45, .2);
    border-radius: .77em;
    height: 3.88em;
    outline: none;
    padding: 1.4em 1.666em;
    width: 100%
}

.form_block textarea {
    min-height: 7em;
    resize: vertical
}

.form_set {
    gap: 2em;
    max-width: 40em;
    position: relative;
    width: 100%;
    z-index: 199
}

.form_blocks {
    gap: 1.5em
}

.dropdown_set {
    display: none
}

.dropdown {
    position: relative
}

.dropdown svg {
    pointer-events: none;
    position: absolute;
    width: .722em
}

.contact_blocks {
    border: 1px solid hsla(0, 0%, 0%, 0.712);
    border-radius: 1.66em;
    bottom: 4em;
    gap: 3em;
    left: 5.55em;
    padding: 2.22em 4.44em;
    /* position: absolute; */
    right: 5.55em
}

.contact_blocks .ft_block {
    width: 19.11em
}

.s_cards {
    gap: 2.222em
}

.s_card {
    background: #fff;
    flex: 1 0 0;
    height: 22.111em;
    min-width: 30%;
    padding: 2.222em
}

.s_card_head {
    gap: .5em;
    max-width: 80%
}

.s_card_description {
    gap: 1em
}

.s_card_description p {
    max-width: 27em
}

.s_card_head svg {
    width: 3.333em
}

.note {
    background: rgba(70, 0, 140, .1);
    border: 1px solid rgba(70, 0, 140, .2);
    border-radius: 1em;
    color: #46008c;
    padding: 2em 3em
}

.static_content {
    gap: 2em;
    max-width: 50em
}

.para_set {
    gap: 1em
}

.para_set a {
    display: inline
}

.static_text {
    gap: 1em
}

.para_set li {
    padding: .4em 0
}

.para_set ul ul,
.para_set ul ul li {
    list-style: decimal
}

.para_set ol {
    list-style: disc
}

.badges_set {
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-top: 1em;
    padding: 2em 0 0;
    position: relative;
    width: 100%
}

@media(min-width:961px) {
    ._sticky {
        padding-top: 1em;
        position: relative;
        z-index: 199
    }

    .eco_logos_set {
        bottom: 0;
        left: 5.55em;
        pointer-events: none;
        position: absolute;
        right: 5.55em;
        top: 0
    }

    .eco_logos {
        display: inline-flex;
        gap: 1.66em;
        position: absolute
    }

    .eco_logos_row {
        height: 100%;
        position: relative;
        width: 16.66em
    }

    .eco_logos_row:first-child .eco_logos {
        padding-top: 1.66em
    }

    .eco_logos_row:last-child .eco_logos {
        padding-bottom: 1.66em
    }

    .eco_content {
        position: absolute
    }

    .list_col_set.less {
        width: calc(25% - 1.15em)
    }
}

@media(max-width:960px) {

    body,
    input,
    select,
    textarea {
        font-size: 1.2vw
    }

    .x2_padding,
    .x_padding {
        padding-left: 3em;
        padding-right: 3em
    }

    .drone_content_set {
        left: 3em;
        right: 3em
    }

    .ft_blocks {
        gap: 4em 0
    }

    .ft_blocks .ft_block {
        flex: 50% 0 0
    }

    footer .ft_line {
        display: none
    }

    .eco_wrap {
        flex-direction: column;
        gap: 4em;
        padding-left: 3em;
        padding-right: 3em
    }

    .eco_logos_set {
        display: block;
        width: 100%
    }

    .eco_logos_set:after {
        content: "flickity";
        display: none
    }

    .eco_logos {
        flex-direction: row;
        gap: 1.66em
    }

    .eco_content {
        max-width: 42em
    }

    .eco_logos_row {
        position: absolute;
        width: 86.3em
    }

    .eco_logos_row:last-child {
        display: none
    }

    .logo_set {
        width: calc(25% - 1.66em)
    }

    .contact_blocks {
        padding: 2em;
        top: unset
    }
}

@media(min-width:642px) {
    .drone_wrap {
        height: calc(var(--vh, 1vh)*800)
    }

    .drone_arrows {
        display: none
    }

    .about_wrap {
        height: calc(var(--vh, 1vh)*800)
    }

    .txt:not(#txt1) {
        visibility: hidden
    }

    .intro_col {
        flex: 33.3% 0 0
    }

    .tech_wrap {
        height: 52.22em
    }

    .tech_sub {
        position: absolute;
        z-index: 99
    }

    .tech_arrows {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0
    }

    .banner_content p {
        max-width: 90%
    }

    .rounded_corners {
        border-radius: 2.222em
    }

    footer,
    section:not(:first-child) {
        padding-top: 2.77em
    }

    footer {
        padding-bottom: 2.77em
    }

    .ft_blocks {
        width: 55%
    }

    .content_title p {
        max-width: 66%
    }

    .content_head {
        max-width: 46em
    }

    .light_header .nav_set,
    .light_header header {
        /* top: 5em */
    }

    .light_header header {
        padding-left: 3.33em;
        padding-right: 3.33em
    }

    .banner_wrap_set {
        padding-bottom: 2.77em
    }

    .banner_wrap_set,
    .inner_banner_set {
        padding-top: 7.77em
    }

    .banner_wrap {
        height: calc(var(--vh, 1vh)*100 - 5.54em);
        min-height: 35em
    }

    .inner_banner_content {
        max-width: 40em
    }

    .inner_banner_content.wider {
        max-width: 60em
    }

    .inner_banner_content p {
        max-width: 80%
    }

    .burger_wrap,
    .nav_burger_lines svg {
        display: none
    }
}

@media(max-width:641px) {

    body,
    input,
    select,
    textarea {
        font-size: 4vw
    }

    .x2_padding,
    .x_padding {
        padding-left: 2em;
        padding-right: 2em
    }

    h1 {
        font-size: 2.77em
    }

    footer>.x_padding,
    section>.x_padding {
        padding-left: 0;
        padding-right: 0
    }

    .inner_padding {
        padding-bottom: 6em;
        padding-top: 6em
    }

    .drone_content_set {
        left: 2em;
        right: 2em
    }

    .drone_content {
        top: 10em
    }

    .intro_cols {
        flex-direction: column
    }

    .intro_col>.full_bg {
        position: relative
    }

    .intro_col .parallax_wrap {
        height: 32em
    }

    .col_content {
        gap: 3.33em
    }

    .tech_sub {
        padding-top: 5em
    }

    .tech_canvas {
        height: 45em;
        margin-top: 10em;
        position: relative
    }

    .tech_content_set {
        top: 10em
    }

    .ft_blocks {
        align-items: flex-start;
        flex-direction: column;
        gap: 3em 0;
        width: 100%
    }

    .ft_blocks .ft_block {
        flex: 100% 0 0;
        width: unset
    }

    .ft_nt_set {
        align-items: flex-start;
        flex-direction: column;
        gap: 2em
    }

    .ft_btm {
        flex-wrap: wrap;
        gap: 4em 0
    }

    .ft_col {
        flex: 100% 0 0;
        gap: 2em
    }

    .ft_col,
    .ft_end {
        align-items: flex-start
    }

    .ft_end {
        flex-direction: column;
        gap: 1em
    }

    .ft_cta {
        width: 100%
    }

    .eco_wrap {
        flex-direction: column-reverse;
        min-height: 60em;
        padding-left: 2em;
        padding-right: 2em
    }

    .eco_wrap.tall {
        display: block;
        padding-top: 13em
    }

    .eco_logo {
        height: 13em;
        width: 13em
    }

    .ft_blocks_set {
        align-items: flex-start;
        flex-direction: column;
        gap: 4em
    }

    .content_block_line {
        display: none
    }

    .content_list,
    .values_wrap {
        flex-direction: column
    }

    .values_wrap {
        gap: 4em
    }

    .values_list {
        width: 100%
    }

    .nav_set {
        width: 3.333em
    }

    .nav_bg {
        width: 3.333em !important
    }

    .nav_list_set {
        visibility: hidden !important
    }

    .nav_burger {
        opacity: unset !important;
        transform: rotate(90deg) !important;
        visibility: unset !important
    }

    .nav_burger.on .nav_burger_lines i,
    .nav_burger:not(.on) .nav_burger_lines svg {
        opacity: 0
    }

    .banner_content_set svg {
        visibility: hidden
    }

    .banner_content {
        background: hsla(0, 0%, 100%, .9);
        border-radius: 2.222em
    }

    .banner_content_wrap {
        border: none !important;
        bottom: 2em;
        left: 2em !important;
        right: 2em !important;
        width: unset
    }

    .logo_set {
        width: calc(50% - 1.66em)
    }

    .text_sides {
        flex-direction: column;
        gap: 2em !important
    }

    .text_side {
        width: 100%
    }

    .section_head_set .section_head {
        align-items: flex-start;
        flex-direction: column;
        gap: 1.5em
    }

    .section_head_set .head_side {
        justify-content: space-between;
        width: 100%
    }

    .list_col_set {
        width: 83.33%
    }

    .team_photo {
        height: 34.11em
    }

    .ft_line {
        display: none
    }

    .contact_blocks {
        align-items: flex-start;
        flex-direction: column;
        gap: 2em;
        left: 2em;
        right: 2em
    }

    .contact_blocks .ft_block {
        width: 100%
    }

    .contact_blocks .ft_block:not(:first-child) {
        border-top: 1px solid hsla(0, 0%, 100%, .3);
        padding-top: 2em
    }

    .inner_banner_content h2 {
        max-width: 80%
    }

    .inner_banner {
        height: 60em
    }

    .s_cards {
        flex-direction: column
    }

    .s_card {
        flex: unset;
        gap: 4em;
        height: unset
    }

    ._has_arrows .scroll_icon,
    ._has_arrows>.small,
    .mega_menu {
        display: none
    }

    ._has_arrows {
        justify-content: flex-end
    }

    .st_wrap {
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        flex-wrap: wrap;
        gap: 4em 0;
        padding-bottom: 7em
    }

    .st_col {
        flex: 50% 0 0
    }

    .logos_wrap {
        gap: 2.3em 0;
        justify-content: space-between
    }

    #txt1 {
        animation: fade 10s infinite;
        -webkit-animation: fade 10s infinite
    }

    #txt2 {
        animation: fade2 10s infinite;
        -webkit-animation: fade2 10s infinite
    }

    #txt3 {
        animation: fade3 10s infinite;
        -webkit-animation: fade3 10s infinite
    }

    #txt4 {
        animation: fade4 10s infinite;
        -webkit-animation: fade4 10s infinite
    }

    @keyframes fade {
        0% {
            opacity: 0
        }

        20% {
            opacity: 1
        }

        40% {
            opacity: 0
        }

        60% {
            opacity: 0
        }

        80% {
            opacity: 0
        }

        to {
            opacity: 0
        }
    }

    @keyframes fade2 {
        0% {
            opacity: 0
        }

        20% {
            opacity: 0
        }

        40% {
            opacity: 1
        }

        60% {
            opacity: 0
        }

        80% {
            opacity: 0
        }

        to {
            opacity: 0
        }
    }

    @keyframes fade3 {
        0% {
            opacity: 0
        }

        20% {
            opacity: 0
        }

        40% {
            opacity: 0
        }

        60% {
            opacity: 1
        }

        80% {
            opacity: 0
        }

        to {
            opacity: 0
        }
    }

    @keyframes fade4 {
        0% {
            opacity: 0
        }

        20% {
            opacity: 0
        }

        40% {
            opacity: 0
        }

        60% {
            opacity: 0
        }

        80% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .video_container .play_wrap {
        padding-bottom: 2.22em
    }

    .label_0 #dronePrev,
    .label_3 #droneNext {
        cursor: not-allowed;
        opacity: .5;
        pointer-events: none
    }
}