.wp-block-mkl-section-block{position:relative}.wp-block-mkl-section-block,.entry-content>.wp-block-mkl-section-block{max-width:none;width:100%}.wp-block-mkl-section-block .section-bg{position:absolute;top:0;left:0;bottom:0;right:0;background-repeat:no-repeat;max-width:none;z-index:0}.wp-block-mkl-section-block .section-bg.bg__repeated{background-repeat:repeat}.wp-block-mkl-section-block .section-bg.bg__stretched{background-size:cover}.wp-block-mkl-section-block .section-bg.bg__fixed{background-attachment:fixed;background-position:50% 50%}.wp-block-mkl-section-block .section-bg~*{z-index:1;position:relative}.wp-block-mkl-section-block>*:last-child,body.page:not(.twentyseventeen-front-page) .entry-content .wp-block-mkl-section-block>*:last-child{padding-bottom:0;margin-bottom:0}.popup-template .modal {

  opacity: 0;

  -webkit-transition: all 250ms ease;

  -o-transition: all 250ms ease;

  transition: all 250ms ease;

}



.popup-template .modal.is-open {

  opacity: 1;

  -webkit-transition: all 250ms ease;

  -o-transition: all 250ms ease;

  transition: all 250ms ease;

}img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

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

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

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

figure {
    margin: 1em 40px
}

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

pre,
textarea {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

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

body,
html {
    height: 100%
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

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

:-moz-placeholder {
    color: #aca7c1
}

::-moz-placeholder {
    color: #aca7c1
}

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

@font-face {
    font-family: 'icomoon';
    src: url("/wp-content/themes/JFDI/assets/fonts/icomoon/icomoon.eot?gx9oo0");
    src: url("/wp-content/themes/JFDI/assets/fonts/icomoon/icomoon.eot?gx9oo0#iefix") format("embedded-opentype"), url("/wp-content/themes/JFDI/assets/fonts/icomoon/icomoon.ttf?gx9oo0") format("truetype"), url("/wp-content/themes/JFDI/assets/fonts/icomoon/icomoon.woff?gx9oo0") format("woff"), url("/wp-content/themes/JFDI/assets/fonts/icomoon/icomoon.svg?gx9oo0#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Aller Display';
    src: url("/wp-content/themes/JFDI/assets/fonts/aller/Allerdisplayv3Regular.woff2") format("woff2"), url("/wp-content/themes/JFDI/assets/fonts/aller/Allerdisplayv3Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

[class^='icon-'],
[class*=' icon-'] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-x-logo:before {
	content: '\e925';
}
.icon-payroll-tax:before {
	content: '\31';
}
.icon-arrow-right-long:before {
	content: '\e900';
}
.icon-chevron-left-circle:before {
	content: '\e901';
}
.icon-chevron-right:before {
	content: '\e902';
}
.icon-chevron-right-circle:before {
	content: '\e903';
}
.icon-chevron-up:before {
	content: '\e904';
}
.icon-chevron-up-circle:before {
	content: '\e905';
}
.icon-chevron-down:before {
	content: '\e906';
}
.icon-chevron-down-circle:before {
	content: '\e907';
}
.icon-chevron-left:before {
	content: '\e908';
}
.icon-fb:before {
	content: '\e909';
}
.icon-ig:before {
	content: '\e90a';
}
.icon-mail:before {
	content: '\e90b';
}
.icon-tw:before {
	content: '\e90c';
}
.icon-remove:before {
	content: '\e90d';
}
.icon-glassdoor:before {
	content: '\e90e';
}
.icon-crypto-tracker:before {
	content: '\e90f';
}
.icon-dashboard:before {
	content: '\e910';
}
.icon-frp:before {
	content: '\e911';
}
.icon-search:before {
	content: '\e912';
}
.icon-arrow-down-lg:before {
	content: '\e913';
}
.icon-clock:before {
	content: '\e914';
}
.icon-dollar:before {
	content: '\e915';
}
.icon-arrow-up-lg:before {
	content: '\e916';
}
.icon-calendar:before {
	content: '\e917';
}
.icon-chart:before {
	content: '\e918';
}
.icon-sh:before {
	content: '\e919';
}
.icon-in:before {
	content: '\e91a';
}
.icon-financial-reporting:before {
	content: '\e91b';
}
.icon-payroll:before {
	content: '\e91c';
}
.icon-accounts-payables:before {
	content: '\e91d';
}
.icon-accounts-receivables:before {
	content: '\e91e';
}
.icon-compliance:before {
	content: '\e91f';
}
.icon-highly-responsive:before {
	content: '\e920';
}
.icon-relationships:before {
	content: '\e921';
}
.icon-teamwork:before {
	content: '\e922';
}
.icon-hustle:before {
	content: '\e923';
}
.icon-quality:before {
	content: '\e924';
}
.icon-Vector-5:before {
	content: '\e926';
}
.icon-arrow-right-lg:before {
	content: '\e927';
}
.icon-arrow-left-long:before {
	content: '\e9351';
}

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

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(20px)
    }
    60% {
        transform: translateY(10px)
    }
}

@keyframes ss_tail {
    0% {
        width: 0
    }
    30% {
        width: 100px
    }
    100% {
        width: 0
    }
}

@keyframes ss_shooting {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(520px)
    }
}

@keyframes e035rlrip5ff28_f_p {
    0% {
        fill: #131b5a
    }
    25% {
        fill: #131b5a
    }
    33.333333% {
        fill: #00dfbf
    }
    34.166667% {
        fill: #00dfbf
    }
    50% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

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

@keyframes e035rlrip5ff29_f_p {
    0% {
        fill: #131b5a
    }
    25% {
        fill: #131b5a
    }
    33.333333% {
        fill: #00dfbf
    }
    34.166667% {
        fill: #00dfbf
    }
    50% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff212_f_p {
    0% {
        fill: #131b5a
    }
    50% {
        fill: #131b5a
    }
    58.333333% {
        fill: #00dfbf
    }
    59.166667% {
        fill: #00dfbf
    }
    75% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff213_f_p {
    0% {
        fill: #131b5a
    }
    50% {
        fill: #131b5a
    }
    58.333333% {
        fill: #00dfbf
    }
    59.166667% {
        fill: #00dfbf
    }
    75% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff218_f_p {
    0% {
        fill: #131b5a
    }
    25% {
        fill: #131b5a
    }
    33.333333% {
        fill: #00dfbf
    }
    34.166667% {
        fill: #00dfbf
    }
    50% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff219_f_p {
    0% {
        fill: #131b5a
    }
    25% {
        fill: #131b5a
    }
    33.333333% {
        fill: #00dfbf
    }
    34.166667% {
        fill: #00dfbf
    }
    50% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff222_f_p {
    0% {
        fill: #131b5a
    }
    50% {
        fill: #131b5a
    }
    58.333333% {
        fill: #00dfbf
    }
    59.166667% {
        fill: #00dfbf
    }
    75% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff223_f_p {
    0% {
        fill: #131b5a
    }
    50% {
        fill: #131b5a
    }
    58.333333% {
        fill: #00dfbf
    }
    59.166667% {
        fill: #00dfbf
    }
    75% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff228_f_p {
    0% {
        fill: #131b5a
    }
    75% {
        fill: #131b5a
    }
    83.333333% {
        fill: #00dfbf
    }
    84.166667% {
        fill: #00dfbf
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff229_f_p {
    0% {
        fill: #131b5a
    }
    75% {
        fill: #131b5a
    }
    83.333333% {
        fill: #00dfbf
    }
    84.166667% {
        fill: #00dfbf
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff231_f_p {
    0% {
        fill: #131b5a
    }
    8.333333% {
        fill: #00dfbf
    }
    9.166667% {
        fill: #00dfbf
    }
    25% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff238_f_p {
    0% {
        fill: #131b5a
    }
    75% {
        fill: #131b5a
    }
    83.333333% {
        fill: #00dfbf
    }
    84.166667% {
        fill: #00dfbf
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff239_f_p {
    0% {
        fill: #131b5a
    }
    75% {
        fill: #131b5a
    }
    83.333333% {
        fill: #00dfbf
    }
    84.166667% {
        fill: #00dfbf
    }
    100% {
        fill: #131b5a
    }
}

@keyframes e035rlrip5ff241_f_p {
    0% {
        fill: #131b5a
    }
    8.333333% {
        fill: #00dfbf
    }
    9.166667% {
        fill: #00dfbf
    }
    25% {
        fill: #131b5a
    }
    100% {
        fill: #131b5a
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

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

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

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

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/wp-content/themes/JFDI/assets/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.pageLoader {
    position: fixed;
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #2e3192 1.19%, #1b1364 57.98%, #12054e 90.43%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2E3192', endColorstr='#12054E', GradientType=1);
    transition: 350ms opacity ease
}

.pageLoader img {
    width: 80px
}

.is--ajax-loading {
    position: relative;
    min-height: 400px;
    pointer-events: none
}

.is--ajax-loading:after {
    content: '';
    background: url(/wp-content/themes/JFDI/assets/images/loader.svg) no-repeat center;
    background-size: 80px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 300ms
}

.is--ajax-done:after {
    opacity: 0
}

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

::-webkit-scrollbar {
    background: #fff;
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    background: #00dfbf
}

::selection {
    background: #12054e;
    color: #fff !important
}

body,
body * {
    scrollbar-color: #00dfbf #fff;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: auto
}

section {
    padding: 100px 0
}

.wp-block-columns,
.blockGrid {
    display: flex;
    align-items: flex-start;
    width: calc(100% + 40px);
    margin-left: -20px
}

.wp-block-columns>.wp-block-column,
.wp-block-columns>[class^='blockGrid__'],
.blockGrid>.wp-block-column,
.blockGrid>[class^='blockGrid__'] {
    padding: 0 20px
}

.ctBG .blockGrid__image,
.ctBG .blockGrid__content {
    padding: 0px!important;
}

.wp-block-columns>.wp-block-column,
.blockGrid>.wp-block-column {
    flex: 1
}

.wp-block-columns>.blockGrid__50,
.blockGrid>.blockGrid__50 {
    width: 50%
}

.wp-block-columns>.blockGrid__100,
.blockGrid>.blockGrid__100 {
    width: 100%
}

a {
    color: #12054e;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a.link--ex {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-weight: 500;
    position: relative;
    text-decoration: none !important;
    padding: 5px 0;
    transition: color 300ms
}

a.link--ex.link--lg {
    font-size: 18px;
    padding: 20px 0 0;
    margin: 20px 0 0
}

a.link--ex.link--lg:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    height: 2px;
    width: 100%;
    max-width: 110px;
    background: #fff;
    transform: translateX(-50%)
}

a.link--ex.is--active,
a.link--ex:hover {
    color: #00dfbf
}

a.link--ex.is--active:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 1px;
    background-color: #00dfbf
}

a.show-more {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    text-decoration: none !important
}

a.show-more:hover i {
    transform: translateX(5px)
}

a.show-more i {
    font-size: 10px;
    transform: translateX(0px);
    transition: transform 300ms ease-out
}

a.show-more.show-more--inline {
    flex-direction: row;
    width: 100%;
    justify-content: space-between
}

a.all-posts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 260px
}

a.all-posts svg {
    flex: 1;
    transition: left 250ms ease-out;
    left: 0;
    position: relative
}

a.all-posts svg+strong {
    padding-left: 20px
}

a.all-posts i {
    flex: 1;
    position: relative;
    margin-right: 22px
}

a.all-posts i:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 6px;
    width: 100%;
    height: 2px;
    background: #12054e
}

a.all-posts:hover {
    text-decoration: none
}

a.all-posts:hover svg {
    left: -5px
}

a.read-more {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff
}

a.read-more i {
    font-size: 30px;
    margin: 20px 0 0;
    position: relative;
    top: 0;
    display: block;
    animation: bounce 2000ms infinite
}

a.read-more:hover {
    text-decoration: none
}

@media (max-width: 680px) {
    a.read-more {
        font-size: 16px
    }
    a.read-more i {
        font-size: 22px;
        margin-top: 10px
    }
}

a[class^='share-'] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 40px;
    border-radius: 3px;
    margin: 5px;
    font-size: 22px;
    color: #fff
}

a[class^='share-']:hover {
    text-decoration: none
}

a[class^='share-'].share-fb {
    background: linear-gradient(225deg, #1677f1 0%, #186ee9 17.53%, #1d56d3 46.04%, #262fb0 81.79%, #2b189c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1677F1', endColorstr='#2B189C', GradientType=1)
}

a[class^='share-'].share-tw {
    background: linear-gradient(225deg, #0cf 0%, #0080ff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00CCFF', endColorstr='#0080FF', GradientType=1)
}

a[class^='share-'].share-in {
    font-size: 18px;
    background: linear-gradient(225deg, #007bb8 0%, #0044e9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#007BB8', endColorstr='#0044E9', GradientType=1)
}

a[class^='share-'].share-ig {
    font-size: 20px;
    background: linear-gradient(225deg, #ffe185 .11%, #ffbb36 20.94%, #ff5176 37.65%, #f63395 52.38%, #a436d2 73.94%, #5f4eed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFE185', endColorstr='#5F4EED', GradientType=1)
}

a[class^='share-'].share-sh {
    background: linear-gradient(225deg, #00d954 0%, #00924a 99.56%, #00924a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00D954', endColorstr='#00924A', GradientType=1)
}

@media (max-width: 1180px) {
    a[class^='share-'] {
        width: 40px
    }
}

.text--white {
    color: #fff
}

.text--purple {
    color: #8516cc
}

.text--green {
    color: #00dfbf
}

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

.text--big {
    font-size: 140%
}

.text--inherit {
    color: inherit
}

.font--roboto {
    font-family: 'Roboto', sans-serif
}

p {
    margin: 20px 0
}

p:first-child {
    margin-top: 0
}

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

p.has-normal-font-size {
    font-size: 110%
}

p.has-medium-font-size {
    font-size: 140%
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
    margin-top: 0
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
    margin-bottom: 0
}

h1 {
    font-family: 'Aller Display';
    font-size: 100px;
    color: #00dfbf;
    line-height: 0.9;
    font-weight: normal
}

h2 {
    font-family: 'Aller Display';
    font-size: 50px;
    line-height: 1.165;
    font-weight: normal
}

h3 {
    font-family: 'Aller Display';
    font-size: 40px;
    line-height: 1.15;
    font-weight: normal
}

h4 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 20px
}

h5 {
    font-size: 18px
}

.titleContainer {
    position: relative
}

.titleContainer .show-more {
    position: absolute;
    right: 0;
    top: 15px
}

.titleContainer .show-more strong {
    margin-top: 5px
}

.titleContainer.titleContainer--inline {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.titleContainer.titleContainer--inline .title {
    margin: 0
}

@media (max-width: 1180px) {
    .titleContainer.titleContainer--inline {
        flex-direction: column;
        justify-content: center
    }
}

.title {
    margin: 0 0 60px
}

.title h2,
.title h3 {
    margin: 0
}

.title h2+p {
    margin: 20px 0 0;
    color: #aca7c1;
    font-size: 22px;
    line-height: 1.2
}

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

.title.title--normal h2,
.title.title--normal h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold
}

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

@media (max-width: 1180px) {
    .title br {
        display: none
    }
}

.font--default {
    font-family: 'Roboto', sans-serif
}

h3.font--default {
    font-weight: bold
}

@media (max-width: 1680px) {
    h1 {
        font-size: 80px
    }
    h2 {
        font-size: 40px
    }
    h3 {
        font-size: 34px
    }
    .title h2+p {
        font-size: 20px
    }
    .title h2+p[style*='font-size:140%;'] {
        font-size: 20px !important
    }
}

@media (max-width: 980px) {
    h1 {
        font-size: 60px
    }
    h2 {
        font-size: 30px
    }
    h3 {
        font-size: 24px
    }
    .title h2+p {
        font-size: 16px
    }
    .title h2+p[style*='font-size:140%;'] {
        font-size: 16px !important
    }
}

@media (max-width: 680px) {
    h1 {
        font-size: 44px
    }
}

.ul--cube,
.ul--flag {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px
}

.ul--cube li,
.ul--flag li {
    padding-left: 37px;
    position: relative
}

.ul--cube li:nth-child(1),
.ul--flag li:nth-child(1) {
    animation-delay: 400ms !important
}

.ul--cube li:nth-child(2),
.ul--flag li:nth-child(2) {
    animation-delay: 500ms !important
}

.ul--cube li:nth-child(3),
.ul--flag li:nth-child(3) {
    animation-delay: 600ms !important
}

.ul--cube li:nth-child(4),
.ul--flag li:nth-child(4) {
    animation-delay: 700ms !important
}

.ul--cube li:nth-child(5),
.ul--flag li:nth-child(5) {
    animation-delay: 800ms !important
}

.ul--cube li:nth-child(6),
.ul--flag li:nth-child(6) {
    animation-delay: 900ms !important
}

.ul--cube li:nth-child(7),
.ul--flag li:nth-child(7) {
    animation-delay: 1000ms !important
}

.ul--cube li+li,
.ul--flag li+li {
    margin-top: 10px
}

.ul--cube li:before,
.ul--flag li:before {
    content: '';
    background: url(/wp-content/themes/JFDI/assets/images/flag.svg) no-repeat center;
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 2px
}

@media (max-width: 1180px) {
    .ul--cube,
    .ul--flag {
        font-size: 16px
    }
    .ul--cube li,
    .ul--flag li {
        padding-left: 31px
    }
    .ul--cube li:before,
    .ul--flag li:before {
        width: 16px;
        height: 16px
    }
}

.ul--cube li {
    font-size: 18px
}

.ul--cube li:before {
    background-image: url(/wp-content/themes/JFDI/assets/images/gradient-box.svg);
    width: 25px;
    height: 28px
}

@media (max-width: 1180px) {
    .ul--cube li {
        font-size: 18px
    }
    .ul--cube li:before {
        width: 20px;
        height: 22px;
        top: -1px
    }
}

.ul--star {
    list-style: none;
    padding: 0
}

.ul--star li {
    padding-left: 30px;
    position: relative
}

.ul--star li:before {
    content: '*';
    position: absolute;
    left: 0;
    top: 0
}

.ul--star li+li {
    margin-top: 5px
}

.hr.hr--dashed {
    height: 10px;
    position: relative
}

.section--crypto-tracker .hr.hr--dashed {
    height: 150px;
}

.hr.hr--dashed:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    border-top: dashed 2px #aca7c1
}

input,
select,
textarea {
    border: solid 1px #fff;
    border-width: 0 0 1px 0;
    background: transparent;
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    vertical-align: top
}

textarea {
    height: 150px;
    border-width: 1px;
    border-radius: 6px;
    resize: none;
    padding: 10px
}

.form {
    margin: 40px 0 0;
    position: relative
}

.form__row {
    position: relative
}

.form__row>label {
    font-size: 16px;
    display: block;
    margin: 30px 0 10px;
    padding: 0 5px;
    color: #aca7c1;
    text-align: left
}

.form__row:last-child {
    text-align: center;
    margin-top: 50px !important
}

.form__row+.form__row {
    margin-top: 20px
}

.form__row .wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    font-size: 12px
}

.form__row .wpcf7-form-control-wrap {
    display: block
}

.form textarea,
.form input {
    padding: 10px 5px;
    transition: border 300ms ease
}

.form textarea.wpcf7-not-valid,
.form textarea.error,
.form input.wpcf7-not-valid,
.form input.error {
    border-color: #f00 !important
}

.form textarea:focus,
.form input:focus {
    border-color: #00dfbf
}

.form label.wpcf7-not-valid,
.form label.error {
    font-size: 10px;
    color: #f00;
    margin: 5px 0 0;
    position: absolute;
    left: 0;
    top: 100%
}

.form p {
    color: #fff
}

.form.is--loading .form__row {
    opacity: 0.5;
    pointer-events: none
}

.form.is--loading .ajaxLoader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5
}

.form.is--loading .ajaxLoader img {
    width: 80px
}

@media (max-width: 480px) {
    .form .blockGrid {
        flex-direction: column
    }
    .form .blockGrid>.blockGrid__50 {
        width: 100%
    }
    .form .blockGrid>.blockGrid__50+.blockGrid__50 {
        margin-top: 20px
    }
}

[data-status='sent'] .wpcf7-response-output {
    color: #00dfbf !important
}

.wpcf7-response-output {
    border: none !important;
    margin: 30px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #f00;
    font-size: 14px
}

.button {
    height: 40px;
    width: 110px;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: none;
    outline: none !important;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    position: relative;
    transition: all 300ms
}

.button>span {
    position: relative;
    z-index: 5
}

.button.button--icon {
    width: 45px;
    height: 45px;
    color: #8516cc;
    font-size: 45px;
    padding: 0;
    border-radius: 50%;
    border: none !important;
    outline: none !important;
    background: none;
    transition: color 300ms
}

.button.button--icon:hover {
    color: #00dfbf
}

.button.button--line {
    border-radius: 5px;
    overflow: hidden;
    transition: color 800ms ease-out, background 300ms ease-out
}

.button.button--line>svg,
.button.button--line>svg rect {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: transparent
}

.button.button--line>svg rect {
    stroke: #fff;
    stroke-width: 4;
    transition: stroke-dasharray 800ms ease-out, fill 300ms ease-out;
    stroke-dasharray: 100px 192px;
    stroke-dashoffset: 0
}

.button.button--line:focus,
.button.button--line:active {
    background: #00dfbf;
    color: #fff !important;
    transition: color 300ms ease-out, background 300ms ease-out
}

.button.button--line.button--dark {
    color: #12054e
}

.button.button--line.button--dark>svg rect {
    stroke: #12054e
}

.button.button--line.button--dark:hover {
    color: #12054e !important
}

.button.button--line.button--dark:focus,
.button.button--line.button--dark:active {
    background: #12054e;
    color: #fff !important
}

.button.button--stt {
    display: none
}

.newsletter__input input {
    color: black
}

@media (max-width: 980px) {
    .button.button--stt {
        display: block;
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 34px;
        height: 34px;
        font-size: 34px;
        line-height: 0
    }
}

.button--line:hover {
    text-decoration: none;
    color: #00dfbf !important
}

.button--line:active>svg rect,
.button--line:focus>svg rect,
.button--line:hover>svg rect {
    stroke-dasharray: 340px;
    stroke: #00dfbf
}

.button--circle {
    width: 54px;
    height: 54px;
    position: relative;
    border: none;
    padding: 0;
    outline: none !important;
    background: none !important
}

.button--circle:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: -2px;
    opacity: 1;
    transition: opacity 300ms;
    transition-delay: 600ms
}

.button--circle i {
    font-size: 26px
}

.button--circle svg {
    transform: rotate(-90deg)
}

.button--circle svg,
.button--circle svg circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.button--circle svg circle {
    stroke: #fff;
    stroke-width: 2px;
    fill: transparent;
    stroke-dasharray: 2px 165px;
    transition-timing-function: ease-out;
    transition-duration: 800ms, 20ms, 0ms;
    transition-property: stroke-dasharray, fill, stroke;
    transition-delay: 0s, 0.3s, 0.3s;
}


/*transition: stroke-dasharray 800ms ease-out*/

.button--circle.is--active svg circle,
.button--circle:hover svg circle {
    stroke-dasharray: 300px;
    stroke: #00DFBF;
    fill: #00DFBF;
}

.button--circle.is--active:before,
.button--circle:hover:before {
    opacity: 0;
    transition-delay: 0ms
}

.row {
    width: 100%;
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 60px
}

.button--circle span i {
    position: relative;
    z-index: 1;
    transition: color 800ms ease-out;
}

.button--circle:hover span i {
    color: black;
    transition-delay: 200ms
}

.row.row--sm {
    max-width: 1220px
}

.row.row--lg {
    max-width: 1900px
}

@media (max-width: 1680px) {
    .row.row--lg {
        padding: 0 40px
    }
}

@media (max-width: 1180px) {
    .row.row--lg {
        padding: 0 20px
    }
}

.row:after {
    content: '';
    display: table;
    clear: both
}

@media (max-width: 1500px) {
    .row {
        padding: 0 40px
    }
}

@media (max-width: 1180px) {
    .row {
        padding: 0 20px
    }
}

[data-mobile] {
    display: none
}

@media (max-width: 1180px) {
    [data-mobile] {
        display: block
    }
}

@media (max-width: 1180px) {
    [data-desktop] {
        display: none
    }
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #12054e;
    line-height: 1.4;
    min-width: 320px;
    overflow-x: hidden
}

body.loaded .pageLoader {
    opacity: 0
}

body.loaded .pageContainer {
    opacity: 1
}

body.show--nav {
    overflow: hidden
}

body[data-theme='light'] input {
    color: #12054e
}

body[data-theme='light'] .header .logo svg path[style*='fill:#fff'] {
    fill: #12054e !important
}

body[data-theme='light'] .header .logo svg path[style*='fill:#12054e'] {
    fill: #fff !important
}

body[data-theme='light'] .navToggle span {
    background: #12054e
}

@media (min-width: 1181px) {
    body[data-theme='light'] a.link--ex {
        color: #12054e
    }
    body[data-theme='light'] .mainNav ul li a {
        color: #12054e
    }
    body[data-theme='light'] .mainNav ul li a:after {
        background: #12054e
    }
    body[data-theme='light'] .socialNav.socialNav--sq a {
        color: #fff
    }
    body[data-theme='light'] .socialNav.socialNav--sq a svg path {
        fill: #8516cc
    }
}

figure {
    margin: 0
}

.pageContainer {
    position: relative;
    opacity: 0;
    width: 100vw;
    min-width: 320px;
    overflow-x: hidden;
    transition: opacity 300ms ease-out
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    padding: 30px 0
}

.header .row {
    max-width: none !important
}

.header .logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 75px
}

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

.header .logo img,
.header .logo svg {
    width: 120px;
}

.header .socialNav {
    margin-left: 30px
}

.headerBG {
    justify-content: space-between;
    align-items: center
}

.headerBG>.blockGrid__item {
    display: flex;
    align-items: center
}

.mainNav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.mainNav ul li a {
    font-size: 16px;
    color: #fff;
    transition: color 300ms;
    position: relative;
    text-decoration: none !important
}

.mainNav ul li+li {
    margin-left: 25px
}

.mainNav ul li.current_page_item>a,
.mainNav ul li:hover>a {
    color: #00dfbf;
    text-decoration: none
}

.mainNav ul li.current_page_item>a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 1px;
    background-color: #00dfbf
}

@media (max-width: 1180px) {
    .mainNav ul li.current_page_item>a:after {
        content: none;
        display: none
    }
}

.mainNav.mainNav--vertical ul {
    flex-direction: column
}

.mainNav.mainNav--vertical ul li a {
    color: #00dfbf
}

.mainNav.mainNav--vertical ul li a:hover {
    color: #fff
}

.mainNav.mainNav--vertical ul li+li {
    margin: 10px 0 0
}

.socialNav {
    display: flex;
    justify-content: center
}

.socialNav a:hover {
    text-decoration: none
}

.socialNav a+a {
    margin-left: 30px
}

.socialNav.socialNav--sq {
    justify-content: flex-start
}

.socialNav.socialNav--sq a {
    width: 28px;
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #430d7e;
    font-size: 13px
}

.socialNav.socialNav--sq a svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ffffff
}

.socialNav.socialNav--sq a svg path {
    transition: fill 300ms
}

.socialNav.socialNav--sq a i {
    position: relative;
    z-index: 5
}

.socialNav.socialNav--sq a+a {
    margin-left: 10px
}

.socialNav.socialNav--sq a:hover svg path {
    fill: #00dfbf
}

.navToggle {
    background: none;
    padding: 0 5px;
    border: none;
    outline: none !important;
    width: 34px;
    height: 34px;
    position: relative;
    z-index: 55;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    transform: none;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)
}

.navToggle span {
    display: block;
    width: 24px;
    height: 3px;
    margin: 2.5px 0;
    position: relative;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease
}

.navToggle span:first-child {
    transform-origin: right top
}

.navToggle span:last-child {
    transform-origin: right bottom
}

body.show--nav .navToggle {
    transform: translateX(-212px)
}

body.show--nav .navToggle span {
    opacity: 1;
    transform: rotate(-45deg) translate(-3px, -4px);
    background: #00dfbf
}

body.show--nav .navToggle span:nth-child(2) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2)
}

body.show--nav .navToggle span:last-child {
    transform: rotate(45deg) translate(-4px, 3px)
}

@media (max-width: 1180px) {
    .mainNav a+a {
        margin-left: 25px
    }
    a.link--ex {
        font-size: 14px
    }
}

@media (max-width: 1180px) {
    body.mb-sd .header--opacity {
        transform: translateY(-100%)
    }
    .header {
        padding: 20px 0;
        background: transparent;
        transition: all 300ms
    }
    .header.header--opacity {
        position: fixed;
        padding: 10px 0;
        background: #12054e;
        z-index: 100;
        transition: transform 300ms
    }
    .header>.row .mainNav,
    .header>.row .socialNav,
    .header>.row .link--ex {
        display: none
    }
    .mobileMenu {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        overflow: auto;
        width: 280px;
        background: #140752;
        z-index: 50;
        padding: 60px 20px 20px;
        transform: translateX(101%);
        box-shadow: 0px 0px 2px #00dfbf;
        border-left: solid 1px #00dfbf;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)
    }
    .mobileMenu .mainNav ul {
        flex-direction: column;
        margin: 20px 0 40px
    }
    .mobileMenu .mainNav li+li {
        margin: 10px 0 0
    }
    .mobileMenu .socialNav {
        margin: 40px 0 0
    }
    body.show--nav .mobileMenu {
        transform: translateX(0%)
    }
}

.section--intro {
    padding: 200px 0;
    position: relative;
    z-index: 8;
    display: flex;
    min-height: 860px;
    height: 100vh;
    max-height: 1380px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #2e3192 1.19%, #1b1364 57.98%, #12054e 90.43%)
}

.section--intro .row--lg {
    padding: 0 100px
}

@media (max-width: 1500px) {
    .section--intro .row--lg {
        padding: 0 80px
    }
}

.section--intro .limitWidth {
    max-width: 580px;
    position: relative;
    z-index: 100
}

@media (max-width: 1680px) {
    .section--intro .limitWidth {
        max-width: 480px
    }
}

.section--intro .textBlock h1 {
    margin: 0
}

.section--intro .textBlock h2 {
    margin: 0;
    color: #00dfbf;
    font-size: 70px;
    line-height: 1.05
}

.section--intro .textBlock h2 span {
    color: #fff
}

.section--intro .textBlock h2+p {
    margin-top: 30px
}

@media (max-width: 1180px) {
    .section--intro .textBlock h2 {
        font-size: 50px
    }
}

@media (max-width: 680px) {
    .section--intro .textBlock h2 {
        font-size: 40px
    }
}

@media (max-width: 420px) {
    .section--intro .textBlock h2 {
        font-size: 33px
    }
}

.section--intro .textBlock h2.h2--flex {
    display: flex;
    align-items: center
}

.section--intro .textBlock h2.h2--flex a {
    font-weight: normal;
    margin: 15px 0 0 20px
}

.section--intro .textBlock p {
    font-size: 26px;
    color: #fff
}

.section--intro a.read-more {
    margin-top: 120px;
    margin-bottom: -120px
}

@media (max-height: 860px) {
    .section--intro a.read-more {
        margin:0px!important;
    }
    .section--intro.careersPage .limitWidth{
      padding-top: 50px;
    
    }
}

@media (max-width: 1180px) {
    .section--intro a.read-more {
        margin-top: 20px;
        margin: auto;
    }
}

.section--intro.section--intro-extended {
    background: none
}

.section--intro.section--intro-extended:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 140%;
    background: linear-gradient(180deg, #2e3192 1.19%, #1b1364 57.98%, #12054e 90.43%)
}

@media (max-height: 1680px) {
    .section--intro .textBlock p {
        font-size: 22px
    }
}

@media (max-width: 1180px) {
    .section--intro {
        min-height: 0;
        height: auto;
        max-height: none;
        padding: 140px 0
    }
    .section--intro .row--lg {
        padding: 0 20px
    }
    .section--intro .textBlock p {
        font-size: 18px;
        max-width: 680px;
        margin: 0 auto
    }
    .section--intro .limitWidth {
        max-width: none !important;
        width: 100%;
        text-align: center
    }
}

@media (max-height: 1100px) {
    .section--intro .slBG {
        margin-top: 60px
    }
}

@media (max-width: 680px) {
    .section--intro {
        height: auto;
        padding: 100px 0 80px 0
    }
    .section--intro .textBlock p {
        font-size: 16px
    }
}

@media (max-width: 1180px) {
    .section--intro[data-scroll-to='divisions'] .limitWidth {
        max-width: 690px !important;
        margin: 0 auto
    }
}

.section--hnwd .limitWidth {
    max-width: 680px
}

@media (max-width: 1680px) and (min-width: 1181px) {
    .section--hnwd .limitWidth {
        max-width: 580px !important
    }
}

.section--consultation {
    min-height: 1080px
}

.section--consultation .limitWidth {
    max-width: 480px
}

@media (max-width: 1180px) {
    .section--consultation .form {
        max-width: 480px;
        margin: 60px auto 0 auto
    }
}

@media (max-width: 1180px) {
    .section--404 .textBlock {
        text-align: center
    }
    .section--404 .textBlock h2.h2--flex {
        display: block
    }
    .section--404 .textBlock h2.h2--flex a {
        display: none
    }
    .section--404 .textBlock .mainNav {
        margin: 20px 0 0 !important
    }
    .section--404 .animationContainer .cAnimation {
        height: 360px !important
    }
    .section--404 .animationContainer .cAnimation .cAnimation__svg {
        height: 180px;
        margin-top: 90px
    }
}

.introBG {
    align-items: center
}

.introBG>.blockGrid__item:first-child {
    width: 640px
}

.introBG>.blockGrid__item:last-child {
    width: calc(100% - 640px);
    padding-right: 0
}

.slBG {
    margin-top: 100px;
    justify-content: space-between;
    position: relative;
    z-index: 20
}

@media (max-width: 640px) {
    .slBG .sl__content h4 {
        min-height: 34px;
        display: flex;
        justify-content: center
    }
}

.slBG>.blockGrid__item {
    max-width: 190px
}

.sl {
    text-align: center
}

.sl__icon {
    position: relative
}

.sl__icon svg,
.sl__icon img {
    width: 100px;
    position: relative;
    z-index: 5
}

.sl__icon svg path {
    transition: opacity 300ms
}

.sl__icon svg path#border {
    opacity: 1 !important;
    stroke-dasharray: 0, 340;
    transition: stroke-dasharray 800ms ease-out, fill 300ms ease-out
}

.sl__icon:hover svg path {
    opacity: 1 !important
}

.sl__icon:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 110px;
    width: 110px;
    background: #00dfbf;
    z-index: 1;
    box-shadow: 0px 0px 9px 7px #00dfbf;
    border-radius: 50%;
    filter: blur(14px);
    margin-top: -3px;
    opacity: 0;
    transition: opacity 400ms 800ms ease-out;
    transition-delay: 0ms
}

.sl__content {
    margin: 25px 0 0
}

.sl__content h4 {
    color: #fff;
    font-size: 18px
}

.sl__content p {
    font-weight: 300;
    color: #fff;
    min-height: 45px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1680px) {
    .sl__content {
        font-size: 14px
    }
    .sl__content h4 {
        font-size: 16px
    }
}

@media (max-width: 1180px) {
    .sl__content {
        font-size: 12px
    }
    .sl__content h4 {
        font-size: 14px;
        margin: 0
    }
    .sl__content h4 br {
        display: none
    }
    .sl__content p {
        min-height: 0;
        max-width: 160px;
        display: block;
        margin: 10px auto 0
    }
}

.sl__actions {
    margin-top: 25px
}

.sl.is--active .sl__icon svg path {
    opacity: 1 !important
}

.sl.is--active .sl__icon svg path#border {
    stroke-dasharray: 340, 0
}

.sl.is--active .sl__icon:before {
    opacity: 0.5;
    transition-delay: 800ms
}

.sl.sl--hb .sl__content h4 {
    min-height: 44px
}

@media (max-width: 1180px) {
    .sl.sl--hb .sl__content h4 {
        min-height: 0
    }
}

.sl.sl--hb .sl__content p {
    max-width: 210px
}

.sl.sl--dark {
    color: #12054e
}

.sl.sl--dark h4,
.sl.sl--dark p {
    color: #12054e
}

[data-load-slide] {
    cursor: pointer
}

.animationContainer {
    position: absolute;
    right: 0;
    top: 0;
    width: 55vw;
    max-height: 1380px;
    min-height: 860px;
    max-width: calc(100% - 640px);
    display: flex;
    align-items: center;
    pointer-events: none;
    user-select: none
}

.animationContainer svg {
    width: 100%;
    max-height: 100%
}

.animationContainer.is--ajax-done .cAnimation {
    opacity: 1
}

.animationContainer.is--ajax-done .cAnimation__bg {
    right: -10%
}

.animationContainer.is--ajax-done .cAnimation__grid {
    top: -5%
}

.animationContainer.is--ajax-done .cAnimation__2 .cAnimation__grid {
    top: -90px;
    height: calc(100% + 180px)
}

.animationContainer.is--ajax-done .cAnimation__3 .cAnimation__grid {
    top: 5%
}

.animationContainer.is--ajax-done .cAnimation__2 .cAnimation__grid {
    width: 130%;
    left: -20%
}

.animationContainer.is--ajax-done .cAnimation__2 .cAnimation__svg {
    right: 2%;
    top: -5%
}

@media (min-width: 1181px) {
    .animationContainer {
        height: 100vh !important
    }
}

@media (max-width: 1180px) {
    .animationContainer {
        position: relative;
        height: auto;
        max-height: none;
        min-height: 0;
        max-width: 680px;
        width: 100%;
        margin: 40px auto
    }
}

.cAnimation {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 180px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease-out
}

.cAnimation__bg {
    position: absolute;
    z-index: 5;
    right: -50%;
    top: -20%;
    margin: 0;
    width: 100%;
    height: 130%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: right 300ms
}

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

@media (max-width: 1180px) {
    .cAnimation__bg {
        right: -5% !important;
        top: 0%;
        height: 100%
    }
}

.cAnimation__grid {
    position: absolute;
    left: -8%;
    top: -15%;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 300ms
}

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

@media (max-width: 1180px) {
    .cAnimation__grid {
        display: none
    }
}

.cAnimation__svg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center
}

.cAnimation__svg svg {
    width: 100%;
    height: auto
}
.cAnimation__svg svg * {
    mask-type:alpha;
}

@media (max-width: 1180px) {
    .cAnimation__svg {
        position: relative;
        top: 0 !important;
        right: 0 !important
    }
}

.cAnimation.cAnimation__about-us .cAnimation__grid {
    width: 130%;
    height: 120%;
    left: -30%;
    top: -10%
}

@media (max-width: 1180px) {
    .cAnimation {
        height: auto;
        max-height: none
    }
}

.slcBG {
    flex-wrap: wrap;
    width: calc(100% + 36px);
    margin: -25px 0 -50px -18px;
}

.slcBG>.blockGrid__item {
    flex: none;
    width: 33.333%;
    padding: 25px 18px
}

@media (max-width: 480px) {
    .slcBG>.blockGrid__item {
        width: 50%
    }
}

.pageNavContainer {
    position: fixed;
    z-index: 80;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 200ms, visibility 200ms
}

.has--pageNav-fixed .pageNavContainer {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.pageNav {
    display: flex;
    flex-direction: column;
    position: relative
}

.pageNav:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 1px;
    border-left: dashed 1px #aca7c1;
    pointer-events: none
}

.pageNav>a {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #aca7c1;
    position: relative;
    z-index: 5;
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: all 300ms ease;
    transition-delay: 0ms
}

.pageNav>a:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #00dfbf;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 10;
    box-shadow: 0px 0px 10px 3px #00dfbf;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms
}

.pageNav>a:nth-child(2) {
    transition-delay: 50ms
}

.pageNav>a:nth-child(3) {
    transition-delay: 100ms
}

.pageNav>a:nth-child(4) {
    transition-delay: 150ms
}

.pageNav>a:nth-child(5) {
    transition-delay: 200ms
}

.pageNav>a:nth-child(6) {
    transition-delay: 250ms
}

.pageNav>a:nth-child(7) {
    transition-delay: 300ms
}

.pageNav>a+a {
    margin-top: 50px
}

.pageNav>a div {
    position: absolute;
    left: 100%;
    top: -4px;
    margin-left: -5px;
    padding: 0 12px 0 16px;
    height: 20px;
    border-radius: 0 10px 10px 0;
    font-size: 13px;
    text-transform: capitalize;
    color: #12054e;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    transition: all 300ms ease
}

.pageNav>a:hover div,
.pageNav>a.is--active div {
    opacity: 1;
    visibility: visible;
    background: #00dfbf
}

.pageNav>a:hover:before,
.pageNav>a.is--active:before {
    opacity: 1;
    visibility: visible
}

@media (max-height: 960px) {
    .slBG {
        margin-top: 70px
    }
}

@media (max-width: 1380px) {
    .slcBG {
        margin-bottom: -35px
    }
}

@media (max-width: 1180px) {
    .introBG {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
    .slcBG {
        justify-content: center;
        width: calc(100% + 20px);
        margin: -10px 0 25px -10px;
    }
    .slcBG>.blockGrid__item {
        padding: 10px
    }
    .slBG {
        margin-top: 0;
        width: calc(100% + 20px);
        margin-left: -10px
    }
    .slBG .sl__content p {
        display: none
    }
    .slBG>.blockGrid__item {
        width: 33.333%;
        padding: 0 10px
    }
    .introBG>.blockGrid__item:first-child {
        width: 100%
    }
    .introBG>.blockGrid__item:last-child {
        display: none
    }
    .pageNav {
        display: none
    }
}

@media (max-width: 440px) {
    .sl__icon svg {
        width: 100%;
        height: auto
    }
    .sl__content {
        margin: 15px 0
    }
    .sl__content h4 {
        font-size: 12px;
        min-height: 29px
    }
}

@media (max-width: 380px) {
    .sl__actions {
        transform: scale(0.8);
        transform-origin: left top
    }
}

.section--why-jfdi{
    padding: 200px 0 0;
    margin: -5px 0 0;
    background: linear-gradient(180deg, #12054e 9.57%, #170653 26.83%, #260862 48.12%, #3f0c7a 71.45%, #430d7e 74.37%, #460e7f 80.8%, #4f1183 85.16%, #5e178a 88.91%, #741f94 92.32%, #8f2aa0 95.49%, #b136b0 98.45%, #c63eb9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#12054E', endColorstr='#C63EB9', GradientType=0);
    position: relative
}
.section--our-values .wp-block-columns, .section--our-values .blockGrid{
  justify-content: center;
}
.section--our-values .slcBG>.blockGrid__item {
  width: 30%;
}
.section--our-values {
  padding: 200px 0 0;
  margin: -5px 0 0;
  background: linear-gradient(180deg, #12054e 9.57%, #170653 26.83%, #260862 48.12%, #3f0c7a 71.45%, #430d7e 74.37%, #460e7f 80.8%, #4f1183 85.16%, #5e178a 88.91%, #741f94 92.32%, #8f2aa0 95.49%, #b136b0 98.45%, #c63eb9 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#12054E', endColorstr='#C63EB9', GradientType=0);
  position: relative
  }
  .section--our-values .row:not(.wp-block-group){
    
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    }
    .section--our-values .cpsBG>.blockGrid__item{
      width:30.33%
    }
    .section--our-values .cpsBG{
      justify-content: space-between;
    }
  
  .section--why-jfdi:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0.2;
      pointer-events: none;
      user-select: none;
      background: url(/wp-content/themes/JFDI/assets/images/gradient-half-circle-top.svg) no-repeat top center;
      background-size: 100% auto;
      z-index: 10;
  }


  .section--our-values .row {
    position: relative;
    z-index: 20;
  }

.section--why-jfdi:after {
  content: '';
  height: 14px;
  width: 100%;
  position: absolute;
  z-index: 21;
  left: 0;
  bottom: -10px;
  background: #fff;
}

.section--our-values:after {
content: '';
width: 100%;
position: absolute;
z-index: 21;
left: 0;
bottom: -10px;
background: #12054E;
}

.section--why-jfdi>.row {
    position: relative;
    z-index: 5
}

.section--why-jfdi>img, .section--our-values>img {
  width: calc(100% + 2px);
  max-width: none;
  position: relative;
  z-index: 20;
}

.section--why-jfdi .title {
    margin-bottom: 85px;
    margin-top: 50px
}

.section--why-jfdi .title h2 br {
    display: none
}

.section--why-jfdi .limitWidth {
    max-width: 760px;
    margin: 0 auto
}

.section--why-jfdi.section--ewm {
    background: linear-gradient(0deg, #430d7e 0%, #2a0966 36.48%, #180654 73.44%, #12054e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#12054E', endColorstr='#430D7E', GradientType=0)
}

.section--why-jfdi.section--ewm:after {
    content: none
}

.section--why-jfdi.section--out-story .title {
    margin-bottom: 40px
}

@media (min-width: 1680px) {
    .section--why-jfdi>.row {
        margin-top: -70px
    }
    .section--why-jfdi>img:last-child {
        margin-top: -100px
    }
}

.section--our-story .row {
    max-width: 1220px
}

.section--our-story .limitWidth {
    margin: 0;
    max-width: 500px
}

.ewm {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center
}

.ewm__icon {
    width: 510px;
    position: relative;
    z-index: 5
}

.ewm__icon img {
    width: 100%;
    position: relative;
    z-index: 6
}

.ewm__icon i {
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    transform: Translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.8);
    font-size: 200px
}

.ewm__icon:after {
    content: '';
    height: 100%;
    width: calc(50vw + 400px);
    position: absolute;
    left: 50%;
    top: 0
}

@media (max-width: 1180px) {
    .ewm__icon {
        width: 100%;
        max-width: 280px
    }
    .ewm__icon i {
        font-size: 80px
    }
}

@media (max-width: 680px) {
    .ewm__icon {
        max-width: 200px
    }
    .ewm__icon i {
        font-size: 60px
    }
}

.ewm__content {
    width: 80%;
    position: relative;
    z-index: 5;
    flex: 1;
    padding: 20px 0 20px 100px
}

.ewm__content h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 0 30px
}


/*.ewm__content h2 + p {
    font-size: 22px
}*/

.ewm h2 {
    font-size: 50px;
}

.ewm ul {
    font-size: 20px;
}

.ewm p {
    font-size: 25px;
}

@media (max-width: 680px) {
    .ewm__content h2+p {
        font-size: 18px
    }
}

@media (max-width: 1180px) {
    .ewm__content {
        width: 100%;
        padding: 40px 0 0 !important
    }
}

@media (min-width: 1181px) {
    .ewm {
        opacity: 0;
        transform: translateY(30%);
        transition: transform 300ms ease-out, opacity 300ms ease-out
    }
    .ewm.is--animated {
        transform: none;
        opacity: 1
    }
}

.ewm.ewm--reverse .ewm__icon {
    order: 2
}

.ewm.ewm--reverse .ewm__icon:after {
    left: auto;
    right: 50%
}

@media (max-width: 1180px) {
    .ewm.ewm--reverse .ewm__icon {
        order: 1
    }
}

.ewm.ewm--reverse .ewm__content {
    order: 1;
    padding: 20px 100px 20px 0
}

@media (max-width: 1180px) {
    .ewm.ewm--reverse {
        align-items: flex-end !important
    }
}

.ewm+.ewm {
    margin-top: -80px
}

@media (max-width: 1180px) {
    .ewm {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 40px
    }
    .ewm+.ewm {
        margin-top: 40px
    }
}

@media (max-width: 680px) {
    .ewm {
        padding: 0
    }
    .ewm+.ewm {
        margin-top: -150px;
    }
}

.ewm.ewm--blue,
.ewm.ewm--pink,
.ewm.ewm--purple,
.ewm.ewm--green {
    transform: scale(0.7);
}

.ewm.ewm--blue .ewm__icon,
.ewm.ewm--pink .ewm__icon {
    left: 10%;
}

.ewm.ewm--blue .ewm__content,
.ewm.ewm--pink .ewm__content {
    left: 10%;
}

.ewm.ewm--purple .ewm__icon,
.ewm.ewm--green .ewm__icon {
    right: 10%;
}

.ewm.ewm--purple .ewm__content,
.ewm.ewm--green .ewm__content {
    right: 10%;
}

.ewm.ewm--blue .ewm__icon:after {
    background: linear-gradient(90deg, #436bd6 0%, rgba(53, 6, 105, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#436BD6', endColorstr='#350669', GradientType=1)
}

.ewm.ewm--purple .ewm__icon:after {
    background: linear-gradient(270deg, #8516cc 0%, rgba(53, 6, 105, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8516CC', endColorstr='#350669', GradientType=1)
}

.ewm.ewm--pink .ewm__icon:after {
    background: linear-gradient(90deg, #c63eb9 0%, rgba(53, 6, 105, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C63EB9', endColorstr='#350669', GradientType=1)
}

.ewm.ewm--green .ewm__icon:after {
    background: linear-gradient(270deg, #00dfbf 0%, rgba(53, 6, 105, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00DFBF', endColorstr='#350669', GradientType=1)
}

.nightSky {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    clip-path: ellipse(50% 50% at 50% 50%);
    overflow: hidden
}

.nightSky__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/JFDI/assets/images/stars.png) no-repeat center;
    opacity: 0.4
}

.nightSky__starContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotateZ(-200deg)
}

.nightSky__star {
    position: absolute;
    top: 0%;
    left: 50%;
    height: 2px;
    background: linear-gradient(-45deg, #fff, rgba(0, 0, 255, 0));
    filter: drop-shadow(0 0 6px #fff);
    animation: ss_tail 3000ms ease-in-out infinite, ss_shooting 3000ms ease-in-out infinite
}

.nightSky__star:nth-child(2) {
    top: 90%;
    left: calc(50% - 190px);
    animation-delay: 150ms
}

.nightSky__star:nth-child(3) {
    top: 80%;
    left: calc(50% - 200px);
    animation-delay: 1600ms
}

.nightSky__bg {
    transform: translate(0, 10%)
}

@media (max-width: 1180px) {
    .section--why-jfdi {
        padding: 120px 0 0
    }
    .section--why-jfdi .title {
        margin-bottom: 60px;
        margin-top: 50px
    }
}

@media (max-width: 480px) {
    .section--why-jfdi {
        padding: 100px 0 0
    }
    .section--why-jfdi .title br {
        display: none
    }
}

@media (max-width: 390px) {
    .section--why-jfdi .title h2 br {
        display: block
    }
}

.section--crypto-accomplishments {
    padding: 0px;
}

.section--crypto-accomplishments+section {
    margin: -5px;
}

.section--crypto-accomplishments .wp-block-group__inner-container.row {
    padding-bottom: 20px;
}

.section--crypto-accomplishments .wp-block-group__inner-container .title,
.section--crypto-accomplishments .wp-block-group__inner-container ul {
    padding-left: 10vw;
}

.section--crypto-accomplishments .row {
    max-width: 100vw;
    padding: 0px;
}

.section--accomplishments {
    padding: 160px 0 0;
    margin-top: -5px;
    overflow: hidden;
    background: linear-gradient(180deg, #fff 1.52%, #f9f9fc 14.74%, #e6e8f5 33.25%, #c8cde9 54.87%, #9fa8d9 78.65%, #7480c8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#7480C8', GradientType=0);
    position: relative;
    z-index: 5
}

.section--accomplishments>.row {
    position: relative;
    z-index: 10
}

.section--accomplishments .title {
    margin: 0 0 50px
}

.bgCont--accomplishments {
    position: relative;
    margin: -460px 0 -5px;
    pointer-events: none;
    user-select: none
}

.bgCont--accomplishments img,
.bgCont--accomplishments svg {
    width: 100%
}

.bgCont--accomplishments .bgCont__img-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 8
}

.bgCont--accomplishments #mountain-main {
    position: relative;
    z-index: 5
}

.bgCont--accomplishments #mountain-birds,
.bgCont--accomplishments #mountain-purple,
.bgCont--accomplishments #mountain-gray {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.bgCont--accomplishments #mountain-purple {
    z-index: 2
}

@media (min-width: 1181px) {
    .bgCont--accomplishments #mountain-main {
        transform: translate(0, 100%)
    }
    .bgCont--accomplishments #mountain-birds {
        transform: translate(0, -10%);
        opacity: 0
    }
    .bgCont--accomplishments #mountain-purple {
        transform: translate(0, 100%)
    }
    .bgCont--accomplishments #mountain-gray {
        transform: translate(0, 100%)
    }
}

@media (max-width: 1380px) {
    .section--accomplishments {
        padding: 120px 0 0
    }
    .bgCont--accomplishments {
        margin-top: -280px
    }
}

@media (max-width: 1180px) {
    .bgCont--accomplishments {
        margin-top: -100px
    }
}

@media (max-width: 1180px) {
    .section--accomplishments {
        padding: 80px 0 0
    }
    .bgCont--accomplishments img#gsImage_1 {
        transform: none !important
    }
}

@media (max-width: 680px) {
    .bgCont--accomplishments {
        margin-top: -50px
    }
}

@media (max-width: 480px) {
    .bgCont--accomplishments {
        margin-top: 0px
    }
}

@media (max-width: 440px) {
    .section--accomplishments .title br {
        display: none
    }
}

.section--ts {
    background: #12054e;
    padding: 140px 0 110px;
    margin-top: -2px;
    position: relative;
    z-index: 5
}

.section--ts .title--letter {
    position: relative;
    z-index: 5
}

@media (max-width: 1180px) {
    .section--ts .title--letter {
        margin-bottom: 40px
    }
}

@media (max-width: 680px) {
    .section--ts .title--letter {
        margin-bottom: 20px
    }
}

.section--ts .limitWidth {
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
    z-index: 5
}

.section--ts+.section--ts {
    padding-top: 110px;
    padding-bottom: 80px
}

.section--ts+.section--ts:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border-top: dashed 2px rgba(0, 223, 191, 0.2);
    width: 100%;
    max-width: 800px;
    z-index: 5
}

.section--ts.is--animated .letterContainer svg #dot {
    animation: dot_jump 3000ms linear infinite normal forwards
}

.letterContainer {
    position: relative;
    user-select: none;
    pointer-events: none
}

.letterContainer:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    padding-bottom: 60%;
    background: radial-gradient(circle, #12839a 0%, rgba(255, 255, 255, 0) 60%);
    border-radius: 50%
}

.letterContainer>svg {
    width: auto;
    height: auto;
    max-height: 720px;
    position: relative;
    z-index: 5
}

@keyframes dot_jump {
    0% {
        transform: translate(0, 0);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1)
    }
    6.666667% {
        transform: translate(0, -10px);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1)
    }
    13.333333% {
        transform: translate(0, 0);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1)
    }
    20% {
        transform: translate(0, -5px)
    }
    26.666667% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(0, 0)
    }
}

.section--tech-suit.is--animated #e035rlrip5ff28 {
    animation: e035rlrip5ff28_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff29 {
    animation: e035rlrip5ff29_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff212 {
    animation: e035rlrip5ff212_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff213 {
    animation: e035rlrip5ff213_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff218 {
    animation: e035rlrip5ff218_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff219 {
    animation: e035rlrip5ff219_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff222 {
    animation: e035rlrip5ff222_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff223 {
    animation: e035rlrip5ff223_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff228 {
    animation: e035rlrip5ff228_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff229 {
    animation: e035rlrip5ff229_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff231 {
    animation: e035rlrip5ff231_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff238 {
    animation: e035rlrip5ff238_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff239 {
    animation: e035rlrip5ff239_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated #e035rlrip5ff241 {
    animation: e035rlrip5ff241_f_p 12000ms 2200ms linear infinite normal forwards
}

.section--tech-suit.is--animated .cpsContainer__grid svg {
    animation: zoomIn 600ms 500ms linear 1 normal forwards
}

.cpsBG {
    color: #fff;
    width: calc(100% + 24px);
    margin: 25px 0 -12px -12px;
    flex-wrap: Wrap;
    justify-content: center
}

.cpsBG>.blockGrid__item {
    width: 33.333%;
    padding: 12px;
    min-width: 300px;
}

@media (max-width: 916px) {
    .cpsBG>.blockGrid__item:last-child {
        margin-top: -68px
    }
}

@media (max-width: 620px) {
    .cpsBG {
        flex-direction: column;
        align-items: center
    }
    .cpsBG>.blockGrid__item {
        margin-top: 0 !important
    }
}

.cpsBG.cpsBG--hb>.blockGrid__item {
    width: 25%;
    transform: scale(0.8);
}

@media (max-width: 680px) {
    .cpsBG.cpsBG--hb>.blockGrid__item {
        width: 50%;
        min-width: 0
    }
}

@media (max-width: 480px) {
    .cpsBG.cpsBG--hb>.blockGrid__item {
        padding: 6px
    }
}

.cpsBG.cpsBG--hb[data-count='4']>.blockGrid__item {
    margin: 0 !important
}

@media (max-width: 380px) {
    .cpsBG.cpsBG--hb[data-count='4']>.blockGrid__item {
        width: 50%
    }
}

@media (max-width: 480px) {
    .cpsBG.cpsBG--hb {
        width: calc(100% + 12px);
        margin: 40px 0 -6px -6px
    }
}

@media (max-width: 620px) {
    .cpsBG.cpsBG--hb {
        flex-direction: row
    }
}

.cpsBG.cpsBG--hg>.blockGrid__item {
    min-width: 315px;
    padding: 18px
}

.cpsBG .blockGrid__item:nth-of-type(2) .cps__actions {
    margin-top: 20px;
}

.cpsBG .blockGrid__item:nth-of-type(3) .cps__actions {
    margin-top: 45px;
}

.cpsBG.cpsBG--hg .cps .cps__image {
    margin: -15% 0 -7%;
}

@media (max-width: 680px) {
    .cpsBG .blockGrid__item:nth-of-type(3) .cps__actions {
        margin-top: 10px;
    }
}

@media (max-width: 1380px) {
    .cpsBG.cpsBG--hg>.blockGrid__item {
        min-width: 300px
    }
}

@media (max-width: 1280px) {
    .cpsBG.cpsBG--hg>.blockGrid__item {
        min-width: 277px
    }
}

@media (max-width: 1180px) {
    .cpsBG.cpsBG--hg>.blockGrid__item {
        min-width: 0;
        max-width: 300px;
        width: 100%
    }
    .cpsBG.cpsBG--hg>.blockGrid__item:nth-child(3) {
        margin-top: 0
    }
}

.cpsBG.cpsBG--hg .cps .cps__image {
    margin: -15% 0 -7%
}

.cpsBG.cpsBG--hg .cps .cps__image img {
    max-height: none;
    height: 160%
}

.cpsBG.cpsBG--hg .cps .cps__content {
    padding: 0 20px
}

.cpsBG.cpsBG--hg .cps .cps__content p {
    font-size: 14px;
    margin: 0 auto
}

.cpsBG.cpsBG--hg .cps .cps__content h4 {
    align-items: flex-end;
    margin: 0 0 10px;
    min-height: 0
}

@media (max-width: 1180px) {
    .cpsBG.cpsBG--hg .cps .cps__content {
        margin: 40px 0 20px
    }
}

@media (max-width: 680px) {
    .section--ts .cps__content {
        margin: 5px!important;
    }
    .section--ts .cps__content p {
        margin: 5px!important;
    }
    .section--ts .cps__content h4 {
        margin: 5px!important;
    }
    .section--ts .cpsBG.cpsBG--hg>.blockGrid__item:nth-child(3) {
        margin-top: 10px!important;
    }
    .section--industries .blockGrid__item:nth-child(3) img {
        width: 70%!important;
    }
    .section--industries .blockGrid__item:nth-child(4) img {
        margin-bottom: 20px!important;
    }
}

.acpsBG {
    width: calc(100% + 10px);
    margin: 70px 0 -5px -5px;
    flex-wrap: wrap;
    justify-content: center
}

.acpsBG>.blockGrid__item {
    width: 20%;
    padding: 5px
}

@media (max-width: 980px) {
    .acpsBG>.blockGrid__item {
        width: 33.333%
    }
    .acpsBG>.blockGrid__item:nth-child(1n+4) {
        margin-top: -8%
    }
}

@media (max-width: 480px) {
    .acpsBG>.blockGrid__item {
        width: 50%;
        margin: 0 !important
    }
    .acpsBG>.blockGrid__item:nth-child(5) {
        margin-top: -12% !important
    }
}

@media (max-width: 1180px) {
    .acpsBG {
        margin-top: -20px
    }
}

.cpsContainer {
    position: relative
}

.cpsContainer .row {
    position: relative;
    z-index: 5
}

.cpsContainer__grid {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.cpsContainer__grid svg {
    width: 100%;
    height: auto;
    opacity: 0
}

.cps {
    color: #fff;
    display: block;
    background: url(/wp-content/themes/JFDI/assets/images/r-square-g2.png) no-repeat center;
    background-size: 100% auto;
    padding-bottom: 111%;
    position: relative
}

.cps__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 1180px) {
    .cps__inner {
        padding: 40px 20px
    }
}

.cps__icon {
    height: 70px
}

.cps__icon i {
    font-size: 70px;
    color: rgba(255, 255, 255, 0.65)
}

@media (max-width: 1180px) {
    .cps__icon {
        height: 60px
    }
    .cps__icon i {
        font-size: 60px
    }
}

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

.cps__content {
    margin: 30px 0
}

.cps__content h4 {
    font-size: 24px
}

.cps__content p {
    font-size: 16px
}

@media (max-width: 1180px) {
    .cps__content p {
        font-size: 14px
    }
}

@media (max-width: 1180px) {
    .cps__content {
        margin: 20px 0
    }
}

.cps__actions {
    font-size: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.cpsBG>.cps__item:nth-of-type(2) .cps__actions {
    margin-top: 20px;
}

.cpsBG>.cps__item:nth-of-type(3) .cps__actions {
    margin-top: 45px;
}

.cps__actions:after {
    content: "SEE VISUAL";
    font-size: 12px;
}

@media (max-width: 1180px) {
    .cps__actions {
        font-size: 24px
    }
}

.cps.cps--hb .cps__image {
    width: 100%;
    height: 75%;
    margin-top: -40%;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.cps.cps--hb .cps__image img {
    height: 120%;
    top: 10%;
    position: relative;
    min-height: 100px
}

@media (max-width: 480px) {
    .cps.cps--hb .cps__image img {
        min-height: 80px
    }
}

@media (max-width: 1180px) {
    .cps.cps--hb .cps__image {
        margin-bottom: 20px
    }
}

@media (max-width: 680px) {
    .cps.cps--hb .cps__image img {
        max-height: calc(100% - 20px)
    }
}

@media (max-width: 480px) {
    .cps.cps--hb .cps__image {
        margin-bottom: 10px
    }
}

.cps.cps--hb .cps__inner {
    padding-left: 0;
    padding-right: 0
}

.cps.cps--hb .cps__content {
    width: 100%;
    padding: 0 40px
}

.cps.cps--hb .cps__content h4 {
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1180px) {
    .cps.cps--hb .cps__content h4 {
        min-height: 0
    }
}

@media (max-width: 360px) {
    .cps.cps--hb .cps__content h4 {
        font-size: 16px
    }
}

.cps.cps--hb .cps__content p {
    max-width: 220px;
    display: block;
    margin: 20px auto 0
}

@media (max-width: 916px) {
    .cps.cps--hb .cps__content {
        padding: 0 10px;
        margin: 10px 0
    }
    .cps.cps--hb .cps__content h4 {
        font-size: 20px;
        min-height: 0
    }
    .cps.cps--hb .cps__content h4+p {
        margin-top: -10px
    }
}

@media (max-width: 680px) {
    .cps.cps--hb .cps__content h4 {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .cps.cps--hb .cps__content h4 {
        font-size: 16px
    }
    .cps.cps--hb .cps__content p {
        font-size: 12px
    }
}

.cps.cps--hbs .cps__inner {
    padding: 20px
}

.cps.cps--hbs .cps__image {
    position: relative
}

.cps.cps--hbs .cps__image img {
    width: 100%
}

@media (max-width: 960px) {
    .cps.cps--hbs .cps__content h4 {
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .cps.cps--hbs .cps__content h4 {
        font-size: 16px
    }
}

@media (max-width: 680px) {
    .cps.cps--hbs .cps__content {
        margin: 10px 0
    }
}

.cps.cps--hbs.sp .cps__image>img:first-child {
    position: absolute;
    left: 0px;
    bottom: -20px;
    width: 100%;
    height: auto;
    max-height: 245px
}

@media (max-width: 916px) {
    .cps.cps--hbs.sp .cps__image>img:first-child {
        max-height: 100%
    }
}

.cps.cps--hbs.sp .cps__image>img:last-child {
    margin-top: -65px
}

@media (max-width: 916px) {
    .cps.cps--hbs.sp .cps__image>img:last-child {
        margin-top: 0;
        max-width: 200px
    }
}

@media (max-width: 680px) {
    .cps__image:nth-of-type(3) img {
        width: 60%!important;
    }
}

.cps.cps--au .cps__icon {
    height: 90px;
    margin: 20px 0 0
}

.cps.cps--au .cps__icon i {
    font-size: 90px
}

.cps.cps--au .cps__inner {
    padding-left: 20px;
    padding-right: 20px
}

.cps.cps--au .cps__content h4 {
    min-height: 53px;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

@media (max-width: 1380px) {
    .cps.cps--au .cps__content {
        margin: 20px 0
    }
    .cps.cps--au .cps__content h4 {
        font-size: 20px;
        min-height: 48px
    }
}

@media (max-width: 1180px) {
    .cps.cps--au .cps__icon {
        height: 75px
    }
    .cps.cps--au .cps__icon i {
        font-size: 75px
    }
    .cps.cps--au .cps__content h4 {
        font-size: 16px;
        min-height: 39px
    }
}

@media (max-width: 560px) {
    .cps.cps--au .cps__icon {
        height: 55px
    }
    .cps.cps--au .cps__icon i {
        font-size: 55px
    }
    .cps.cps--au .cps__content h4 {
        font-size: 14px;
        min-height: 34px
    }
}

.hgBG {
    align-items: stretch
}

.hgBG>.blockGrid__item {
    width: 50%;
    position: relative;
    top: -20px;
}

.hgBG>.blockGrid__item>p {
    color: #7480c8;
    font-size: 22px;
    text-align: center
}

@media (max-width: 1180px) {
    .hgBG>.blockGrid__item>p {
        font-size: 20px
    }
    .hgBG>.blockGrid__item>p br {
        display: none
    }
}

.hgBG>.blockGrid__item+.blockGrid__item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 15px;
    height: calc(100% - 140px);
    border-left: dashed 2px #d4aded
}

@media (max-width: 980px) {
    .hgBG>.blockGrid__item+.blockGrid__item:before {
        content: none
    }
}

.hgBG>.blockGrid__item .cpsBG {
    margin-top: 20px
}

@media (max-width: 980px) {
    .hgBG>.blockGrid__item .cpsBG {
        width: calc(100% + 24px);
        margin-left: -12px
    }
}

@media (max-width: 980px) {
    .hgBG>.blockGrid__item .cpsBG>.blockGrid__item {
        padding: 12px;
        width: 50%;
        max-width: none
    }
}

@media (max-width: 480px) {
    .hgBG>.blockGrid__item .cpsBG>.blockGrid__item {
        width: 100%
    }
    .hgBG>.blockGrid__item .cpsBG>.blockGrid__item+.blockGrid__item {
        margin-top: 40px !important
    }
}

@media (max-width: 980px) {
    .hgBG {
        flex-direction: column
    }
    .hgBG>.blockGrid__item {
        width: 100%
    }
    .hgBG>.blockGrid__item+.blockGrid__item {
        margin-top: 40px
    }
}

@media (max-width: 1180px) {
    .section--ts {
        padding: 80px 0
    }
    .cpsBG {
        margin-top: 10px
    }
    .hr--dashed {
        margin: 50px auto 50px
    }
    .section--ts+.section--ts {
        padding-top: 80px;
        padding-bottom: 0
    }
}

@media (max-width: 860px) {
    .letterContainer>svg {
        width: calc(100% + 300px);
        margin-left: -150px
    }
}

@media (max-width: 680px) {
    .section--ts {
        padding: 60px 0
    }
    .section--ts+.section--ts {
        padding-top: 50px;
        padding-bottom: 0
    }
}

@media (max-width: 480px) {
    .letterContainer>svg {
        width: calc(100% + 400px);
        margin-left: -200px
    }
}

.section--testemonials {
    background: #430d7e;
    position: relative;
    z-index: 5;
    margin-top: -2px
}

.testemonialsBG>.blockGrid__left {
    width: 380px
}

.testemonialsBG>.blockGrid__left h3 {
    color: #aca7c1;
    margin-bottom: 80px
}

.testemonialsBG>.blockGrid__right {
    width: calc(100% - 380px);
    position: relative;
    display: flex;
    justify-content: flex-end
}

.tCarouselNav {
    display: flex;
    align-items: center
}

.tCarouselNav__duration {
    height: 6px;
    background: #e1e1e1;
    flex: 1
}

.tCarouselNav__duration>div {
    height: 100%;
    background: #00dfbf
}

.tCarouselNav__navigation {
    display: flex;
    width: 90px;
    margin-left: 50px
}

.tCarouselNav__navigation button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: solid 2px transparent;
    border-radius: 50%;
    background: none;
    outline: none !important;
    color: #e1e1e1
}

.tCarouselNav__navigation button.prev i {
    position: relative;
    left: -2px
}

.tCarouselNav__navigation button:hover {
    border-color: #00dfbf;
    color: #00dfbf
}

.tCarouselNav__navigation button+button {
    margin-left: 30px
}

.tCarousel .owl-item>div {
    display: flex;
    justify-content: center
}

.testemonial {
    color: #fff;
    max-width: 760px
}

.testemonial__title {
    font-size: 22px
}

.testemonial__title strong {
    color: #00dfbf
}

.testemonial__title p {
    font-weight: 300;
    margin: 0
}

.testemonial__content {
    font-size: 18px;
    font-weight: 300;
    padding-top: 35px
}

@media (max-width: 1180px) {
    .section--testemonials {
        padding: 60px 0
    }
    .testemonialsBG {
        flex-direction: column
    }
    .testemonialsBG>.blockGrid__left h3 {
        margin-bottom: 20px
    }
    .testemonialsBG>.blockGrid__left {
        width: 100%
    }
    .testemonialsBG>.blockGrid__right {
        width: 100%;
        margin-top: 20px
    }
    .testemonial {
        max-width: none
    }
    .testemonial__title {
        font-size: 16px
    }
    .testemonial__content {
        font-size: 14px;
        padding: 20px 0 0
    }
}

.section--latest-posts {
    padding: 0 0 20px;
    margin: -5px 0 0;
    background: linear-gradient(0deg, #fff 0%, #faf9fb 9.07%, #ebe9f0 20.69%, #d2cfdd 33.69%, #afaac3 47.7%, #827ba2 62.54%, #4c437a 77.8%, #12054e 92.46%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#12054E', endColorstr='#FFFFFF', GradientType=0)
}

.section--latest-posts>img {
    width: 100%;
    pointer-events: none;
    user-select: none
}

.postsBG {
    width: calc(100% + 12px);
    margin: -6px 0 -6px -6px
}

.postsBG>.blockGrid__item {
    padding: 6px;
    width: 25%
}

.postsBG+.title {
    margin-top: 120px
}

.fpBG {
    justify-content: center;
    width: calc(100% + 30px);
    margin: -15px 0 -15px -15px;
    flex-wrap: Wrap
}

.fpBG>.blockGrid__item {
    width: 33.333%;
    max-width: 370px;
    padding: 15px
}

@media (max-width: 860px) {
    .fpBG>.blockGrid__item {
        width: 50%
    }
}

@media (max-width: 580px) {
    .fpBG>.blockGrid__item {
        width: 100%;
        max-width: none
    }
}

.fpBG+div {
    margin-top: 40px
}

.postE {
    border-radius: 10px;
    color: #fff;
    padding: 40px 40px 30px;
    background: linear-gradient(30deg, #12054e .02%, #160b57 22.46%, #201b6f 59.03%, #2e3192 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#12054E', endColorstr='#2E3192', GradientType=1);
    position: relative;
    overflow: hidden;
    user-select: none
}

.postE:before {
    content: '';
    position: absolute;
    left: -40px;
    top: -80px;
    width: calc(60% + 40px);
    height: 100%;
    max-height: 310px;
    pointer-events: none;
    background: url(/wp-content/themes/JFDI/assets/images/r-square-g.svg) no-repeat left top
}

.postE>div {
    position: relative;
    z-index: 5
}

.postE__icon {
    height: 70px
}

.postE__icon i {
    font-size: 70px;
    opacity: 0.65;
    position: relative;
    z-index: 5
}

.postE__icon--usd {
    position: relative
}


/*.postE__icon--usd:before {
    content: '\e915';
    font-family: 'icomoon';
    position: absolute;
    left: -20px;
    top: -16px;
    color: #12054e;
    opacity: 0.25;
    font-size: 100px;
    line-height: 1
}*/

.postE__icon--usd i {
    margin: 0 0 0 10px
}

.postE__icon--usd i.icon-chart {
    margin: 0 0 0 -5px;
    top: -5px;
    font-size: 80px
}

.postE__date {
    font-size: 14px;
    line-height: 1;
    color: #aba6c0;
    font-weight: bold;
    border-bottom: solid 1px #aba6c0;
    padding: 0 0 12px;
    margin: 0 0 12px
}

.postE__title {
    text-align: center;
    margin: 10px 0 45px;
    text-transform: uppercase
}

.postE__title h3 {
    margin: 0;
    font-family: 'Aller Display';
    font-size: 30px;
    font-weight: normal;
    max-height: 104px;
    height: 104px;
    overflow: hidden
}

@media (max-width: 1280px) {
    .postE__title h3 {
        text-align: left;
        font-size: 24px;
        max-height: 82px;
        height: 82px
    }
}

@media (max-width: 680px) {
    .postE__title h3 {
        height: auto;
        max-height: none
    }
}

@media (max-width: 1280px) {
    .postE__title {
        margin: 10px 0 25px
    }
}

.postE__title.tt--of:after {
    content: '...'
}

.postE__content {
    font-weight: 300
}

.postE__content p {
    height: 112px;
    max-height: 112px;
    overflow: hidden
}

@media (max-width: 680px) {
    .postE__content p {
        height: auto;
        max-height: none
    }
}

.postE__actions {
    text-align: center;
    margin: 35px 0 0
}

@media (max-width: 1280px) {
    .postE__actions {
        text-align: left
    }
}

@media (max-width: 380px) {
    .postE {
        padding: 20px 30px 20px
    }
}

.postE--md {
    min-height: 400px
}

.postE--md .postE__title {
    margin: 35px 0 35px
}

.postE--md .postE__title h3 {
    text-align: center !important
}

@media (max-width: 580px) {
    .postE--md {
        min-height: 0;
        padding-bottom: 30px
    }
    .postE--md .postE__title {
        margin: 20px 0
    }
}

.postsCarousel+.title {
    margin-top: 120px
}

.postsCarousel .owl-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28px;
    display: flex;
    justify-content: space-between;
    pointer-events: none
}

.postsCarousel .owl-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: solid 2px transparent;
    border-radius: 50%;
    background: none;
    outline: none !important;
    color: #e1e1e1
}

.postsCarousel .owl-nav button.prev i {
    position: relative;
    left: -2px
}

.postsCarousel .owl-nav button:hover {
    border-color: #00dfbf;
    color: #00dfbf
}

.owl-nav button {
    pointer-events: all
}

.owl-dots {
    display: flex;
    justify-content: center;
    margin: 20px 0 0
}

.owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #2e3192 !important;
    margin: 6px
}

.owl-dots button.owl-dot.active {
    background: #8516cc !important
}

.blogBG {
    width: calc(100% + 30px);
    margin-left: -15px
}

.blogBG>[class^='blockGrid__'] {
    padding: 0 15px
}

.blogBG>[class^='blockGrid__']>div {
    background: #fff;
    padding: 30px
}

.blogBG>.blockGrid__sidebar {
    width: 350px
}

.blogBG>.blockGrid__sidebar h5 {
    margin: 25px 0 20px
}

.blogBG>.blockGrid__main {
    width: calc(100% - 350px)
}

.blogBG>.blockGrid__main>div {
    padding: 50px 60px
}

@media (max-width: 1180px) {
    .blogBG {
        flex-direction: column
    }
    .blogBG>.blockGrid__main,
    .blogBG>.blockGrid__sidebar {
        width: 100%
    }
    .blogBG>.blockGrid__main>div,
    .blogBG>.blockGrid__sidebar>div {
        padding: 20px !important
    }
    .blogBG>.blockGrid__sidebar {
        width: 100%;
        margin-top: 20px
    }
}

.postFull__title {
    margin-bottom: 20px
}

.postFull__title h2 {
    font-size: 30px;
    text-transform: uppercase
}

.postFull__date {
    display: flex;
    align-items: center;
    border-bottom: solid 1px #e1e1e1;
    padding: 0 0 10px;
    margin: 0 0 10px;
    font-size: 14px;
    color: #aba6c0;
    font-weight: bold
}

.postFull__date>div {
    display: flex;
    align-items: center
}

.postFull__date>svg {
    width: 28px;
    margin-right: 5px
}

.postFull__date *+* {
    margin-left: 10px
}

@media (max-width: 480px) {
    .postFull__date>div {
        flex-direction: column;
        align-items: flex-start
    }
    .postFull__date>div *+* {
        margin: 0
    }
    .postFull__date>div span {
        display: none
    }
}

.postFull__content {
    margin: 20px 0 0;
    font-size: 14px
}

.postFull__content p {
    margin: 15px 0
}

.postFull__content p:first-child {
    margin-top: 0
}

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

.postFull__content h1,
.postFull__content h2,
.postFull__content h3,
.postFull__content h4,
.postFull__content h5,
.postFull__content h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 1.2
}

.postFull__content h1 {
    color: #12054e;
    font-size: 30px
}

@media (max-width: 980px) {
    .postFull__content h1 {
        font-size: 50px
    }
}

@media (max-width: 480px) {
    .postFull__content h1 {
        font-size: 44px
    }
}

.postFull__content h2 {
    font-size: 26px
}

.postFull__content h3 {
    font-size: 22px
}

.postFull__content h4 {
    font-size: 16px
}

.postFull__content h5 {
    font-size: 14px
}

.postFull__actions {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin: 35px 0 -5px -5px
}

@media (max-width: 1180px) {
    .postFull__actions {
        margin-top: 15px
    }
}

.postExcerpt {
    display: block
}

.postExcerpt__date {
    border-bottom: solid 1px #e1e1e1;
    padding: 0 0 10px;
    margin: 6px 0 0;
    font-size: 14px;
    color: #aba6c0;
    font-weight: bold
}

.postExcerpt__content {
    font-size: 16px;
    transition: color 300ms
}

.postExcerpt+.postExcerpt {
    margin-top: 20px
}

.postExcerpt:hover {
    text-decoration: none
}

.postExcerpt:hover .postExcerpt__content {
    color: #8516cc
}

.newsletterInline {
    display: flex;
    align-items: center
}

.newsletterInline>h4 {
    font-size: 18px;
    margin: 0 25px 0 0;
    white-space: nowrap
}

@media (max-width: 1180px) {
    .newsletterInline {
        flex-direction: column;
        margin: 20px 0 0
    }
    .newsletterInline h4 {
        font-size: 16px;
        margin: 0 0 6px;
        white-space: normal
    }
}

.newsletter {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 5;
    padding-bottom: 1px
}

.newsletter__input {
    width: 100%;
    max-width: 500px;
    border-bottom: solid 1px #aca7c1;
    position: relative
}

@media (max-width: 480px) {
    .newsletter__input {
        max-width: calc(100% - 50px)
    }
}

.newsletter__line {
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    transform: translateX(-50%);
    height: 2px;
    background: transparent;
    z-index: 5;
    transition: all 400ms
}

.newsletter input {
    width: 100%;
    background: none;
    outline: none !important;
    border: none;
    text-align: center;
    font-size: 22px;
    height: 70px;
    padding: 10px
}

.newsletter input:focus+.newsletter__line {
    width: 100%;
    background: #00dfbf
}

@media (max-width: 480px) {
    .newsletter input {
        text-align: left;
        padding: 5px 0
    }
}

.newsletter .button--icon {
    line-height: 0;
    margin: 0 -79px 0 35px
}

@media (max-width: 480px) {
    .newsletter .button--icon {
        margin: 0 0 0 20px
    }
}

.newsletter.newsletter--sm {
    width: 350px
}

.newsletter.newsletter--sm .newsletter__input {
    width: 100%;
    max-width: 300px
}

.newsletter.newsletter--sm .newsletter__input input {
    font-size: 13px;
    text-align: left;
    height: 35px;
    padding: 0
}

.newsletter.newsletter--sm .button--icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 0;
    margin: 0 0 0 20px
}

@media (max-width: 1180px) {
    .newsletter.newsletter--sm {
        width: 260px
    }
}

@media (max-width: 480px) {
    .newsletter.newsletter--sm {
        width: 100%
    }
}

.title+.newsletter {
    margin-top: -30px
}

@media (max-width: 1280px) {
    .section--latest-posts {
        background: #fff
    }
    .postsCarousel+.title {
        margin-top: 40px
    }
}

@media (max-width: 1180px) {
    .section--latest-posts .titleContainer {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
    .section--latest-posts .titleContainer .title {
        margin: 0
    }
    .section--latest-posts .titleContainer a.show-more {
        margin: -30px 0 30px;
        position: static
    }
    .newsletter__input {
        max-width: 305px
    }
    .newsletter__input input {
        font-size: 16px;
        height: auto
    }
    .newsletter button {
        width: 30px;
        height: 30px;
        font-size: 30px;
        margin: 0 -49px 0 20px
    }
    .newsletter button i {
        font-size: 30px
    }
}

@media (max-width: 860px) {
    .postE__content {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .section--latest-posts .titleContainer {
        margin-top: 20px
    }
    .newsletter__input {
        max-width: calc(100% - 50px)
    }
    .newsletter input {
        text-align: left;
        padding: 5px 0
    }
    .newsletter button {
        margin: 0 0 0 20px
    }
}

.section--flexible-pricing {
    padding-bottom: 10vh;
    background: linear-gradient(180deg, #12054e 0%, #170654 23.45%, #240963 53.33%, #3a0e7d 86.56%, #45108a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#12054E', endColorstr='#45108A', GradientType=1)
}

.section--has-footer {
    padding-bottom: 0
}

.section--has-footer .sectionFooter {
    margin: 120px 0 0
}

.section--has-footer .sectionFooter img {
    width: 100%
}

@media (max-width: 1180px) {
    .section--has-footer .sectionFooter {
        margin-top: 60px
    }
}

.section--has-footer+.footer {
    margin-top: -2px
}

.section--exp-team {
    padding-bottom: 0;
    text-align: center;
    background: linear-gradient(180deg, #fff 0%, #fff 1.52%, #fbfcfe 19.69%, #f0f2f9 36.31%, #dee1f2 52.32%, #c4c9e7 67.95%, #a2aada 83.31%, #7985ca 98.26%, #7480c8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#7480C8', GradientType=1)
}

.section--exp-team>img {
    margin-top: 50px;
    width: 100%
}

.section--exp-team>.row {
    max-width: 1680px
}

.section--exp-team .cpsBG.cpsBG--hg>.blockGrid__item:nth-child(3) {
    margin-top: -60px;
}

@media (max-width: 1680px) {
    .section--exp-team>.row>p {
        font-size: 24px;
        margin: 60px 0 80px;
    }
}

@media (max-width: 1180px) {
    .section--exp-team>.row>p {
        font-size: 20px;
        margin: 60px 0;
    }
    .section--exp-team .cpsBG.cpsBG--hg>.blockGrid__item:nth-child(3) {
        margin-top: 0px;
    }
}

@media (max-width: 680px) {
    .section--exp-team>.row>p {
        font-size: 18px;
        margin: 40px 0 30px !important
    }
}

.section--exp-team .cpsBG+p {
    margin: 70px 0 90px
}

@media (max-width: 1680px) {
    .section--exp-team .cpsBG+p {
        margin: 70px 0
    }
}

.section--exp-team+section {
    margin-top: -5px
}

.section--blog {
    background: #e6e5ec
}

@media (min-width: 1181px) {
    .section--blog {
        padding-top: 180px
    }
}

.plBG {
    flex-wrap: wrap;
    width: calc(100% + 12px);
    margin: 30px 0 30px -6px
}

.plBG>.blockGrid__item {
    width: 25%;
    padding: 10px 6px
}

@media (max-width: 1180px) {
    .plBG>.blockGrid__item {
        width: 50%
    }
}

@media (max-width: 960px) {
    .plBG>.blockGrid__item {
        width: 50%
    }
}

@media (max-width: 680px) {
    .plBG>.blockGrid__item {
        width: 100%;
        padding: 0 6px
    }
    .plBG>.blockGrid__item+.blockGrid__item {
        margin-top: 20px
    }
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pagination .page-numbers,
.pagination__item {
    padding: 5px 10px;
    font-size: 16px;
    transition: color 200ms
}

.pagination .page-numbers i,
.pagination__item i {
    font-size: 14px
}

.pagination .page-numbers.active,
.pagination__item.active {
    font-weight: bold
}

.pagination .page-numbers.active,
.pagination .page-numbers:hover,
.pagination__item.active,
.pagination__item:hover {
    color: #8516cc;
    text-decoration: none
}

.section--our-story {
    overflow: hidden
}

.section--our-story .row {
    padding-top: 100px;
}

.section--our-story .title {
    margin-bottom: 60px
}

@media (max-width: 1460px) and (min-width: 1181px) {
    .section--our-story .row {
        padding-left: 100px
    }
}

@media (max-width: 1180px) {
    .section--our-story {
        text-align: center
    }
    .section--our-story .title {
        text-align: center
    }
    .section--our-story .textBlock {
        margin: 0 auto
    }
}

.section--industries {
    padding: 0
}

.section--industries .row {
    transform: translateY(-120px)
}

@media (max-width: 1680px) {
    .section--industries .row {
        transform: translateY(-19%)
    }
}

@media (max-width: 1256px) {
    .section--industries .row {
        transform: none
    }
}

.section--industries>img {
    position: relative;
    z-index: 10
}

.section--industries>div:not(.pageNavContainer) {
    position: relative;
    z-index: 30;
    background: #0e043b;
    color: #fff;
    margin-top: -2px
}

@media (max-width: 1256px) {
    .section--industries>div:not(.pageNavContainer) {
        padding-bottom: 10%
    }
}

.section--industries+.section--why-jfdi {
    padding-top: 0
}

.section--industries+.section--why-jfdi>img {
    width: 100%
}

@media (max-width: 480px) {
    .section--industries .title {
        margin-bottom: -10px
    }
}

.section--deep-experience>.row {
    margin: -5% auto;
    position: relative;
    z-index: 21
}

@media (max-width: 680px) {
    .section--deep-experience>.row {
        margin: 0 auto
    }
}

.section--deep-experience .title {
    margin-bottom: 50px
}

.section--accounting-solution {
    text-align: center;
    padding: 100px 0 160px
}

.section--accounting-solution .limitWidth {
    max-width: 760px;
    margin: 0 auto
}

@media (max-width: 680px) {
    .section--accounting-solution {
        padding: 60px 0
    }
}

.section--accounting-solution .title {
    margin-bottom: 70px
}

@media (max-width: 680px) {
    .section--accounting-solution .title {
        margin-bottom: 50px
    }
}

.section--accounting-solution .title p {
    color: #7480c8
}

.section--accounting-solution .sl .sl__content h4 {
    min-height: 0
}

.section--crypto .limitWidth {
    max-width: 620px
}

.section--crypto-tracker {
    padding: 0;
    overflow: hidden;
    padding-bottom: 50px!important;
}

.section--crypto-tracker .row {
    position: relative;
    z-index: 5
}

.section--crypto-tracker .bg__top {
    position: relative;
    background: linear-gradient(180deg, #430d7e 0%, #8461ab 28.27%, #b9a4cf 53.77%, #dfd5e9 74.94%, #f6f4f9 90.97%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#430D7E', endColorstr='#FFFFFF', GradientType=1)
}

.section--crypto-tracker .bg__top:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url(/wp-content/themes/JFDI/assets/images/crypto-tracker-pattern.svg) no-repeat top center;
    background-size: 100% auto;
    z-index: 1
}

.section--crypto-tracker .bg__top>img {
    width: calc(100% + 2px);
    max-width: none;
    margin-top: -2px
}

@media (min-width: 1480px) {
    .section--crypto-tracker .bg__top>img {
        margin-bottom: -140px
    }
}

.section--crypto-tracker .bg__top .title {
    position: relative;
    z-index: 10
}

.section--crypto-tracker .bg__top .title p {
    color: #fff
}

@media (max-width: 480px) {
    .section--crypto-tracker .bg__top .title p br {
        display: none
    }
}

.section--crypto-tracker .bg__top .posr {
    position: relative;
    z-index: 5
}

.section--crypto-tracker .bg__bottom {
    background: linear-gradient(180deg, #fff 7%, #fcfbfd 21.09%, #f2f0f6 33.96%, #e2deea 46.37%, #cbc4da 58.49%, #aea2c4 70.4%, #8a79aa 82.16%, #60498c 93.57%, #462a79 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#462A79', GradientType=1)
}

.section--crypto-tracker .hr {
    margin: 180px 0
}

.section--crypto-tracker .hr:before {
    content: none
}

@media (max-width: 1180px) {
    .section--crypto-tracker .hr {
        margin: 40px 0
    }
}

.section--crypto-tracker ul {
    font-weight: 500
}

.section--crypto-tracker+section {
    margin-top: -5px
}

.ctBG {
    align-items: center;
    margin-top: -120px;
    margin-bottom: -230px;
    position: relative;
    z-index: 5;
    justify-content: center
}

.ctBG>.blockGrid__image {
    width: 800px;
    flex: none
}

.ctBG>.blockGrid__image img {
    width: 100%
}

@media (max-width: 1180px) {
    .ctBG>.blockGrid__image {
        width: 100%;
        max-width: 680px;
        margin: 0 auto
    }
}

@media (max-width: 680px) {
    .ctBG>.blockGrid__image {
        width: 100%
    }
}

.ctBG .ul--cube {
    padding: 40px;
}

.ctBG>.blockGrid__content {
    max-width: calc(100% - 680px);
    flex: none;
    padding: 40px;
}

.ctBG>.blockGrid__content>div {
    padding-left: 10px
}

@media (max-width: 1180px) {
    .ctBG>.blockGrid__content {
        width: 100%;
        max-width: none;
        margin-top: 60px
    }
}

@media (max-width: 680px) {
    .ctBG>.blockGrid__content {
        margin-top: 40px
    }
    .ctBG>.blockGrid__content>div {
        padding: 0
    }
}

@media (max-width: 1180px) {
    .ctBG {
        margin-top: 0;
        margin-bottom: 0;
        flex-direction: column;
        align-items: flex-start
    }
}

.planet {
    position: relative;
    margin: -350px 0 0
}

.planet img {
    width: 100%
}

.planet__sky,
.planet__rocket,
.planet__car,
.planet__flames {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.planet__rocket {
    z-index: 4
}

.planet__flames {
    z-index: 3
}

.planet__car {
    z-index: 3;
    /*transform: translateY(40%)*/
}

@media (min-width: 1181px) {
    .planet__rocket,
    .planet__flames {
        transform: translateY(-20%)
    }
}

@media (max-width: 780px) {
    .planet__rocket,
    .planet__flames {
        transform: translateY(-20%);
    }
}

@media (min-width: 1181px) {
    .planet__sky {
        transform: translateY(50%)
    }
}

.planet__surface {
    position: relative;
    z-index: 2
}

@media (max-width: 1180px) {
    .planet {
        margin-top: 0
    }
}

.deepExperience {
    position: relative;
    margin: 80px auto 0;
    max-width: 860px
}

.deepExperience__bg {
    width: calc(100% - 215px);
    margin: 0 auto
}

.deepExperience__bg img {
    width: 100%;
    opacity: 0.07
}

.deepExperience__ring {
    width: 90%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.deepExperience__ring svg {
    width: 100%;
    height: auto
}

.deepExperience__ring svg path {
    transition: fill 250ms ease-out
}

.deepExperience__ring svg:hover #deep-experience-logo-bg {
    fill: #12054e !important
}

.deepExperience__ring svg:hover #deep-experience-logo-bottom {
    fill: #fff !important
}

@media (max-width: 1180px) {
    .deepExperience {
        margin: 100px auto 40px
    }
}

.logoListBG {
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: center
}

.logoListBG>.blockGrid__item {
    padding: 35px 40px
}

@media (max-width: 1280px) {
    .logoListBG>.blockGrid__item {
        padding: 35px 25px
    }
}

.logoListBG>.blockGrid__item.fw {
    width: 100%;
    padding: 0
}

@media (max-width: 860px) {
    .logoListBG>.blockGrid__item.fw {
        display: none
    }
}

@media (max-width: 860px) {
    .logoListBG {
        margin-top: -20px;
        justify-content: center
    }
}

.eLogo {
    text-align: center
}

.eLogo img {
    height: 60px;
    width: auto;
    max-width: none;
    opacity: 0.65;
    transition: opacity 300ms ease
}

.eLogo img:hover {
    opacity: 1
}

@media (max-width: 1480px) {
    .eLogo img {
        height: 50px
    }
}

@media (max-width: 1180px) {
    .eLogo img {
        height: 40px
    }
}

@media (max-width: 860px) {
    .eLogo img {
        height: 30px
    }
}

.rocketMan {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: -250px 0 0;
    height: 600px;
    position: relative
}

.rocketMan svg,
.rocketMan img {
    position: absolute;
    right: 8%;
    top: 0;
    height: 100%
}

@media (min-width: 1181px) {
    .rocketMan #amirRocket {
        transform: translate(0, 100%)
    }
}

@media (max-width: 1180px) {
    .rocketMan #amirRocket {
        transform: none !important;
        position: relative;
        margin-right: 20%
    }
}

@media (max-width: 1180px) {
    .rocketMan {
        margin: 40px 0 20px;
        height: 350px
    }
}

@media (max-width: 980px) {
    .rocketMan {
        height: 250px
    }
}

.section--principles {
    padding: 50px 0 80px
}

.section--principles .title h2+p {
    font-size: 140%
}

.section--principles>img {
    width: 100%
}

@media (max-width: 1180px) {
    .section--principles {
        padding: 0
    }
}

@media (max-width: 980px) {
    .section--principles .limitWidth {
        max-width: 680px;
        margin: 0 auto
    }
}

@media (max-width: 480px) {
    .section--principles {
        padding: 20px 0
    }
}

.section--approach {
    padding: 0 0 120px;
    background: linear-gradient(0deg, #12054e 0%, #140852 23.11%, #19105f 47.77%, #221e74 73.14%, #2e3192 98.81%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2E3192', endColorstr='#12054E', GradientType=0)
}

.section--approach>img {
    width: 100%
}

.section--approach>img:first-child {
    margin-bottom: 150px
}

@media (max-width: 1180px) {
    .section--approach>img:first-child {
        margin-bottom: 120px
    }
}

@media (max-width: 860px) {
    .section--approach>img:first-child {
        margin-bottom: 80px
    }
}

.section--approach .title+.imgTxt {
    margin-top: 70px
}

.section--employees {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background: #12054e;
    /*     background-image: url(/wp-content/themes/JFDI/assets/images/JFDI-team-illustration-with-photos-02.png)!important; /**/
    /*  width: 100vw;
    height: 100vh; */
}

.section--employees object {
    margin-left: -190px;
}

.pt video {
    padding-top: 20px;
}


/*.team__photo{
    background-image: url(/wp-content/themes/JFDI/assets/images/svgteam.svg)!important;
  }
  
 */

.section--employees .row {
    padding: 0px!important;
    max-width: 100vw!important;
}

.section--employees+.footer {
    background: #12054E;
    padding-top: 40px;
}

.section--employees>img {
    /* content: url(/wp-content/themes/JFDI/assets/images/JFDI-team-illustration-with-photos-02.png)  */
    width: 100%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.section--employees .sectionFooter {
    margin: 0;
    opacity: 0;
}

.empQuote {
    /* background: #12054e; */
    border-radius: 25px;
    color: #fff;
    font-size: 26px;
    padding: 45px;
    max-width: 620px;
    position: relative
}

.empQuote__author {
    font-size: 22px;
    margin-top: 20px
}

.empQuote__author strong {
    color: #00dfbf
}

.empQuote:after {
    content: '';
    position: absolute;
    left: 25%;
    bottom: -60px;
    height: 80px;
    width: 100%;
    /* background: url(/wp-content/themes/JFDI/assets/images/quote-arrow.svg) no-repeat left center; */
    background-size: auto 100%
}

@media (max-width: 1180px) {
    .empQuote {
        font-size: 22px;
        border-radius: 20px;
        padding: 30px
    }
    .empQuote .empQuote__author {
        font-size: 18px;
        margin-top: 15px
    }
    .empQuote:after {
        height: 60px;
        bottom: -40px
    }
}

@media (max-width: 980px) {
    .empQuote {
        font-size: 18px;
        border-radius: 18px;
        padding: 25px;
        max-width: 460px;
        margin: -40px 0 80px
    }
    .empQuote .empQuote__author {
        font-size: 16px;
        margin-top: 12px
    }
    .empQuote:after {
        height: 40px;
        bottom: -20px
    }
}

.imgTxt {
    display: flex;
    align-items: center
}

.imgTxt__image {
    width: 100%;
    max-width: 630px;
    order: 1
}

.imgTxt__text {
    flex: 1;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    order: 1;
    padding: 0 90px
}

.imgTxt__text>div {
    max-width: 470px
}

.imgTxt__text h2 {
    color: #00dfbf;
    position: relative;
    margin: 0 0 60px
}

.imgTxt__text h2>span {
    font-family: 'Aller Display';
    font-weight: normal;
    font-size: 180px;
    line-height: 1;
    color: #c63eb9;
    opacity: 0.12;
    position: absolute;
    z-index: 5;
    right: calc(100% - 50px);
    margin-top: -10px;
    top: 50%;
    transform: translateY(-50%)
}

.imgTxt__text h2>div {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    position: relative;
    z-index: 10
}

.imgTxt__text p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0
}

.imgTxt.imgTxt--reverse .imgTxt__image {
    order: 2
}

.imgTxt.imgTxt--reverse .imgTxt__text {
    padding-left: 150px;
    justify-content: flex-start
}

.imgTxt+.imgTxt {
    margin-top: -80px
}

@media (max-width: 1480px) {
    .imgTxt .imgTxt__text {
        padding-right: 40px
    }
    .imgTxt .imgTxt__text h2>span {
        font-size: 140px;
        right: calc(100% - 40px)
    }
}

@media (max-width: 1380px) {
    .imgTxt .imgTxt__text {
        padding-right: 40px
    }
    .imgTxt .imgTxt__text h2>span {
        font-size: 120px;
        right: calc(100% - 35px)
    }
}

@media (max-width: 1180px) {
    .imgTxt .imgTxt__text {
        padding: 0 0 0 80px
    }
    .imgTxt .imgTxt__text h2 {
        margin-bottom: 40px
    }
    .imgTxt .imgTxt__text h2>span {
        font-size: 90px;
        right: calc(100% - 25px)
    }
    .imgTxt .imgTxt__text p {
        font-size: 16px
    }
    .imgTxt .imgTxt__image {
        width: 50%
    }
    .imgTxt.imgTxt--reverse .imgTxt__text {
        padding: 0 40px 0 80px
    }
    .imgTxt+.imgTxt {
        margin-top: 20px
    }
}

@media (max-width: 860px) {
    .imgTxt {
        flex-direction: column;
        text-align: center
    }
    .imgTxt .imgTxt__image {
        order: 1 !important;
        width: 100%
    }
    .imgTxt .imgTxt__image img {
        max-width: 320px
    }
    .imgTxt .imgTxt__text {
        order: 2 !important;
        margin-top: 40px;
        padding: 0 !important
    }
    .imgTxt .imgTxt__text h2 {
        margin: 0 0 20px
    }
    .imgTxt .imgTxt__text h2>span {
        position: static;
        transform: none;
        font-size: 60px;
        opacity: 0.5;
        display: block;
        margin: 0 0 20px
    }
    .imgTxt+.imgTxt {
        margin-top: 60px
    }
}

@media (min-width: 1181px) {
    .imgTxt .imgTxt__image,
    .imgTxt .imgTxt__text {
        opacity: 0;
        transform: translateX(-50%);
        transition: opacity 300ms ease-out, transform 300ms ease-out
    }
    .imgTxt .imgTxt__text {
        transform: translateX(50%)
    }
    .imgTxt.imgTxt--reverse .imgTxt__text {
        transform: translateX(-50%)
    }
    .imgTxt.imgTxt--reverse .imgTxt__image {
        transform: translateX(50%)
    }
    .imgTxt.is--animated .imgTxt__text,
    .imgTxt.is--animated .imgTxt__image {
        opacity: 1;
        transform: none !important
    }
}

.footer {
    color: #fff
}

.footer a {
    color: #fff;
    transition: color 300ms
}

.footer a:hover {
    text-decoration: none;
    color: #00dfbf
}

.footer .logo {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px
}

.footer .logo img {
    width: 190px;
}

.footer__top {
    position: relative;
    pointer-events: none
}

.footer__top>div>svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    pointer-events: none
}

.footer__top img {
    width: 100%;
    display: block;
    margin: 0 0 -5px
}

.footer__bottom {
    background: #12054e;
    position: relative;
    z-index: 5;
    padding: 0 0 100px
}

.footer .p--cr {
    color: #aca7c1;
    white-space: nowrap
}

.footer .limitWidth {
    max-width: 820px;
    padding: 0 20px 0 0;
    margin: auto;
}

.footerNav {
    margin: 30px 0;
}

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

.footerNav ul li+li {
    margin-top: 10px;
}

.footerNav ul li.current_page_item a {
    color: #00dfbf
}

.footerBG>.blockGrid__item:first-child {
    width: 360px;
    line-height: 1.25
}

.footerBG>.blockGrid__item:last-child {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    display: block;
}

.formLikeBG {
    flex-wrap: wrap;
    text-align: center;
    width: calc(100% + 100px);
    margin: 75px 0 -50px -50px
}

.formLikeBG>[class^='blockGrid__'] {
    padding: 20px 50px
}

.fl__label {
    color: #aca7c1
}

.fl__value {
    font-size: 18px;
    border-top: solid 1px #00dfbf;
    margin: 10px 0 0;
    padding: 10px 0 0
}

@media (max-width: 1280px) {
    .formLikeBG {
        width: calc(100% + 40px);
        margin: 75px 0 -20px -20px
    }
    .formLikeBG>[class^='blockGrid__'] {
        padding: 20px 20px
    }
    .fl__value {
        font-size: 16px
    }
}

@media (max-width: 1180px) {
    .footerBG {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
    .footerBG>.blockGrid__item {
        width: 100% !important;
        flex: none !important;
        justify-content: center !important
    }
    .footer .logo {
        margin: 0 0 10px
    }
    .footer .logo img {
        width: 150px
    }
    .footer .limitWidth {
        padding: 0
    }
    .footer .p--cr {
        font-size: 10px;
        text-align: center;
        margin: 20px 0 0;
        white-space: normal
    }
    .footer__bottom {
        padding: 0 0 25px
    }
    .footerNav {
        margin: 30px 0 0
    }
    .formLikeBG {
        width: calc(100% + 20px);
        margin: 40px 0 -10px -10px
    }
    .formLikeBG>[class^='blockGrid__'] {
        padding: 20px 10px
    }
    .fl__label,
    .fl__value {
        font-size: 14px
    }
}

@media (max-width: 680px) {
    .formLikeBG {
        margin: 20px 0 0 -10px
    }
    .formLikeBG>[class^='blockGrid__'] {
        width: 100%;
        padding: 20px 10px 0
    }
}

@media (min-width: 1181px) {
    .animate--fadeInUp,
    .animate--fadeInUpSmall {
        transform: translateY(10%);
        opacity: 0
    }
    section.is--animated .animate--fadeInUp {
        animation: fadeInUp 800ms forwards
    }
    section.is--animated .animate--fadeInUpSmall {
        animation: fadeInUpSmall 800ms forwards
    }
}

.popupContainer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 300ms ease-out
}

.popup .blockGrid__image img {
    border-radius: 79px;
}

.popup .icon-chevron-left {
    position: absolute;
    left: -100px;
    color: white;
    bottom: 50%;
    font-size: 40px;
}

.popup .icon-chevron-right{
    position: absolute;
    right: -100px;
    color: white;
    bottom: 50%;
    font-size: 40px;
}
.section--benefits .icon-vector-5 {
  position: absolute;
  left: 0px;
  color: white;
  bottom: 50%;
  font-size: 40px;
}

.section--benefits .icon-vector-6{
  position: absolute;
  right: 0px;
  color: white;
  bottom: 50%;
  font-size: 40px;
}
@media (max-width: 1181px) {
  .section--benefits .icon-vector-5 {
   left: -100px;
}

.section--benefits .icon-vector-6{
   right: -100px;
}
}
.section--benefits .icon-vector-5 {
  
  background: -webkit-linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section--benefits .icon-vector-6 {
  
  background: -webkit-linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.popupContainer:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%
}

.w3-left,
.w3-right {
    cursor: pointer;
    position: absolute;
    height: 30px;
    width: 30px;
    color: white;
    font-size: 50px;
}

.w3-left {
    left: -70px;
    bottom: 50%
}

.w3-right {
    right: -70px;
    bottom: 50%
}

.popupContainer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/JFDI/assets/images/loader.svg) no-repeat center;
    background-size: 60px
}

.popupContainer .popup {
    background: #fff;
    /*padding: 20px;*/
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
    position: relative;
    width: calc(100% - 40px);
    max-width: 1180px;
    min-width: 280px;
    overflow: visible;
    transform: translateY(40%);
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-out
}

.popupContainer .popup__close {
    padding: 20px;
    line-height: 0;
    background: none;
    outline: none !important;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    border: none;
    font-size: 14px;
    color: #12054e
}

.popupContainer .popup .blockGrid__image {
    margin: -20px 0 15px -20px;
    width: 680px;
    position: relative
}

.popupContainer .popup .blockGrid__image img {
    width: calc(100% + 40px);
    max-width: none
}

.popupContainer .popup .blockGrid__content {
    width: calc(100% - 680px);
    padding-top: 40px;
    padding-left: 20px
}

.popupContainer .popup .blockGrid__content>i {
    font-size: 80px;
    color: #8516cc;
    margin: 0 0 25px
}

.popupContainer .popup .blockGrid__content h3 {
    font-size: 30px;
    margin: 25px 0 20px 0
}

.popupContainer .popup .blockGrid__content p {
    font-size: 18px
}

@media (max-width: 1180px) {
    .popupContainer .popup .blockGrid {
        flex-direction: column
    }
    .popupContainer .popup .blockGrid .blockGrid__image {
        width: 100%;
        max-width: 680px
    }
    .popupContainer .popup .blockGrid .blockGrid__content {
        width: 100%;
        padding: 0 20px;
        margin-top: 10px
    }
}

@media (max-width: 680px) {
    .popupContainer .popup .blockGrid .blockGrid__content {
        padding: 50px;
    }
}

.popupContainer .popup.popup--loaded {
    visibility: visible;
    opacity: 1;
    transform: none
}

.popupContainer.popupContainer--visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.cookieNotification {
    position: fixed;
    right: 0;
    bottom: -100px;
    z-index: 900;
    padding: 30px;
    display: flex;
    min-width: 320px;
    justify-content: flex-end;
    pointer-events: none;
    opacity: 0;
    transition: opacity 300ms, bottom 300ms
}

.cookieNotification__close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px;
    line-height: 1;
    border: none;
    background: none;
    color: #12054e;
    font-size: 14px
}

.cookieNotification__close i {
    font-weight: bold
}

.cookieNotification__inner {
    background: #fff;
    padding: 45px 60px 35px 35px;
    max-width: 800px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
    filter: progid: DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');
    pointer-events: all;
    position: relative
}

.cookieNotification__inner p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 8px
}

.cookieNotification__inner p a {
    color: #8516cc
}

.cookieNotification__inner .blockGrid .blockGrid__item:first-child {
    width: 130px
}

.cookieNotification__inner .blockGrid .blockGrid__item:first-child img {
    width: 100%
}

@media (max-width: 680px) {
    .cookieNotification__inner .blockGrid .blockGrid__item:first-child {
        display: none
    }
}

.cookieNotification__inner .blockGrid .blockGrid__item:last-child {
    flex: 1
}

@media (max-width: 680px) {
    .cookieNotification__inner .blockGrid {
        text-align: center
    }
    .cookieNotification__inner .blockGrid p+div {
        text-align: center !important;
        margin-top: 20px
    }
}

@media (max-width: 680px) {
    .cookieNotification__inner {
        padding: 40px 30px 30px
    }
}

.cookieNotification.cookieNotification--visible {
    opacity: 1;
    bottom: 0
}

@media (max-width: 680px) {
    .cookieNotification {
        padding: 20px
    }
}

/*   Thank you page    */

.section--thanks .h2--flex {
    font-family: 'Aller Display';
}

.section--thanks .limitWidth {
    max-width: 600px;
}

.section--intro.section--thanks {
    justify-content: flex-start;
}

.section--thanks .sectionFooter {
    display: none;
}

.section--thanks .cAnimation__grid {
    z-index: 3!important;
}

/*form - changes*/
.form__row .blockGrid__50{
    width:100%;
}

/*Careers page*/
.middle{
  margin: auto;
  max-width: 650px;
  padding:120px 0px;
text-align: center;
border-top:1px solid #B5BBE1;
}

.read-more.greenhouse i {
	animation: moveright 1000ms infinite;
    filter: progid: 
     -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); 
    display: inline-block;
	    margin: 0px 0px 0 20px;
	transition: color 300ms ease-in-out, background 300ms ease-in-out;
	animation-timing-function: ease-in-out;
}


.read-more.greenhouse{
	  display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
@keyframes moveright {
    0%,
    20%,
    50%,
    80%,
    100% {
        right:0
    }
    40% {
        right 20px
    }
    60% {
       right:10px
    }
}


.section--benefits .cps{
  background: none;
  }
  .section--benefits .title{
    color: #D7CDED;
  }
  .section--benefits .cps__content
  {
    font-family: 'Aller Display';
    font-weight: 400;
  }
a.openRoles{
  width: fit-content;
  border: 1px solid white;
  box-shadow: 0px 0px 25px 3px #00dfbf;
  padding: 25px 30px;
    background: #12054e;
}
.button.button--line.openRoles>svg {
  display:none;
}
.section--our-values+.padding{
  height: 200px;
  background: #12054e !important;
}

@media (max-width: 1180px){
  .read-more.greenhouse {
    justify-content: center;
}
.cAnimation__svg.careersanimation #a {
  transform: none!important;
}
}

.section--benefits{
  background: linear-gradient(360deg, #12054E 1%, #2E3192 36.23%,#2E3192 40.38%, #1D1769 58%, #12054E 94%);

}
.section--benefits h2 {
  padding-bottom: 20px;
}
.section--benefits.title {
  padding-bottom: 40px;
}
.section--benefits .cps__inner
{
  justify-content: flex-end;
}

  .careers-paragraph--padding{
    height: 200px;
    background: linear-gradient( #12054e, #12054e )!important;
  }
  
  @media (max-width: 1180px){
    .section--benefits-and-perks .sl__content p {
      margin: 10px 0 0;
  }
  .section--intro.careersPage .careers-paragraph{
    padding-bottom:400px;
  }
}
/* .section--glassdoor{
  background: #12054E;
} */
.lightPurple{
  color: #CFC3E9!important;
  text-align: center;
}
.section--glassdoor .row{
  text-align: center;
  position: relative;
  z-index: 20;
}
.read-more.glassdoor{
  justify-content: center!important;
}
  
.all_jobs {
  padding: 100px 0px 200px 0px;
}
.section--glassdoor img{
  padding: 60px 0px;
}

/* .section--glassdoor{
  background-image: url(/wp-content/themes/JFDI/assets/images/glassdoor_bg.svg);
  background-repeat: no-repeat;
    background-size: contain;
    padding: 100px 0 480px 0;
} */

.section--greenhouse{
  background: url(/wp-content/themes/JFDI/assets/images/stars_greenhouse.svg);
  color: #ffffff;
  padding-bottom: 200px;
}
.section--greenhouse .sectionFooter{
  display: none;
}
.section--greenhouse +.footer{
  padding-top: 100px;
    background: #12054e;
}
.addition{
  background: #12054e;
}
.job_title{
  color:#20FFDF;
  text-transform: uppercase;
  margin-bottom: 10px;
}
h2.job_title {
  font-size: 36px;  
  max-width: 400px;
}

.jobs{
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 36px);
  margin: -25px 0 -50px -18px;
  justify-content: center;
}

.job
{
  flex: none;
  width: 33.333%;
  padding: 25px 18px;
  background: #12054E;
  box-shadow: 0px 0px 12px 1px #00DFBF;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 352px;
  
}
.section--greenhouse a {
  border: 1px solid white;
  border-radius: 4px;
  color: #ffffff;
  padding: 16px 32px;
  width: 100%;
}
.display_location {
  padding-bottom: 40px;
  color: #F6F7FB;
}
.section--greenhouse .button_container{
  width: 100%;
}
.separator{
  width: 40px;
  height: 20px;
}
@media (max-width: 1180px){
  .jobs{
    display: flex;
    flex-direction: column;
    margin: 0px;
    width: 100%;
  }
  .job{
    width: 100%;
  }
  .section--benefits .owl-nav{
    position: absolute;
    left: 50%;
  }
  
  
}
@media (max-width: 860px){
  .read-more.greenhouse.allRoles{
    width: 100%!important;
  }
}
.read-more.greenhouse.allRoles {
  width: fit-content;
  text-align: center;
  margin: auto;
}

.section--greenhouse .wp-block-group + .limitWidth {
  max-width: none!important;
}
.jobs a.read-more:hover{
  border: 1px solid white;
  color: white;
}
.jobs a.read-more{
  border: 1px solid #B5BBE1;
  color:#B5BBE1
}
.backgroundLine .line {
  width: 732px;
  height: 1px;
  margin: auto;
  background: #B5BBE1;
}
.backgroundLine{
  height: 10px;
    background: #12054e;
}

.section--greenhouse +.footer{
 box-shadow: 0px 0px 28px 21px #00dfbf4d;
}
.section--benefits .cps {
  cursor: pointer;
}
.footer__bottom a.logo+p {
  font-size: 18px;
}
.section--benefits .cps__image img{
  max-height: 140px;
}:root{--max-page-width: 160rem}html{font-size:16px}body{word-break:break-word}h1{font-size:66px;line-height:1.1}@media(max-width: 1180px){h1{font-size:44px}}h2{font-size:40px}@media(max-width: 1180px){h2{font-size:30px}}img{user-select:none}.grecaptcha-badge{opacity:0;display:none;visibility:hidden}.pageContainer{max-width:var(--max-page-width);margin:0 auto}.pageNavContainer{left:50%;transform:translate(-50%, -50%);width:100%;max-width:var(--max-page-width);pointer-events:none !important;display:flex}.pageNavContainer .pageNav{margin-left:50px;pointer-events:all}.pageNavContainer .pageNav>a div{z-index:10;font-size:.75rem;padding-left:8px;padding-top:1px}.pageNavContainer .pageNav>a:before{box-shadow:0px 0px 12px #00dfbf}.sl__content h4{font-size:1rem;margin-bottom:1.5rem}.sl__content p{font-size:.875rem;min-height:40px}.btn{padding:.625rem 2rem .5rem;border-radius:.25rem;font-weight:bold;display:inline-flex;align-items:center;transition:background 200ms ease}.btn.btn-primary{color:#12054e;background:#00dfbf}.btn.btn-primary:hover{background:#00c1a5;text-decoration:none}@media(max-width: 1280px)and (min-width: 1181px){.header .logo{margin-right:40px}}@media(max-width: 1180px){.header{background:#12054e;padding:10px 0}}@media(max-width: 1180px){section.section--intro .textBlock p{margin-top:1rem}section.section--why-jfdi{padding-top:40px}section.section--why-jfdi .title{margin-top:0}}section.section--why-jfdi:before,section.section--why-jfdi:after{content:none}section.section--logo-carousel{padding:100px 0 0;background:linear-gradient(0deg, rgba(194, 202, 255, 0) 0%, #c2caff 100%),#fff}section.section--logo-carousel .title{text-align:center;margin-bottom:64px}@media(max-width: 1180px){section.section--logo-carousel{padding-top:60px}section.section--logo-carousel .title{margin-bottom:48px}}.logo-carousel{position:relative;z-index:1;display:flex;gap:1rem;white-space:nowrap;will-change:transform}.logo-carousel__items{display:flex;flex:1;gap:1rem}.logo-carousel__items img{width:286px;min-width:286px;height:100px}@media(max-width: 1180px){.logo-carousel__items img{width:230px;min-width:230px;height:80px}}.clouds-container{position:relative}.clouds-container img{width:100%;height:auto;pointer-events:none}.clouds-container img.cloud-1,.clouds-container img.cloud-2{position:absolute;bottom:0;left:0;transform:none}.clouds-container img.cloud-2{z-index:5}.clouds-container img.cloud-3{position:relative;z-index:5}section.section--collab-partners{padding:0;position:relative;overflow:hidden}@media(min-width: 1181px){section.section--collab-partners{height:100vh;max-height:1680px;min-height:1080px}}section.section--collab-partners:before,section.section--collab-partners:after{content:"";position:absolute;inset:0;pointer-events:none}section.section--collab-partners:before{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),#12054e}section.section--collab-partners:after{z-index:1;background:url(/wp-content/themes/JFDI/assets/images/cave-bg.png) no-repeat center;background-size:cover}section.section--collab-partners .title{text-align:center;color:#fff}.cave{position:relative;z-index:10;pointer-events:none}.cave img,.cave object{user-select:none}.cave.cave--middle{pointer-events:all;z-index:30}.cave.cave--middle .title{max-width:820px;margin:0 auto;margin-bottom:2rem}@media(max-width: 1180px){.cave.cave--middle{margin:-11% 0 -25%}.cave.cave--middle .title{max-width:620px}}@media(max-width: 700px){.cave.cave--middle{margin:0 0 -15%}}@media(min-width: 1181px){.cave.cave--middle{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%)}}.cave.cave--top img,.cave.cave--bottom img{width:100%}@media(min-width: 1181px){.cave.cave--top,.cave.cave--bottom{height:50%}.cave.cave--top.cave--bottom,.cave.cave--bottom.cave--bottom{display:flex;flex-direction:column;justify-content:flex-end}}.cave.cave--top img.cave-ceiling,.cave.cave--top object.cave-ceiling{position:relative;z-index:5;top:-5%}.cave.cave--top img.cave-sunlight,.cave.cave--top object.cave-sunlight{position:absolute;left:0;top:0}.cave.cave--bottom img.cave-floor,.cave.cave--bottom object.cave-floor{position:relative;z-index:5;margin-bottom:-2%}.cave.cave--bottom img.cave-stalagmites,.cave.cave--bottom object.cave-stalagmites{position:absolute;left:0;bottom:0}@media(max-width: 1180px){.cave.cave--bottom img.cave-stalagmites,.cave.cave--bottom object.cave-stalagmites{display:none}}.collab-block-container{position:relative;max-width:710px;margin:0 auto}.collab-tmp-image{width:100%;max-width:370px;height:295px;margin:0 auto -295px auto}.collab-tmp-image svg,.collab-tmp-image img{width:100%;height:100%;object-fit:contain}@media(max-width: 1180px){.collab-tmp-image{margin-bottom:0;margin-top:2.625rem;max-width:280px;height:auto}}.jfdi-collab-svg .frame-border{stroke-dasharray:0,740;transition:stroke-dasharray 800ms ease-out;transition-delay:400ms}.jfdi-collab-svg .inner-frame-border{opacity:0;transition:opacity 800ms ease-out;transition-delay:1500ms}.jfdi-collab-svg .line-1 .line,.jfdi-collab-svg .line-2 .line,.jfdi-collab-svg .line-3 .line{stroke-dasharray:0,200;opacity:0;transition:stroke-dasharray 800ms ease-out,opacity 800ms ease-out;transition-delay:1700ms}.jfdi-collab-svg .line-1 .circle,.jfdi-collab-svg .line-2 .circle,.jfdi-collab-svg .line-3 .circle{opacity:0;transform:scale(0, 0);transition:transform 300ms ease,opacity 300ms ease;transition-delay:2000ms;transform-box:fill-box;transform-origin:center}.jfdi-collab-svg .line-1 .outline,.jfdi-collab-svg .line-2 .outline,.jfdi-collab-svg .line-3 .outline{opacity:0;transition:opacity 500ms ease-in;transition-delay:2000ms}@media(max-width: 1180px){.jfdi-collab-svg .line-1,.jfdi-collab-svg .line-2,.jfdi-collab-svg .line-3{display:none}}.jfdi-collab-svg .spark-1{opacity:0;transform:scale(0);transform-box:fill-box;transform-origin:center}.is--animated .jfdi-collab-svg .frame-border{stroke-dasharray:740,0}.is--animated .jfdi-collab-svg .inner-frame-border{opacity:.5}.is--animated .jfdi-collab-svg .line-1 .line,.is--animated .jfdi-collab-svg .line-2 .line,.is--animated .jfdi-collab-svg .line-3 .line{stroke-dasharray:200,0;opacity:1}.is--animated .jfdi-collab-svg .line-1 .circle,.is--animated .jfdi-collab-svg .line-2 .circle,.is--animated .jfdi-collab-svg .line-3 .circle{transform:none;opacity:1}.is--animated .jfdi-collab-svg .line-1 .outline,.is--animated .jfdi-collab-svg .line-2 .outline,.is--animated .jfdi-collab-svg .line-3 .outline{opacity:.45}.is--animated .jfdi-collab-svg .spark-1{animation:spark-shine 5s infinite ease-in-out;animation-delay:1s}.is--animated .collab-block__item{transform:none;opacity:1}.collab-block{position:relative;display:flex;justify-content:space-between;width:100%;padding-top:90px}@media(max-width: 1180px){.collab-block{padding-top:0;gap:32px}}@media(max-width: 700px){.collab-block{flex-direction:column;align-items:center;gap:24px}}.collab-block__item{width:33.333%;max-width:235px;transform:translateY(5rem);opacity:0;transition:transform,opacity;transition-duration:600ms;transition-delay:1400ms;transition-timing-function:ease-out}.collab-block__item:nth-child(2):not(:last-child){margin-top:203px}@media(max-width: 1180px){.collab-block__item:nth-child(2):not(:last-child){margin-top:0}}.collab-block__item:first-child .cbl__title{border-color:#9b22d4}.collab-block__item:nth-child(2) .cbl__title{border-color:#6065db}.collab-block__item:last-child .cbl__title{border-color:#00dfbf}@media(max-width: 700px){.collab-block__item{width:100%;max-width:320px}}.cbl{text-align:center;color:#fff}.cbl__icon{margin-bottom:1rem}.cbl__icon img{width:100%;max-width:110px}.cbl__title{font-weight:bold;font-size:24px;line-height:1.21;padding-bottom:.5rem;border-bottom:solid 2px #fff}.cbl__description{margin-top:1rem;font-size:14px;line-height:1.714}.footer-block{max-width:38.75rem;margin:0 auto;text-align:center}.footer-block__top .logo{margin:0}.footer-block__top .logo+p{margin-top:2.75rem}.footer-block__top p{margin:0}.footer-block__top .footerNav{margin:1.75rem 0 0;width:100%}.footer-block__top .footerNav ul{display:flex;justify-content:space-around;list-style:none;gap:.875rem;margin:0 !important}.footer-block__top .footerNav ul li{margin:0 !important;padding:0 !important}.footer-block__top .footerNav ul li+li{display:flex;align-items:center;gap:.875rem}.footer-block__top .footerNav ul li+li:before{content:"•"}@media(max-width: 680px){.footer-block__top .footerNav{text-align:center}.footer-block__top .footerNav ul{flex-direction:column;align-items:center}.footer-block__top .footerNav ul li+li:before{content:none}}.footer-block__middle{display:flex;gap:2.5rem;margin-top:3rem}.footer-block__middle>div{flex:1}@media(max-width: 680px){.footer-block__middle{flex-direction:column;align-items:center;margin-top:2.5rem}.footer-block__middle>div{width:100%;max-width:320px}}.footer-block__bottom{margin-top:3rem;font-size:1rem;color:#aca7c1}@media(max-width: 1180px){.footer__bottom .row{padding:0 20px !important}}section.section--guide-to-success{padding:0 0 60px;position:relative;text-align:center;background:linear-gradient(0deg, #ffffff 12.74%, #c7d2f4 100%),#fff}section.section--guide-to-success img{width:100%}section.section--guide-to-success img.guide-to-cave{z-index:5;position:relative}section.section--guide-to-success .circle-clouds-container{position:relative;overflow:hidden;margin-top:-12%;margin-bottom:-11%;padding-bottom:5%;pointer-events:none;user-select:none}@media(max-width: 1180px){section.section--guide-to-success .circle-clouds-container{margin-bottom:-1%}}section.section--guide-to-success .circle-clouds-container img.cloud-placeholder{width:100%}section.section--guide-to-success .circle-clouds-container img.cloud-circle{position:absolute;width:184%;max-width:none;left:50%;top:3%;transform:translateX(-50%)}@media(max-width: 1180px){section.section--guide-to-success .title{margin-bottom:40px}}.cpsb{cursor:pointer;position:relative}.cpsb__content{position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;text-align:center;padding:30px 20px 130px}.cpsb__icon{color:#fff;opacity:.65;font-size:70px;margin-bottom:30px;line-height:0}@media(max-width: 1180px){.cpsb__icon{font-size:60px;margin-bottom:16px}}@media(max-width: 916px){.cpsb__icon{font-size:50px}}.cpsb__title{font-weight:bold;font-size:24px;margin-bottom:20px}@media(max-width: 1180px){.cpsb__title{margin-bottom:.75rem;line-height:1.25}}.cpsb__description{--lines: 4;--font-size: 1rem;--line-height: 1.4;font-size:var(--font-size);line-height:var(--line-height);max-height:calc(var(--lines)*var(--font-size)*var(--line-height));display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:var(--lines)}@media(max-width: 1180px){.cpsb__description{--font-size: 0.875rem}}.cpsb__hexagon{position:relative}.cpsb__hexagon svg{position:relative;z-index:5}.cpsb__hexagon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:82%;width:93%;background:#00dfbf;z-index:1;box-shadow:0px 0px 7px 8px #00dfbf;border-radius:50%;filter:blur(24px);opacity:0;transition:opacity 300ms ease}.cpsb:hover .cpsb__hexagon:after{opacity:1}.cpsb:hover .hexb__border{stroke:#00dfbf;stroke-width:2px}.cpsb:hover .hexb__button_bg{fill:#00dfbf;stroke:#00dfbf}.cpsb:hover .hexb__button_icon{fill:#000}.cpsb:hover .hexb__button_label{fill:#00dfbf}@media(max-width: 1180px){.blockGrid.hhdb{margin-left:-12px}}.hexb__border,.hexb__button_bg,.hexb__button_icon,.hexb__button_label{transition:all 300ms ease}.hexb__border{stroke-width:0}.hexb__button_bg{fill:none;stroke-width:2px;stroke:#fff}.hexb__button_icon{fill:#fff}.hexb__button_label{fill:#fff}@media(max-width: 916px){.hexb .hexb__button{transform:scale(0.75);transform-origin:center bottom}}@media(max-width: 620px){.hexb .hexb__button{transform:scale(0.85)}}@media(max-width: 1180px){section.section--tech-suit .title{margin-bottom:40px}}@media(min-width: 1181px){.slBG{max-width:490px;margin-top:50px}}@keyframes spark-shine{0%,20%{opacity:0;transform:scale(0)}25%{opacity:1;transform:scale(1)}60%{opacity:0;transform:scale(0)}100%{opacity:0;transform:scale(0)}}@media(min-width: 1181px){.bgCont--accomplishments #mountain-birds{left:8%;bottom:-8%}}.cAnimation__svg iframe{position:absolute;top:0;right:0;width:100%;height:100% !important;max-height:1380px}@media(max-width: 1180px){.cAnimation__svg{padding-bottom:95%}.cAnimation__svg:has(svg){padding-bottom:0}}.section--service-team{padding:72px 0 0 0;background:linear-gradient(180deg, #ffffff 0%, #ffffff 1.52%, #fbfcfe 26.92%, #f0f2f9 55.77%, #dee1f2 78.37%, #c4c9e7 100%);position:relative}.section--service-team .title{text-align:center}.section--service-team .title p{font-size:20px;color:#12054e}.section--service-team .is-mobile{display:none}@media(max-width: 680px){.section--service-team .is-mobile{display:block}}@media(max-width: 680px){.section--service-team .is-desktop{display:none}}.section--service-team .svg-container{margin-top:55px;margin-bottom:18%}@media(max-width: 680px){.section--service-team .svg-container{margin-bottom:40%}}.section--service-team .svg-container svg{width:100%;max-width:860px;margin:0 auto;display:block}.section--service-team .svg-container svg g[id^=text-],.section--service-team .svg-container svg g[id^=person-],.section--service-team .svg-container svg g[id^=item-]{opacity:0;transform:translateY(-100px)}.section--service-team .svg-container svg g[id^=text-]{transform:translateY(-50px)}.section--service-team .svg-container svg g[id^=puzzle-]{opacity:0;transform:translate(-60px, -120px)}.section--service-team>img{width:100%;position:absolute;left:0;bottom:0;width:100%;pointer-events:none}.section--service-team.is--animated #puzzle-1{animation:puzzleIn 500ms ease forwards;animation-delay:200ms}.section--service-team.is--animated #puzzle-2{animation:puzzleIn 500ms ease forwards;animation-delay:350ms}.section--service-team.is--animated #puzzle-3{animation:puzzleIn 500ms ease forwards;animation-delay:500ms}.section--service-team.is--animated #puzzle-4{animation:puzzleIn 500ms ease forwards;animation-delay:650ms}.section--service-team.is--animated #puzzle-5{animation:puzzleIn 500ms ease forwards;animation-delay:800ms}.section--service-team.is--animated #puzzle-6{animation:puzzleIn 500ms ease forwards;animation-delay:950ms}.section--service-team.is--animated #puzzle-7{animation:puzzleIn 500ms ease forwards;animation-delay:1100ms}.section--service-team.is--animated #puzzle-8{animation:puzzleIn 500ms ease forwards;animation-delay:1250ms}.section--service-team.is--animated #puzzle-9{animation:puzzleIn 500ms ease forwards;animation-delay:1400ms}.section--service-team.is--animated #puzzle-6-1{animation:puzzleIn 500ms ease forwards;animation-delay:1100ms}.section--service-team.is--animated #puzzle-9-1{animation:puzzleIn 500ms ease forwards;animation-delay:1400ms}.section--service-team.is--animated #item-1{animation:puzzleIn 500ms ease forwards;animation-delay:1600ms}.section--service-team.is--animated #item-2{animation:puzzleIn 500ms ease forwards;animation-delay:1750ms}.section--service-team.is--animated #item-3{animation:puzzleIn 500ms ease forwards;animation-delay:1900ms}.section--service-team.is--animated #item-4{animation:puzzleIn 500ms ease forwards;animation-delay:2050ms}.section--service-team.is--animated #person-1{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:1200ms}.section--service-team.is--animated #person-2{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:1350ms}.section--service-team.is--animated #person-3{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:1500ms}.section--service-team.is--animated #person-4{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:1650ms}.section--service-team.is--animated #person-5{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:1800ms}.section--service-team.is--animated #person-6{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:1950ms}.section--service-team.is--animated #person-4-5{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:1875ms}.section--service-team.is--animated #text-1{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:2000ms}.section--service-team.is--animated #text-2{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:2150ms}.section--service-team.is--animated #text-3{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:2300ms}.section--service-team.is--animated #text-4{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:2450ms}.section--service-team.is--animated #text-5{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:2600ms}.section--service-team.is--animated #text-6{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:2750ms}.section--service-team.is--animated #text-7{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:2900ms}.section--service-team.is--animated #text-8{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:3050ms}.section--service-team.is--animated #text-9{animation:puzzleIn 500ms cubic-bezier(0.55, 0, 0.1, 1) forwards;animation-delay:3200ms}@keyframes puzzleIn{to{opacity:1;transform:none}}.section--intro .textBlock h2{font-size:4.125rem}.form__row>p>label{font-size:16px;display:block;margin:30px 0 10px;padding:0 5px;color:#aca7c1;text-align:left}.imgTxt__text h2>span{white-space:nowrap}@media(min-width: 1181px){.imgTxt__text h2>span{font-size:160px}}.contact-block{display:flex;gap:32px}@media(max-width: 1180px){.contact-block{flex-direction:column;gap:60px}.contact-block .contact-block__content{max-width:none}.contact-block .contact-block__content h1{text-align:center;font-size:36px;margin-top:0}.contact-block .contact-block__form{max-width:none;margin:0}}.contact-block__content{color:#fff;flex:1;max-width:580px}.contact-block__content h1{font-size:40px;margin:24px 0 32px;line-height:120%}.contact-block__content p{margin:24px 0}.contact-block__content p:first-child{margin-top:0}.contact-block__content p:last-child{margin-bottom:0}.contact-block__content p.tldr{color:#aca7c1;font-style:italic;border-top:dashed 1px #aca7c1;margin-top:32px;padding-top:32px}.contact-block__form{flex:1;max-width:600px;margin-left:auto}.contact-block__form>div{background:#12054e;padding:40px 48px;border-radius:24px;position:relative}.contact-block__form>div.is-loading>*{opacity:.8}.contact-block__form>div.is-loading:before{content:"";position:absolute;inset:0;z-index:5;background:url(/wp-content/themes/JFDI/assets/images/loader.svg) no-repeat center;background-size:80px}@media(max-width: 480px){.contact-block__form>div{padding:32px 24px}}.contact-block__form h2{font-family:"Roboto",sans-serif;font-size:22px;color:#fff;font-weight:600;margin-bottom:32px}.contact-block__form .sform{margin:0}.contact-block__form .sform p{margin:0 !important}.contact-block__form .sform .select2.select2-container .select2-selection,.contact-block__form .sform input,.contact-block__form .sform select,.contact-block__form .sform textarea{border:solid 1px #fff;border-radius:4px;padding:8px 12px}.contact-block__form .sform .select2.select2-container .select2-selection.wpcf7-not-valid,.contact-block__form .sform .select2.select2-container .select2-selection.error,.contact-block__form .sform input.wpcf7-not-valid,.contact-block__form .sform input.error,.contact-block__form .sform select.wpcf7-not-valid,.contact-block__form .sform select.error,.contact-block__form .sform textarea.wpcf7-not-valid,.contact-block__form .sform textarea.error{border-color:#dc3232}.contact-block__form .sform input::placeholder,.contact-block__form .sform textarea::placeholder{color:#aca7c1}.contact-block__form .sform ::-webkit-input-placeholder{color:#aca7c1}.contact-block__form .sform :-ms-input-placeholder{color:#aca7c1}.contact-block__form .sform ::-ms-input-placeholder{color:#aca7c1}.contact-block__form .sform .wpcf7-not-valid-tip{display:block;margin:8px 0 -12px;font-size:14px}.contact-block__form .sform .select2.select2-container .select2-selection{cursor:pointer;background:none;position:relative;display:flex;gap:1rem;align-items:center}@media(max-width: 420px){.contact-block__form .sform .select2.select2-container .select2-selection{height:60px}}.contact-block__form .sform .select2.select2-container .select2-selection:after{content:"";width:20px;min-width:20px;height:20px;margin-left:auto;background:url(/wp-content/themes/JFDI/assets/images/icon-caret-down.svg) no-repeat center;background-size:cover}.contact-block__form .sform .select2.select2-container .select2-selection textarea{margin:0;height:22px;pointer-events:none}@media(max-width: 420px){.contact-block__form .sform .select2.select2-container .select2-selection textarea{max-width:calc(100% - 40px);height:44px}}.contact-block__form .sform .select2.select2-container .select2-selection .select2-search{position:absolute;left:0;top:0;height:100%;width:100%;padding:8px 12px}.contact-block__form .sform .select2.select2-container .select2-selection .select2-selection__rendered{display:flex;min-height:22.4px;align-items:center;margin:0;line-height:1.2}.contact-block__form .sform .select2.select2-container .select2-selection .select2-selection__rendered .custom-selection{color:#fff}.contact-block__form .sform .select2.select2-container.select2-container--open .select2-selection:after{transform:rotate(180deg)}.contact-block__form .sform textarea{height:100px}.contact-block__form .sform .button{display:flex;margin:12px auto 0;border:solid 1px #00dfbf;border-radius:5px;color:#00dfbf}.contact-block__form .sform .button:hover{background:#00dfbf;color:#fff}.contact-block__form .sform__row{display:flex;gap:20px}.contact-block__form .sform__row>div{flex:1}.contact-block__form .sform__row+div{margin-top:20px}@media(max-width: 480px){.contact-block__form .sform__row{flex-direction:column}}.contact-block__form .sform__row .services-hidden{margin-top:0}.contact-block__form .sform__row .services-hidden input{display:none}.contact-block__form .sform__row:has(.services-hidden input.wpcf7-not-valid) .select2.select2-container .select2-selection{border-color:#dc3232}.contact-block__form .select2-dropdown{border:solid 1px #aca7c1;border-radius:4px;background:#12054e;padding:12px}.contact-block__form .select2-dropdown .select2-results__options .select2-results__option{padding:8px;border-radius:4px;display:flex;align-items:center;gap:8px;color:#fff;background:none !important}.contact-block__form .select2-dropdown .select2-results__options .select2-results__option:before{content:"";width:18px;min-width:18px;height:18px;background:url(/wp-content/themes/JFDI/assets/images/checkbox-unchecked.svg) no-repeat center;background-size:cover}.contact-block__form .select2-dropdown .select2-results__options .select2-results__option:hover{background:rgba(35,32,120,.5) !important}.contact-block__form .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected{background:#232078 !important}.contact-block__form .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected:before{background-image:url(/wp-content/themes/JFDI/assets/images/checkbox-checked.svg)}.contact-block__form .select2-dropdown .select2-results__options .select2-results__option+.select2-results__option{margin-top:12px}section.section--consultation{min-height:0;background:linear-gradient(180deg, #291163 1.19%, #352e92 100%)}.footer-block{max-width:none}.footer-block__top ul.menu{justify-content:center}.footer-block__middle,.footer-block__bottom{max-width:38.75rem;margin-inline:auto}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.job_read_full{cursor:pointer}.job_apply{cursor:pointer}.greenhouse-job-board[data-type=accordion] .job_description{display:none}.greenhouse-job-board[data-type=cycle] .all_jobs{overflow:hidden}.greenhouse-job-board .field_wrap{margin:0 0 1em}.greenhouse-job-board .field_wrap input[type=file]{background:0 0;border:0}.greenhouse-job-board .field_wrap.field_required label:after{content:' *'}#apply_form.invalid .field_required input:invalid{border:1px solid red}.apply_ty,.apply_error{display:none}.cycle-slide-active .apply_ty{display:block}.custom-css-textarea{display:none}.hide{display:none}