* {
    box-sizing: border-box
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

input,
button,
textarea {
    color: inherit;
    font-family: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

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

b {
    font-weight: bold
}

em {
    font-style: italic
}

sup {
    vertical-align: super;
    font-size: smaller;
    line-height: 1em
}

sub {
    vertical-align: sub;
    font-size: smaller
}

.reset {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    color: inherit
}

.safe-email[data-linkable="true"] {
    cursor: pointer
}

.safe-email-pre:after {
    content: '@'
}

@font-face {
    font-family: "Iconfont";
    src: url("../fonts/icons/ambarella-icons-v3.eot");
    src: url("../fonts/icons/ambarella-icons-v3.eot?#iefix") format("eot"), url("../fonts/icons/ambarella-icons-v3.ttf") format("truetype"), url("../fonts/icons/ambarella-icons-v3.svg#ambarella-icons-v3") format("svg");
    font-weight: normal;
    font-style: normal
}

.iconfont,
[class*='iconb-']::before,
[class*='icona-']::after,
.block-editor ul li::before,
.spl-lightbox-tool::before,
.spl-lightbox-nav-item::before,
.main-menu-page-list a[target="_blank"]::after {
    display: inline-block;
    font-family: "Iconfont";
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconb-angle-down::before,
.icona-angle-down::after {
    content: "\34"
}

.iconb-angle-left::before,
.icona-angle-left::after {
    content: "\35"
}

.iconb-angle-right::before,
.icona-angle-right::after {
    content: "\36"
}

.iconb-angle-up::before,
.icona-angle-up::after {
    content: "\37"
}

.iconb-archive::before,
.icona-archive::after {
    content: "\38"
}

.iconb-arrow-down::before,
.icona-arrow-down::after {
    content: "\39"
}

.iconb-arrow-left::before,
.icona-arrow-left::after {
    content: "\3A"
}

.iconb-arrow-right::before,
.icona-arrow-right::after {
    content: "\3B"
}

.iconb-arrow-thick-right::before,
.icona-arrow-thick-right::after {
    content: "\3C"
}

.iconb-arrow-up::before,
.icona-arrow-up::after {
    content: "\3D"
}

.iconb-clock::before,
.icona-clock::after {
    content: "\3E"
}

.iconb-cross::before,
.icona-cross::after {
    content: "\3F"
}

.iconb-cursor-moving::before,
.icona-cursor-moving::after {
    content: "\40"
}

.iconb-download::before,
.icona-download::after {
    content: "\41"
}

.iconb-external::before,
.icona-external::after {
    content: "\42"
}

.iconb-facebook::before,
.icona-facebook::after {
    content: "\43"
}

.iconb-google-plus::before,
.icona-google-plus::after {
    content: "\44"
}

.iconb-hidden::before,
.icona-hidden::after {
    content: "\45"
}

.iconb-illustrator::before,
.icona-illustrator::after {
    content: "\46"
}

.iconb-image::before,
.icona-image::after {
    content: "\47"
}

.iconb-instagram::before,
.icona-instagram::after {
    content: "\48"
}

.iconb-linkedin::before,
.icona-linkedin::after {
    content: "\49"
}

.iconb-menu::before,
.icona-menu::after {
    content: "\4A"
}

.iconb-network::before,
.icona-network::after {
    content: "\4B"
}

.iconb-pdf::before,
.icona-pdf::after {
    content: "\4C"
}

.iconb-pin-alt::before,
.icona-pin-alt::after {
    content: "\4D"
}

.iconb-pin::before,
.icona-pin::after {
    content: "\4E"
}

.iconb-refresh::before,
.icona-refresh::after {
    content: "\4F"
}

.iconb-scroll::before,
.icona-scroll::after {
    /* content: "\50" */
}

.iconb-search::before,
.icona-search::after {
    content: "\51"
}

.iconb-star-empty::before,
.icona-star-empty::after {
    content: "\52"
}

.iconb-star-filled::before,
.icona-star-filled::after {
    content: "\53"
}

.iconb-tick::before,
.icona-tick::after {
    content: "\54"
}

.iconb-twitter::before,
.icona-twitter::after {
    content: "\55"
}

.iconb-user::before,
.icona-user::after {
    content: "\56"
}

.iconb-visible::before,
.icona-visible::after {
    content: "\57"
}

.block-editor>*:first-child {
    margin-top: 0
}

.block-editor>*:last-child {
    margin-bottom: 0
}

.block-editor h2,
.block-editor h3,
.block-editor h4 {
    color: #1b1e1f
}

.block-editor h2 {
    font-size: 1.625em;
    margin-top: 1.75em;
    line-height: 1.125em;
    font-family: "K2D", sans-serif;
    font-weight: 500
}

.block-editor h3 {
    line-height: 1.25em;
    margin-top: 1.75em;
    font-size: 1.25em;
    font-weight: 500
}

.block-editor h4 {
    line-height: 1.25em;
    margin-top: 2em;
    font-weight: 500
}

.block-editor a {
    color: #0c82b6
}

.block-editor a:hover {
    color: #05baca
}

.block-editor b,
.block-editor strong {
    font-weight: 500
}

.block-editor p,
.block-editor ul,
.block-editor ol {
    margin: 1em 0 1.375em 0
}

.block-editor p,
.block-editor li {
    font-size: 0.9375em;
    line-height: 1.625em
}

.block-editor ul ul,
.block-editor ol ol {
    margin: 0
}

.block-editor ul {
    position: relative;
    padding-left: 1em
}

.block-editor ol {
    list-style-type: decimal;
    padding-left: 1em
}

.block-editor li {
    margin: 0.375em 0
}

.block-editor ul>li::before {
    left: 0;
    margin-top: 0.5625em;
    content: "6";
    color: #0c82b6;
    font-size: 0.75em;
    position: absolute
}

.block-editor img {
    cursor: pointer;
    transition: opacity .2s;
    border-radius: 2px
}

.block-editor img:hover {
    opacity: .8
}

.block-editor figcaption {
    text-align: left;
    font-size: 0.8125em;
    color: #7a9199
}

.block-editor figcaption a {
    text-decoration: underline
}

.block-editor figcaption a:hover {
    text-decoration: none
}

.wp-block-image {
    margin: 2em 0;
    width: 100%
}

.wp-block-image figure,
.wp-block-image img {
    width: 100%
}

.wp-block-gallery {
    margin: 2em 0
}

.wp-block-gallery ul {
    padding: 0;
    margin: 0
}

.wp-block-gallery .blocks-gallery-item::before {
    content: none
}

.blocks-gallery-grid {
    width: 100%
}

.blocks-gallery-item__caption {
    pointer-events: none
}

.blocks-gallery-item__caption a {
    color: #fff
}

.wp-block-quote {
    padding-left: 1.25em;
    border-left: 3px solid #0c82b6;
    font-family: "K2D", sans-serif
}

.wp-block-quote p {
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 300
}

.wp-block-embed {
    margin: 2em 0
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper {
    position: relative;
    padding-top: 56.25%
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1023px) {
    .wp-block-image {
        text-align: center
    }
    .wp-block-image .alignleft,
    .wp-block-image .alignright {
        float: none;
        margin: 0;
        width: 100%
    }
}

@media screen and (min-width: 480px) {
    .wp-block-quote {
        padding-left: 2em;
        margin-left: 3.25em
    }
    .wp-block-quote p {
        margin: 2em 0;
        font-size: 1.375em
    }
}

@media screen and (min-width: 680px) {
    .block-editor h2 {
        font-size: 1.875em
    }
    .block-editor h3 {
        font-size: 1.4375em;
        margin-top: 2em
    }
    .block-editor h4 {
        font-size: 1.125em;
        margin-top: 2.25em
    }
    .block-editor p,
    .block-editor li {
        font-size: 1em;
        line-height: 1.75em
    }
    .block-editor p,
    .block-editor ul,
    .block-editor ol {
        margin: 1.375em 0 1.875em 0
    }
    .block-editor ul,
    .block-editor ol {
        padding-left: 1.625em
    }
    .block-editor li {
        margin: 0.625em 0
    }
    .block-editor figcaption {
        font-size: 0.875em
    }
    .wp-block-gallery ul {
        padding: 0;
        margin: 0
    }
    .wp-block-quote {
        margin: 2.625em 0 2.625em 5.125em;
        padding-left: 2.5em
    }
    .wp-block-quote p {
        line-height: 1.5em;
        font-size: 1.5em
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes SuptitleLineSmall {
    0% {
        width: 0
    }
    100% {
        width: 20px
    }
}

@keyframes SuptitleLineSmall {
    0% {
        width: 0
    }
    100% {
        width: 20px
    }
}

@-webkit-keyframes SuptitleLineBig {
    0% {
        width: 0
    }
    100% {
        width: 38px
    }
}

@keyframes SuptitleLineBig {
    0% {
        width: 0
    }
    100% {
        width: 38px
    }
}

@-webkit-keyframes hiddenToVisible {
    0% {
        overflow: hidden
    }
    99% {
        overflow: hidden
    }
    100% {
        overflow: visible
    }
}

@keyframes hiddenToVisible {
    0% {
        overflow: hidden
    }
    99% {
        overflow: hidden
    }
    100% {
        overflow: visible
    }
}

@-webkit-keyframes visibleToHidden {
    0% {
        overflow: visible
    }
    99% {
        overflow: visible
    }
    100% {
        overflow: hidden
    }
}

@keyframes visibleToHidden {
    0% {
        overflow: visible
    }
    99% {
        overflow: visible
    }
    100% {
        overflow: hidden
    }
}

@-webkit-keyframes pointerEventNoneToAuto {
    0% {
        pointer-events: none
    }
    99% {
        pointer-events: none
    }
    100% {
        pointer-events: auto
    }
}

@keyframes pointerEventNoneToAuto {
    0% {
        pointer-events: none
    }
    99% {
        pointer-events: none
    }
    100% {
        pointer-events: auto
    }
}

@-webkit-keyframes iconFlick {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    50.1% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes iconFlick {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    50.1% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

p {
    margin: 1em 0;
    line-height: 1.5em
}

b,
strong {
    font-weight: 500
}

.content-title-wrap+.section {
    padding-top: 0
}

.section-heading {
    margin-top: 1.625em;
    margin-bottom: 1em
}

.p-t,
.p-a,
.section {
    padding-top: 1.625rem
}

.p-b,
.p-a,
.section {
    padding-bottom: 1.625rem
}

.p-t-n,
.p-n {
    padding-top: 0
}

.p-b-n,
.p-n {
    padding-bottom: 0
}

.m-t,
.m-a {
    margin-top: 1.625rem
}

.m-b,
.m-a {
    margin-bottom: 1.625rem
}

.m-t-n,
.m-n {
    margin-top: 0
}

.m-b-n,
.m-n {
    margin-bottom: 0
}

.spacer {
    padding-top: 1.625em
}

.overlap-top {
    margin-top: -4.8125em
}

.trigger-label {
    cursor: pointer;
    display: block
}

.trigger-overlay {
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.trigger-input {
    display: none
}

.trigger-input:checked~.trigger-drawer {
    visibility: visible
}

.trigger-input:checked~.trigger-overlay {
    visibility: visible;
    pointer-events: auto
}

.trigger-drawer {
    visibility: hidden
}

.hidden {
    display: none
}

.mono,
.label,
.btn-high,
.btn-low,
.suptitle,
.wysiwyg li:before,
.anim-replay {
    font-family: "Roboto Mono", monospace;
    text-transform: uppercase;
    letter-spacing: 0.0625em;
    line-height: 1.25em;
    font-size: 0.8125em
}

.title,
.title-content,
.title-section,
.title-section-simple,
.title-hero,
.taleo .head1,
.h,
.h1,
.h2 {
    font-family: "K2D", sans-serif;
    color: #0c82b6
}

.h3 {
    font-size: 1.125rem;
    color: #1e2324;
    margin-bottom: 1em
}

.title-content,
.title-section,
.title-section-simple,
.title-hero,
.taleo .head1 {
    position: relative;
    margin-bottom: 1em;
    padding-bottom: 1em;
    font-size: 1.625em
}

.title-content::after,
.title-section::after,
.title-section-simple::after,
.title-hero::after,
.taleo .head1::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #05baca;
    transition: width .4s .2s ease-in-out
}

.title-content.decrypt::after,
.title-content.decrypted::after,
.title-section.decrypt::after,
.title-section.decrypted::after,
.title-section-simple.decrypt::after,
.title-section-simple.decrypted::after,
.title-hero.decrypt::after,
.title-hero.decrypted::after,
.taleo .head1.decrypt::after,
.taleo .head1.decrypted::after {
    width: 50px
}

.title-section-simple {
    padding-bottom: 0;
    margin-bottom: 0
}

.title-section-simple::after {
    content: none
}

.js .section-subtitle {
    transition: opacity 1s .3s
}

.js .asleep .section-subtitle {
    opacity: 0
}

.js .awake .section-subtitle {
    opacity: 1
}

.suptitle {
    display: block;
    margin-bottom: 0.625em;
    color: #00e0d7;
    font-size: 0.625em
}

.suptitle::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background: #00e0d7;
    margin-right: 0.625em;
    vertical-align: 30%;
    -webkit-animation: SuptitleLineSmall .5s forwards;
    animation: SuptitleLineSmall .5s forwards
}

.meta {
    color: #7a9199
}

.label {
    display: block;
    font-size: 0.75em;
    color: #fff;
    overflow: hidden;
    max-width: 0;
    border-radius: 3px
}

.label>span {
    background-color: #0c82b6;
    display: inline-block;
    padding: 0.5em 0.875em 0.5625em 0.875em
}

@supports (-webkit-clip-path: inset(-1% -1% -1% -1%)) or (clip-path: inset(-1% -1% -1% -1%)) {
    .label {
        max-width: none;
        -webkit-clip-path: inset(-1% 101% -1% -1%);
        clip-path: inset(-1% 101% -1% -1%);
        transition: -webkit-clip-path 0.3s cubic-bezier(0.3, 0, 0.3, 1);
        transition: clip-path 0.3s cubic-bezier(0.3, 0, 0.3, 1);
        transition: clip-path 0.3s cubic-bezier(0.3, 0, 0.3, 1), -webkit-clip-path 0.3s cubic-bezier(0.3, 0, 0.3, 1)
    }
}

.tag,
.tag-alt,
.tag-hover,
.tag-alt-hover,
.post-category a,
.post-single-tag a {
    display: inline-block;
    font-size: 14px;
    padding: 0.4375em 0.625em 0.5em 0.625em;
    border-radius: 2px
}

.tag,
.tag-hover,
.post-category a,
.post-single-tag a {
    background: #e3f5f7;
    border: 1px solid #b1e6ea;
    color: #05baca;
    transition: background .15s, border .15s, color .15s
}

.tag-hover:hover,
.post-category a:hover,
.post-single-tag a:hover {
    background: #caeef1;
    border: 1px solid #8ad7de;
    color: #20a1af
}

.tag-alt,
.tag-alt-hover {
    background: #f0f5f8;
    border: 1px solid #cae3f3;
    color: #0c82b6
}

.link {
    color: #0c82b6
}

.link:hover,
.link:focus {
    color: #05baca
}

.link:active {
    color: #00e0d7
}

.btn-wrap {
    margin: 1em 0
}

.btn-wrap.center,
.btn-wrap.align-center {
    text-align: center
}

.btn-wrap.right,
.btn-wrap.align-right {
    text-align: right
}

.btn-high,
.btn-low {
    padding: 1.125em 1.5em 1.0625em 1.5em;
    display: inline-block;
    color: #0c82b6;
    border-radius: 3px
}

.btn-high {
    background: #fff;
    box-shadow: 0 6px 15px rgba(133, 177, 204, 0.25);
    box-shadow: 0 6px 15px rgba(133, 177, 204, 0.35);
    transition: background .3s, box-shadow .3s, -webkit-transform .2s;
    transition: background .3s, box-shadow .3s, transform .2s;
    transition: background .3s, box-shadow .3s, transform .2s, -webkit-transform .2s;
    border: none;
    cursor: pointer
}

.btn-high:hover,
.btn-high:focus {
    box-shadow: 0 9px 35px rgba(133, 177, 204, 0.25);
    box-shadow: 0 3px 5px rgba(133, 177, 204, 0.6)
}

.btn-high:active {
    box-shadow: 0 1px 3px rgba(133, 177, 204, 0.7)
}

.btn-high.primary {
    background: #0c82b6;
    color: #fff
}

.btn-high.primary:hover,
.btn-high.primary:focus {
    background: #09a4e8
}

.btn-high.primary:active {
    color: #20bbff
}

.btn-high.secondary {
    background: #05baca;
    color: #fff
}

.btn-high.secondary:hover,
.btn-high.secondary:focus {
    background: #06d1e3
}

.btn-high.secondary:active {
    background: #00e0d7
}

.btn-high:disabled {
    pointer-events: none;
    background: #c3cace;
    box-shadow: 0 0 0 rgba(133, 177, 204, 0)
}

.btn-low {
    position: relative;
    background: #e3f6fd;
    border: 1px solid #c4e8f5;
    cursor: pointer
}

.btn-low::before,
.btn-low::after,
.btn-low .leet-inner::before,
.btn-low .leet-inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-color: #7abbd8;
    border-style: solid;
    transition: width .3s, height .3s
}

.btn-low::before {
    top: -1px;
    left: -1px;
    border-width: 1px 0 0 1px;
    border-radius: 2px 0 0 0
}

.btn-low::after {
    top: -1px;
    right: -1px;
    border-width: 1px 1px 0 0;
    border-radius: 0 2px 0 0
}

.btn-low .leet-inner::before {
    bottom: -1px;
    left: -1px;
    border-width: 0 0 1px 1px;
    border-radius: 0 0 0 2px
}

.btn-low .leet-inner::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 1px 1px 0;
    border-radius: 0 0 2px 0
}

.btn-low:hover::before,
.btn-low:hover .leet-inner::after,
.btn-low:focus::before,
.btn-low:focus .leet-inner::after {
    height: 100%;
    width: 0
}

.btn-low:hover::after,
.btn-low:hover .leet-inner::before,
.btn-low:focus::after,
.btn-low:focus .leet-inner::before {
    height: 0;
    width: 80%
}

.btn-low.secondary {
    color: #05baca;
    background: rgba(0, 255, 245, 0.13);
    border: 1px solid #b7f0ed
}

.btn-low.secondary::before,
.btn-low.secondary::after,
.btn-low.secondary .leet-inner::before,
.btn-low.secondary .leet-inner::after {
    border-color: #05baca
}

.btn-low.tertiary {
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: background .2s
}

.btn-low.tertiary:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff
}

.btn-low.tertiary::before,
.btn-low.tertiary::after,
.btn-low.tertiary .leet-inner::before,
.btn-low.tertiary .leet-inner::after {
    border-color: rgba(255, 255, 255, 0.5)
}

.btn-low:disabled,
.btn-low.disabled {
    color: #a6a6a6;
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
    pointer-events: none
}

.btn-low:disabled::before,
.btn-low:disabled::after,
.btn-low:disabled .leet-inner::before,
.btn-low:disabled .leet-inner::after,
.btn-low.disabled::before,
.btn-low.disabled::after,
.btn-low.disabled .leet-inner::before,
.btn-low.disabled .leet-inner::after {
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-link {
    display: inline-block;
    border-radius: 4px;
    padding: 0.875em 1.25em;
    color: #0c82b6;
    border: 1px solid #cae3f3;
    background: #f0f5f8
}

.btn-link:hover {
    color: #05baca;
    background: #e3f5f7;
    border: 1px solid #b1e6ea
}

.btn-link:before {
    font-size: 1.25em;
    vertical-align: -15%;
    padding-right: 0.5em
}

.gradient-primary {
    background: #0c82b6;
    background: linear-gradient(-45deg, #0371a1 0%, #0088c4 100%)
}

.gradient-primary-reverse {
    background: #0c82b6;
    background: linear-gradient(-105deg, #0371a1 0%, #0088c4 100%)
}

.bg-light {
    background: #ecf6f8
}

.pattern-grid {
    position: relative
}

.pattern-grid:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url(../img/abstract/pattern-grid.svg); */
    background-size: 54px;
    opacity: 0.05;
    z-index: 0;
    pointer-events: none
}

.card {
    background: #fff;
    box-shadow: 0 9px 35px rgba(133, 177, 204, 0.25)
}

.fancy-scrollbar::-webkit-scrollbar {
    width: 6px;
    background: #fff
}

.fancy-scrollbar::-webkit-scrollbar-thumb {
    background: #cccccc
}

.fancy-scrollbar::-webkit-scrollbar-track {
    background: #fff
}

.img-wrap-ratio {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.img-wrap-ratio img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
    max-height: none;
    height: auto;
    width: 100%
}

.slices {
    display: flex;
    flex-wrap: wrap
}

.slices .slice:nth-child(1) {
    background-position: 0% 0px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.slices .slice:nth-child(2) {
    background-position: 50% -24px;
    -webkit-transform: translateY(24px);
    transform: translateY(24px);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.2)
}

.slices .slice:nth-child(3) {
    background-position: 100% -12px;
    -webkit-transform: translateY(12px);
    transform: translateY(12px)
}

.slice {
    width: 33.33%;
    padding-top: 60%;
    background-color: #f0f5f8;
    background-size: 300%;
    background-repeat: no-repeat;
    background-attachment: scroll
}

.js .asleep.stack {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    transition: opacity .5s, -webkit-transform .5s ease-out;
    transition: opacity .5s, transform .5s ease-out;
    transition: opacity .5s, transform .5s ease-out, -webkit-transform .5s ease-out
}

.js .asleep.stack.awake {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js .encrypt:not(.ready) {
    opacity: 0
}

.dcr-wrp {
    position: relative;
    display: inline-block
}

.dcr-str {
    visibility: hidden
}

.dcr-fld {
    position: absolute;
    top: 0;
    left: 0;
    white-space: pre
}

.wysiwyg>*:first-child {
    margin-top: 0
}

.wysiwyg>*:last-child {
    margin-bottom: 0
}

.wysiwyg h2 {
    color: #0c82b6;
    font-weight: 500;
    font-size: 1.375em;
    font-family: "K2D", sans-serif
}

.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
    font-weight: 500
}

.wysiwyg li,
.wysiwyg td {
    line-height: 1.5em
}

.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol {
    margin-bottom: 2.125em
}

.wysiwyg ul,
.wysiwyg ol {
    display: block;
    margin-top: -1.5em
}

.wysiwyg ul {
    padding-left: 1.25em
}

.wysiwyg ul li {
    list-style-type: disc
}

.wysiwyg ol {
    counter-reset: li
}

.wysiwyg ol li {
    line-height: 1.5em;
    counter-increment: li
}

.wysiwyg ol li:before {
    content: counter(li);
    font-size: 1em;
    margin-right: 0.5em;
    color: #0c82b6
}

.wysiwyg a {
    color: #0c82b6
}

.wysiwyg a:hover {
    color: #05baca
}

.wysiwyg strong {
    font-weight: 500
}

.wysiwyg table {
    font-size: 12px
}

.wysiwyg td {
    padding: 0.375em
}

.wysiwyg tr:nth-child(odd) td {
    background: #f0f5f8
}

@media screen and (min-width: 480px) {
    .title-content,
    .title-section,
    .title-section-simple,
    .title-hero,
    .taleo .head1 {
        font-size: 1.875em
    }
    .box-lined {
        position: relative
    }
    .box-lined::before,
    .box-lined::after {
        content: '';
        position: absolute;
        border: 1px solid rgba(255, 255, 255, 0.2);
        z-index: -1;
        pointer-events: none
    }
    .box-lined::before {
        left: -100vw;
        top: 0;
        width: 200vw;
        height: 100%
    }
    .box-lined::after {
        top: -100vh;
        left: 0;
        height: 200vh;
        width: 100%
    }
}

@media screen and (min-width: 680px) {
    .h3 {
        font-size: 1.25rem
    }
    .p-t,
    .p-a,
    .section {
        padding-top: 2.25rem
    }
    .p-b,
    .p-a,
    .section {
        padding-bottom: 2.25rem
    }
    .m-t,
    .m-a {
        margin-top: 2.25rem
    }
    .m-b,
    .m-a {
        margin-bottom: 2.25rem
    }
    .section-heading {
        margin-top: 2.25em;
        margin-bottom: 1.375em
    }
    .section-heading.align-left {
        text-align: left
    }
    .section-heading.align-center {
        text-align: center
    }
    .section-heading.align-center .title-section::after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .section-heading.align-right {
        text-align: right
    }
    .spacer {
        padding-top: 2.25em
    }
    .overlap-top {
        margin-top: -5.1875em
    }
    .title-content,
    .title-section,
    .title-section-simple,
    .title-hero,
    .taleo .head1 {
        font-size: 2.25em;
        font-weight: 100;
        letter-spacing: -0.03125em
    }
    .wysiwyg table {
        font-size: 14px
    }
}

@media screen and (min-width: 1024px) {
    .h3 {
        font-size: 1.375rem
    }
    .p-t,
    .p-a,
    .section {
        padding-top: 3.375rem
    }
    .p-b,
    .p-a,
    .section {
        padding-bottom: 3.375rem
    }
    .m-t,
    .m-a {
        margin-top: 3.375rem
    }
    .m-b,
    .m-a {
        margin-bottom: 3.375rem
    }
    .section-heading {
        margin-top: 3.375em;
        margin-bottom: 2em
    }
    .spacer {
        padding-top: 3.375em
    }
    .overlap-top {
        margin-top: -7.1875em
    }
    .title-content,
    .title-section,
    .title-section-simple,
    .taleo .head1 {
        font-size: 2.375em
    }
    .title-hero {
        margin: 0 0 0.375em 0;
        padding: 0;
        font-size: 5.125em;
        font-weight: 400;
        color: #e4eef3;
        z-index: -1
    }
    .title-hero::after {
        content: none
    }
}

@media screen and (min-width: 1200px) {
    .p-t,
    .p-a,
    .section {
        padding-top: 4rem
    }
    .p-b,
    .p-a,
    .section {
        padding-bottom: 4rem
    }
    .m-t,
    .m-a {
        margin-top: 4rem
    }
    .m-b,
    .m-a {
        margin-bottom: 4rem
    }
    .spacer {
        padding-top: 4em
    }
    .overlap-top {
        margin-top: -7.8125em
    }
    .section-heading {
        margin-top: 4em;
        margin-bottom: 2.625em
    }
    .title-content,
    .title-section,
    .title-section-simple,
    .taleo .head1 {
        font-size: 2.5em
    }
    .title-content.decrypt::after,
    .title-section.decrypt::after,
    .title-section-simple.decrypt::after,
    .taleo .head1.decrypt::after {
        width: 72px
    }
    .title-hero {
        font-size: 5.5em
    }
    .suptitle {
        font-size: 0.75em
    }
    .suptitle::before {
        vertical-align: 36%;
        margin-right: 1em;
        -webkit-animation-name: SuptitleLineBig;
        animation-name: SuptitleLineBig
    }
}

@media screen and (min-width: 1520px) {
    .overlap-top {
        margin-top: -8.1875em
    }
    .title-content,
    .title-section,
    .title-section-simple,
    .taleo .head1 {
        font-size: 2.625em
    }
    .title-hero {
        margin-bottom: 0.625em;
        font-size: 6em
    }
}

.wrap-xl,
.wrap-l,
.wrap-m,
.main-nav-front,
.w-xl,
.w-l,
.w-m,
.w-s,
.w-f {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width: 380px) {
    .wrap-xl,
    .wrap-l,
    .wrap-m,
    .main-nav-front,
    .w-xl,
    .w-l,
    .w-m,
    .w-s,
    .w-f {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 680px) {
    .wrap-xl,
    .wrap-l,
    .wrap-m,
    .w-xl,
    .w-l,
    .w-m,
    .w-s {
        max-width: 620px;
        padding-left: 0;
        padding-right: 0
    }
    .w-f {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media screen and (min-width: 1024px) {
    .wrap-xl,
    .wrap-l,
    .w-xl,
    .w-l {
        max-width: 940px
    }
    .wrap-m,
    .w-m {
        max-width: 940px
    }
    .wrap-s,
    .w-s {
        max-width: 706px
    }
    .wrap-inner-xs {
        max-width: 400px
    }
    .wrap-inner-s {
        max-width: 620px
    }
    .wrap-inner-m {
        max-width: 706px
    }
    .wrap-inner-m.center,
    .wrap-inner-s.center {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1200px) {
    .wrap-xl,
    .wrap-l,
    .w-xl,
    .w-l {
        max-width: 1100px
    }
    .wrap-inner-s {
        max-width: 706px
    }
}

@media screen and (min-width: 1520px) {
    .wrap-xl,
    .w-xl {
        max-width: 1410px
    }
}

body {
    font-family: "Rubik", sans-serif;
    color: #2d373b;
    background: #fcfcfc;
    overflow-x: hidden
}

body.no-scroll {
    overflow-y: hidden
}

.grid-pattern {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    pointer-events: none
}

.grid-pattern-vertical {
    display: flex;
    margin: 0 auto;
    height: 100vh
}

.grid-pattern-vertical .grid-pattern-cell {
    border-left: 1px solid rgba(63, 116, 148, 0.05);
    width: 100%
}

.grid-pattern-vertical .grid-pattern-cell:last-child {
    border-right: 1px solid rgba(63, 116, 148, 0.05)
}

.grid-pattern-vertical .grid-pattern-cell:nth-child(1),
.grid-pattern-vertical .grid-pattern-cell:nth-child(2),
.grid-pattern-vertical .grid-pattern-cell:nth-child(3),
.grid-pattern-vertical .grid-pattern-cell:nth-child(4),
.grid-pattern-vertical .grid-pattern-cell:nth-child(5) {
    display: none
}

.grid-pattern-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid-pattern-horizontal .grid-pattern-cell {
    height: 280px;
    width: 100%;
    border-bottom: 1px solid rgba(63, 116, 148, 0.05)
}

.main,
.nav-height-pad {
    padding-top: 4.8125em
}

.main {
    display: block;
    min-height: calc(100vh - 213px)
}

.page-content {
    position: relative
}

.page-dropdown,
.page-sidebar {
    position: -webkit-sticky;
    position: sticky;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    top: 4.125em;
    left: 0;
    background: #fff;
    width: 100%;
    box-shadow: 0 6px 15px rgba(133, 177, 204, 0.25);
    z-index: 5;
    margin-bottom: 2em
}

.page-dropdown .page-sidebar-widget:first-child,
.page-sidebar .page-sidebar-widget:first-child {
    border-left: none
}

.page-sidebar-widget {
    border-left: 1px solid #f0f5f8;
    font-size: 0.875em
}

.page-dropdown-nav,
.page-sidebar-nav {
    flex-grow: 1
}

.page-dropdown-nav>ul,
.page-sidebar-nav>ul {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 9px 35px rgba(133, 177, 204, 0.25);
    padding: 0.875em 0;
    max-height: 300px;
    overflow-y: scroll
}

.page-dropdown-nav li,
.page-sidebar-nav li {
    list-style: none
}

.page-dropdown-nav li a,
.page-dropdown-nav .page-sidebar-nav-more,
.page-sidebar-nav li a,
.page-sidebar-nav .page-sidebar-nav-more {
    display: block;
    padding: 0.625em 1.25em
}

.page-dropdown-nav li a:hover,
.page-dropdown-nav .page-sidebar-nav-more:hover,
.page-sidebar-nav li a:hover,
.page-sidebar-nav .page-sidebar-nav-more:hover {
    background: #f0f5f8;
    color: #0c82b6
}

.page-dropdown-nav li a.active,
.page-dropdown-nav li a[aria-current="page"],
.page-sidebar-nav li a.active,
.page-sidebar-nav li a[aria-current="page"] {
    color: #0c82b6
}

.page-dropdown-nav ul ul a,
.page-sidebar-nav ul ul a {
    padding-left: 2.5em
}

.page-dropdown-nav.no-more>ul,
.page-sidebar-nav.no-more>ul {
    max-height: none
}

.page-dropdown-nav-trigger-label,
.page-sidebar-nav-trigger-label {
    position: relative;
    padding: 1em;
    color: #0c82b6;
    font-weight: 500
}

.page-dropdown-nav-trigger-label:hover,
.page-sidebar-nav-trigger-label:hover {
    background: #f0f5f8
}

.page-dropdown-nav-trigger-label::after,
.page-sidebar-nav-trigger-label::after {
    position: absolute;
    top: 50%;
    right: 1em;
    font-size: 0.625em;
    margin-left: 0.75em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-dropdown-nav-trigger-label span,
.page-sidebar-nav-trigger-label span {
    font-weight: 400
}

.page-sidebar-nav-more {
    display: none
}

.page-sidebar-button {
    padding: 1.25em;
    color: #05baca;
    font-size: 0.875em
}

.page-sidebar-button:hover {
    background: #f0f5f8
}

.page-sidebar-button::before {
    font-size: 0.75em;
    margin-right: 0.75em
}

.js .page-dropdown,
.js .page-sidebar {
    -webkit-animation: fadeIn 1s linear forwards;
    animation: fadeIn 1s linear forwards
}

.page-dropdown {
    font-size: 0.875em
}

.filter-container.filter-loading {
    -webkit-animation: filterTransition .5s;
    animation: filterTransition .5s
}

.filter-container.filter-loaded {
    -webkit-animation: filterTransition .5s;
    animation: filterTransition .5s
}

.filter-static-title {
    padding: 0.625em 2.25em 0.625em 0.75em;
    width: 100%;
    position: relative
}

.filter-static-title b {
    font-weight: 500
}

.filter-static-title b::after {
    content: ': ';
    margin-right: 0.125em
}

.filter-static-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.6875em 1.125em 0.625em 1.125em;
    transition: color .2s;
    background: #b1e6ea;
    color: #018188
}

.filter-static-close:hover {
    color: #00666b
}

.filter-static-close:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.filter-static-close:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    background: #8fd1d6;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.filter-static-close::after {
    position: relative;
    font-size: 0.75em;
    z-index: 2
}

@-webkit-keyframes filterTransition {
    0% {
        opacity: 1
    }
    48% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes filterTransition {
    0% {
        opacity: 1
    }
    48% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@media screen and (min-width: 480px) {
    .main {
        min-height: calc(100vh - 156px)
    }
}

@media screen and (min-width: 680px) {
    .grid-pattern-vertical .grid-pattern-cell {
        width: 50%
    }
    .grid-pattern-vertical .grid-pattern-cell:nth-child(5) {
        display: block
    }
    .grid-pattern-horizontal .grid-pattern-cell {
        height: 310px
    }
    .main,
    .nav-height-pad {
        padding-top: 5.1875em
    }
}

@media screen and (min-width: 1024px) {
    .grid-pattern-vertical .grid-pattern-cell {
        width: 25%
    }
    .grid-pattern-vertical .grid-pattern-cell:nth-child(3),
    .grid-pattern-vertical .grid-pattern-cell:nth-child(4) {
        display: block
    }
    .grid-pattern-horizontal .grid-pattern-cell {
        height: 235px
    }
    .main,
    .nav-height-pad {
        padding-top: 7.1875em
    }
    .main {
        min-height: calc(100vh - 59px)
    }
    .page-content.has-sidebar {
        display: flex;
        justify-content: space-between
    }
    .page-sidebar {
        display: block;
        position: static;
        order: 1;
        float: right;
        width: 230px;
        background: none;
        box-shadow: none
    }
    .page-sidebar-widget {
        border: none;
        margin-bottom: 2em
    }
    .page-sidebar-nav .trigger-overlay {
        display: none
    }
    .page-sidebar-nav .trigger-drawer {
        visibility: visible;
        position: static;
        overflow: visible;
        background: none;
        box-shadow: none;
        padding: 0
    }
    .page-sidebar-nav>ul {
        max-height: none
    }
    .page-sidebar-nav li:nth-child(n+7) {
        display: none
    }
    .page-sidebar-nav li:last-child {
        display: block
    }
    .page-sidebar-nav li a,
    .page-sidebar-nav .page-sidebar-nav-more {
        color: #7a9199;
        border-left: 1px solid #c2d7e3
    }
    .page-sidebar-nav li a:hover,
    .page-sidebar-nav .page-sidebar-nav-more:hover {
        background: none;
        color: #05baca;
        border-color: #05baca
    }
    .page-sidebar-nav li a.active,
    .page-sidebar-nav li a[aria-current="page"] {
        border-color: #0c82b6;
        pointer-events: none
    }
    .page-sidebar-nav .page-sidebar-nav-more {
        border-left-color: transparent
    }
    .page-sidebar-nav .page-sidebar-nav-more:hover {
        border-left-color: transparent
    }
    .page-sidebar-nav-trigger-label {
        display: none
    }
    #page-sidebar-nav-trigger:checked~.trigger-drawer li {
        display: block
    }
    #page-sidebar-nav-trigger:checked~.trigger-drawer .page-sidebar-nav-more label {
        font-size: 0
    }
    #page-sidebar-nav-trigger:checked~.trigger-drawer .page-sidebar-nav-more label:before {
        content: attr(data-less);
        font-size: 14px
    }
    .page-sidebar-button {
        display: inline-block;
        padding: 1.25em 1.625em;
        background: #fff;
        box-shadow: 0 6px 15px rgba(133, 177, 204, 0.25);
        color: #0c82b6;
        text-align: center;
        font-family: "Roboto Mono", monospace;
        letter-spacing: 0.03125em;
        text-transform: uppercase
    }
    .page-sidebar-button::before {
        display: none
    }
    .page-sidebar-button:hover {
        background: #0c82b6;
        color: #fff
    }
    .page-filters {
        position: static;
        background: none;
        box-shadow: none;
        justify-content: flex-end;
        margin: -72px 0 38px 0
    }
    .page-filters .page-dropdown-nav-trigger-label {
        display: none
    }
    .page-filters .page-dropdown-nav {
        flex-grow: 0
    }
    .page-filters .page-dropdown-nav ul {
        visibility: visible;
        position: static;
        overflow: auto;
        background: none;
        box-shadow: none;
        padding: 0
    }
    .page-filters .page-dropdown-nav li {
        display: inline-block;
        margin-left: 0.25em
    }
    .page-filters .page-dropdown-nav li a {
        background: #f0f5f8;
        border: 1px solid #cae3f3;
        color: rgba(12, 130, 182, 0.5);
        border-radius: 2px;
        transition: color .2s, background .2s, border .2s
    }
    .page-filters .page-dropdown-nav li a:hover {
        background: #ddeaf3;
        border-color: #aad7f5;
        color: #0c82b6
    }
    .page-filters .page-dropdown-nav li a.active {
        background: #e3f5f7;
        border-color: #b1e6ea;
        color: #05baca;
        pointer-events: none
    }
    .filter-static-title {
        font-weight: 300;
        width: auto;
        font-size: 1.125em;
        margin-left: 320px;
        padding-right: 3.625em
    }
    .filter-static-title b {
        font-weight: normal
    }
    .filter-static-close::after {
        margin-top: -1px;
        font-size: 0.625em;
        vertical-align: 12%
    }
}

@media screen and (min-width: 1200px) {
    .grid-pattern-vertical {
        max-width: 940px
    }
    .main,
    .nav-height-pad {
        padding-top: 7.8125em
    }
    .page-sidebar {
        margin-right: 3em
    }
    .page-filters {
        font-size: 1em;
        margin: -78px 0 40px 0
    }
    .filter-static-title {
        font-size: 16px
    }
}

@media screen and (min-width: 1520px) {
    .grid-pattern-vertical {
        max-width: 1410px
    }
    .grid-pattern-vertical .grid-pattern-cell {
        width: 16.6666666666666%
    }
    .grid-pattern-vertical .grid-pattern-cell:nth-child(1),
    .grid-pattern-vertical .grid-pattern-cell:nth-child(2) {
        display: block
    }
    .main,
    .nav-height-pad {
        padding-top: 8.1875em
    }
    .page-sidebar {
        margin-right: 0em
    }
}

.main-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50
}

.main-nav::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    background: #fff;
    box-shadow: 0 0 0 -4px rgba(133, 177, 204, 0);
    transition: box-shadow 0.2s, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1);
    transition: transform 0.2s cubic-bezier(0.6, 0, 0.4, 1), box-shadow 0.2s;
    transition: transform 0.2s cubic-bezier(0.6, 0, 0.4, 1), box-shadow 0.2s, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1);
    z-index: -1
}

.main-nav-front {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.625em;
    padding-bottom: 0.625em
}

.main-nav-logo-wrap {
    flex-grow: 1
}

.main-nav-logo {
    position: relative;
    width: 60px;
    height: 32px;
    z-index: 1;
    transition: opacity .4s, -webkit-filter .4s;
    transition: filter .4s, opacity .4s;
    transition: filter .4s, opacity .4s, -webkit-filter .4s
}

.main-nav-lang-switcher {
    margin-right: 0.625rem;
    padding-bottom: 0.25rem;
    color: #000
}

.main-nav-account,
.lang-item {
    display: inline-block
}

.main-nav-account a,
.lang-item a {
    /* opacity: .7; */
    transition: opacity .2s, color .2s
}

.main-nav-account a:hover,
.lang-item a:hover {
    opacity: 1;
    color: #000
}

.lang-item {
    margin-right: 0.625em
}

.lang-item a {
    font-size: 0.85em
}

.main-nav-account {
    color: #0c82b6;
    margin-right: 1.375em
}

.main-nav-account-link {
    display: inline-block;
    font-size: 1.125rem
}

.main-menu-trigger-wrap {
    position: relative;
    z-index: 1
}

.page-title-wrap {
    display: none;
    position: absolute;
    right: 0.375em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    pointer-events: none
}

.page-title {
    position: relative;
    white-space: nowrap;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    left: 9.125em;
    color: #c3cfd7;
    transition: color .3s .2s
}

.page-title:before {
    position: absolute;
    left: -88px;
    top: 7px;
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #d8e1e6;
    transition: width .3s
}

.main-menu-trigger {
    cursor: pointer
}

.main-menu-trigger:hover .main-menu-icon-open line,
.main-menu-trigger:focus .main-menu-icon-open line {
    stroke-dashoffset: 480
}

.main-menu-icon-open {
    width: 20px;
    height: 20px
}

.main-menu-icon-open line {
    /* stroke: #0c82b6; */
    stroke: #000;
    stroke-width: 18;
    stroke-dasharray: 120;
    stroke-dashoffset: 240;
    transition: stroke-dashoffset .2s, stroke .5s
}

.main-menu-icon-open line:nth-child(2) {
    stroke-dashoffset: 260;
    transition-delay: .05s
}

.main-menu-icon-open line:nth-child(3) {
    stroke-dashoffset: 280;
    transition-delay: .1s
}

.main-menu-trigger-input:checked~.main-menu-page-overlay {
    transition-delay: .0s, .0s;
    opacity: 1
}

.main-menu-trigger-input:checked~.main-menu-page-list-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-timing-function: cubic-bezier(0, 0, 0.15, 1)
}

.main-menu-page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(255, 255, 255, 0.7);
    transition: opacity .2s, visibility .0s .2s;
    z-index: 45
}

.main-menu-page-list-wrap {
    position: fixed;
    overflow-y: scroll;
    visibility: visible;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 260px;
    height: 100%;
    padding: 0.5em 0;
    background: #0c82b6;
    /* background: rgba(0, 0, 0, 0.95); */
    /* color: #b6e3fd; */
    color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.85, 0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.85, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.85, 0, 1, 1);
    z-index: 50
}

.main-menu-page-list-wrap::-webkit-scrollbar {
    width: 4px;
    /* background: #0b74a3 */
}

.main-menu-page-list-wrap::-webkit-scrollbar-track {
    /* background: #0b74a3 */
}

.main-menu-page-list-wrap::-webkit-scrollbar-thumb {
    background: #00e0d7
}

.main-menu-page-list {
    font-weight: 300;
    font-size: 0.875em
}

.main-menu-page-list .menu-item.has-separator::before {
    content: '';
    display: block;
    height: 1px;
    background: #0a75a3;
    margin: 0.5rem 1rem
}

.main-menu-page-list a {
    display: block;
    position: relative;
    padding: 6px 16px;
    line-height: 1.25em;
    transition: padding .2s .1s
}

.main-menu-page-list a:before {
    content: '';
    background: #00e0d7;
    position: absolute;
    left: 8px;
    top: 1.0625em;
    height: 1px;
    width: 0;
    transition: width .2s .1s
}

.main-menu-page-list a:hover {
    padding-left: 36px;
    transition-delay: 0s
}

.main-menu-page-list a:hover:before {
    width: 20px;
    transition-delay: 0s
}

.main-menu-page-list a:active {
    color: #fff
}

.main-menu-page-list a[href="#"] {
    pointer-events: none
}

.main-menu-page-list a[target="_blank"]::after {
    content: "B";
    margin-left: 0.625rem;
    font-size: 0.75em;
    vertical-align: -5%
}

.main-menu-page-list>.menu-item {
    margin-bottom: 1em
}

.main-menu-page-list>.menu-item>a {
    font-family: "K2D", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.125em;
    color: #fff
}

.main-nav-alternative .main-nav-logo-wrap a {
    position: relative;
    display: inline-block
}

.main-nav-alternative .main-nav-logo-wrap a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/logos/logoblanco.png) no-repeat center;
    background-size: contain;
    opacity: 0;
    transition: opacity .4s
}

body:not(.scrolled) .main-nav-alternative .main-nav-logo-wrap a::before {
    opacity: 1
}

body:not(.scrolled) .main-nav-alternative .main-nav-logo {
    opacity: 0;
    -webkit-filter: brightness(0) invert(100%);
    filter: brightness(0) invert(100%)
}

body:not(.scrolled) .main-nav-alternative .main-nav-account,
body:not(.scrolled) .main-nav-alternative .main-nav-lang-switcher {
    color: #fff
}

body:not(.scrolled) .main-nav-alternative .lang-item {
    display: inline-block;
    margin-right: 0.625em
}

body:not(.scrolled) .main-nav-alternative .main-menu-icon-open line {
    stroke: #fff
}

body:not(.scrolled) .main-nav-alternative .page-title {
    opacity: .6
}

body:not(.scrolled) .main-nav-alternative .page-title::before {
    opacity: .8
}

.scrolled .main-nav::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    box-shadow: 0 0px 15px -4px rgba(133, 177, 204, 0.25);
    transition-duration: .4s
}

.scrolled .page-title {
    color: transparent;
    transition-delay: 0s
}

.scrolled .page-title::before {
    transition-delay: .2s;
    width: 0
}

@media screen and (min-width: 380px) {
    .main-nav-front {
        padding-left: 1em;
        padding-right: 1em
    }
}

@media screen and (min-width: 680px) {
    .main-nav-front {
        padding-left: 0;
        padding-right: 0
    }
    .main-nav-logo {
        width: 72px;
        height: 38px
    }
    .main-nav-account {
        margin-right: 1.75rem
    }
    .main-nav-lang-switcher {
        margin-right: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .main-nav-wrap-flex .main-nav-front {
        margin-left: 0;
        margin-right: 0;
        padding-left: 2em;
        padding-right: 2em;
        max-width: none
    }
    .main-nav-wrap-flex .main-menu-page-list {
        padding-right: 0;
        margin: 0 6.125em 0 auto
    }
}

.main-nav-logo {
    width: 88px;
    height: 50px
}


/* .main-menu-trigger-wrap {
        z-index: 60
    }
    .main-menu-page-list-wrap {
        overflow-y: auto;
        height: auto;
        max-width: none;
        background: none;
        padding: 0;
        -webkit-transform: none;
        transform: none
    } */


/* .main-menu-page-list {
        display: flex;
        justify-content: flex-end;
        max-width: 940px;
        margin: 0 auto;
        padding-right: 70px
    }
    .main-menu-page-list a {
        width: 240px;
        padding: 8px 22px
    }
    .main-menu-page-list>.menu-item {
        vertical-align: top;
        border-left: 1px solid #0b7aab;
        background: #0c82b6;
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.3s cubic-bezier(0.6, 0, 0.4, 1)
    }
    .main-menu-page-list>.menu-item:first-child {
        border-left: none
    }
    .main-menu-page-list>.menu-item:nth-child(1) {
        transition-delay: .00s
    }
    .main-menu-page-list>.menu-item:nth-child(2) {
        transition-delay: .05s
    }
    .main-menu-page-list>.menu-item:nth-child(3) {
        transition-delay: .10s
    }
    .main-menu-page-list>.menu-item:nth-child(4) {
        transition-delay: .15s
    }
    .main-menu-page-list>.menu-item:nth-child(5) {
        transition-delay: .20s
    }
    .main-menu-page-list>.menu-item:nth-child(6) {
        transition-delay: .25s
    }
    .main-menu-page-list>.menu-item>a {
        margin-top: 0.875em
    }
    .main-menu-page-list>.menu-item>ul {
        margin-bottom: 0.875em
    } */


/* .main-menu-trigger-input:checked~.main-menu-page-overlay {
        background: none;
        opacity: 0
    }
    .main-menu-trigger-input:checked~.main-menu-page-list-wrap .main-menu-page-list>.menu-item {
        max-height: 362px
    }
    .main-menu-trigger-input:checked~.main-menu-page-list-wrap .main-menu-page-list>.menu-item:nth-last-child(1) {
        transition-delay: .00s
    }
    .main-menu-trigger-input:checked~.main-menu-page-list-wrap .main-menu-page-list>.menu-item:nth-last-child(2) {
        transition-delay: .05s
    }
    .main-menu-trigger-input:checked~.main-menu-page-list-wrap .main-menu-page-list>.menu-item:nth-last-child(3) {
        transition-delay: .10s
    }
    .main-menu-trigger-input:checked~.main-menu-page-list-wrap .main-menu-page-list>.menu-item:nth-last-child(4) {
        transition-delay: .15s
    }
    .main-menu-trigger-input:checked~.main-menu-page-list-wrap .main-menu-page-list>.menu-item:nth-last-child(5) {
        transition-delay: .20s
    }
    .main-menu-trigger-input:checked~.main-menu-page-list-wrap .main-menu-page-list>.menu-item:nth-last-child(6) {
        transition-delay: .25s
    } 
} */

@media screen and (min-width: 1200px) {
    .main-nav-wrap-flex .main-nav-front {
        padding-left: 3.25em;
        padding-right: 3.25em
    }
    /* .main-nav-wrap-flex .main-menu-page-list {    
        margin: 0 9.125em 0 auto
    } */
}

.page-title-wrap:not(.hidden) {
    display: block
}


/* .main-menu-page-list {
        max-width: 1100px
    } */

@media screen and (min-width: 1520px) {
    .main-nav-wrap-flex .main-nav-front {
        padding-left: 4.5em;
        padding-right: 4.5em
    }
    /* .main-nav-wrap-flex .main-menu-page-list { 
        margin: 0 11.625em 0 auto
    } */
}


/* .main-menu-page-list {
        max-width: 1410px
    }
} */

.footer {
    background: #0c82b6;
    color: #b6e3fd;
    text-align: center;
    padding: 1em
}

.footer a:hover {
    color: #fff
}

.footer-nav {
    font-size: 0.875em
}

.footer-nav a {
    display: block;
    padding: 0.375em 0
}

.footer-social {
    margin: 1em 0
}

.footer-social li {
    display: inline-block;
    font-size: 1.125em
}

.footer-social a {
    display: block;
    padding: 0.375em 0.625em
}

.footer-social a:hover::before {
    -webkit-animation: iconFlick .15s forwards;
    animation: iconFlick .15s forwards
}

.footer-social .iconb-twitter::before {
    font-size: 0.875em
}

.footer-copyright {
    font-size: 0.75em
}

@media screen and (min-width: 480px) {
    .footer {
        padding: 1.625em 0
    }
    .footer-nav li {
        display: inline-block;
        margin: 0 0.625em
    }
    .footer-nav li a {
        padding: 0.25em 0
    }
    .footer-nav li:nth-child(2) a {
        border-right: 1px solid rgba(182, 227, 253, 0.4);
        padding-right: 1.375em
    }
}

@media screen and (min-width: 1024px) {
    .footer {
        padding: 0.75em 0
    }
    .footer-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }
    .footer-nav {
        font-size: 0.75em
    }
    .footer-social {
        margin: 0
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    transition: visibility 0s .3s
}

.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(12, 130, 182, 0.9);
    opacity: 0;
    transition: opacity .2s
}

.popup-overlay::before {
    position: absolute;
    top: 0.875em;
    right: 0.875em;
    color: #fff;
    font-size: 1.25em;
    z-index: 1;
    cursor: pointer
}

.popup-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/abstract/pattern-tiles.png");
    opacity: .5
}

.popup-box {
    position: absolute;
    width: 100%;
    margin-top: 3.375em;
    background: #fff;
    opacity: 0;
    box-shadow: 0 9px 35px rgba(1, 42, 66, 0.25);
    transition: opacity .2s
}

.popup-box-inner {
    overflow-y: scroll;
    height: 80%;
    height: calc(100vh - 54px);
    padding: 1.25em 0.625em 1.25em 0.625em
}

.popup-box-inner::-webkit-scrollbar {
    width: 6px;
    background: transparent
}

.popup-box-inner::-webkit-scrollbar-track {
    background: transparent
}

.popup-box-inner::-webkit-scrollbar-thumb {
    background: #05baca
}

.trigger-input-popup:checked~.popup {
    transition-delay: 0s
}

.trigger-input-popup:checked~.popup .popup-overlay {
    opacity: 1
}

.trigger-input-popup:checked~.popup .popup-box {
    opacity: 1
}

.popup-press-kit .popup-box-inner {
    padding: 0.625em 0
}

.popup-press-kit ul .press-kit:last-child {
    margin-bottom: 0
}

.press-kit {
    margin-bottom: 2em
}

.press-kit-title {
    font-size: 1.375em
}

.press-kit-bundle,
.press-kit-item {
    position: relative;
    display: block;
    padding: 0.75em 3em 0.75em 3.3125em
}

.press-kit-bundle::before,
.press-kit-bundle::after,
.press-kit-item::before,
.press-kit-item::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0c82b6
}

.press-kit-bundle::before,
.press-kit-item::before {
    left: 16px;
    font-size: 1.5em
}

.press-kit-bundle::after,
.press-kit-item::after {
    right: 16px;
    font-size: 1em;
    color: #dbdbdb
}

.press-kit-bundle:hover,
.press-kit-item:hover {
    background: #f0f5f8
}

.press-kit-bundle:hover::after,
.press-kit-item:hover::after {
    color: #0c82b6
}

.press-kit-bundle {
    padding-left: 1em;
    cursor: pointer
}

.press-kit-bundle:hover {
    background: none
}

.press-kit-bundle:hover .press-kit-title {
    color: #05baca
}

.press-kit-bundle:hover::after {
    color: #05baca
}

.press-kit-item-title {
    display: block;
    color: #0c82b6
}

.press-kit-item-format {
    display: block;
    color: #7a9199;
    font-size: 0.75em;
    margin-top: 0.25em
}

@media screen and (min-width: 480px) {
    .popup-box {
        width: 430px;
        left: 50%;
        top: 50%;
        margin-top: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        transition: opacity .2s, -webkit-transform .2s;
        transition: opacity .2s, transform .2s;
        transition: opacity .2s, transform .2s, -webkit-transform .2s
    }
    .popup-box-inner {
        padding: 1.25em;
        height: auto;
        max-height: 75%;
        max-height: 80vh
    }
    .popup-overlay:before {
        content: none
    }
    .popup-press-kit .popup-box-inner {
        padding: 1em 0
    }
    .press-kit-bundle,
    .press-kit-item {
        padding: 0.75em 3.5em 0.75em 4.25em
    }
    .press-kit-bundle::before,
    .press-kit-item::before {
        left: 28px;
        font-size: 1.5em
    }
    .press-kit-bundle::after,
    .press-kit-item::after {
        right: 28px;
        font-size: 1em;
        color: #dbdbdb;
        opacity: 0
    }
    .press-kit-bundle:hover:after,
    .press-kit-item:hover:after {
        opacity: 1
    }
    .press-kit-title {
        font-size: 1.625em;
        font-weight: 300
    }
    .press-kit-bundle {
        padding-left: 1.75em
    }
    .press-kit-bundle::after {
        opacity: 1
    }
}

@media screen and (min-width: 680px) {
    .popup-box-inner::before,
    .popup-box-inner::after,
    .popup-box-inject::before,
    .popup-box-inject::after {
        content: '';
        position: absolute;
        border-color: rgba(255, 255, 255, 0.2);
        border-style: solid;
        pointer-events: none;
        opacity: 0;
        transition: opacity .2s, -webkit-transform .2s;
        transition: opacity .2s, transform .2s;
        transition: opacity .2s, transform .2s, -webkit-transform .2s;
        width: 28px;
        height: 28px
    }
    .popup-box-inner {
        padding: 2.625em
    }
    .popup-box-inner::before {
        left: -2.5em;
        top: -2.5em;
        border-width: 3px 0 0 3px;
        -webkit-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%)
    }
    .popup-box-inner::after {
        left: -2.5em;
        bottom: -2.5em;
        border-width: 0 0 3px 3px;
        -webkit-transform: translate(100%, -100%);
        transform: translate(100%, -100%)
    }
    .popup-box-inject::before {
        right: -2.5em;
        top: -2.5em;
        border-width: 3px 3px 0 0;
        -webkit-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%)
    }
    .popup-box-inject::after {
        right: -2.5em;
        bottom: -2.5em;
        border-width: 0 3px 3px 0;
        -webkit-transform: translate(100%, 100%);
        transform: translate(100%, 100%)
    }
    .trigger-input-popup:checked~.popup .popup-box {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    .trigger-input-popup:checked~.popup .popup-box-inner::before,
    .trigger-input-popup:checked~.popup .popup-box-inner::after,
    .trigger-input-popup:checked~.popup .popup-box-inject::before,
    .trigger-input-popup:checked~.popup .popup-box-inject::after {
        opacity: 1;
        transition-delay: .1s;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
}

.video-poster {
    display: block
}

.video-poster:hover+.video-background {
    opacity: .3
}

.video-poster img {
    width: 100%
}

.video-background {
    display: none
}

@supports (mix-blend-mode: soft-light) {
    .header .video-background {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        mix-blend-mode: soft-light;
        opacity: 0;
        transition: opacity .5s;
        pointer-events: none
    }
}

.video-img-type-normal .video-poster,
.video-img-type-slice .slices .slice:nth-child(2) {
    position: relative
}

.video-img-type-normal .video-poster::before,
.video-img-type-normal .video-poster::after,
.video-img-type-slice .slices .slice:nth-child(2)::before,
.video-img-type-slice .slices .slice:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.video-img-type-normal .video-poster::before,
.video-img-type-slice .slices .slice:nth-child(2)::before {
    width: 86px;
    height: 86px;
    border-radius: 100%;
    margin-left: -2px;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.video-img-type-normal .video-poster::after,
.video-img-type-slice .slices .slice:nth-child(2)::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 15px 0 15px 22.5px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-img-type-normal .video-poster:hover::before,
.video-img-type-slice .video-poster:hover .slices .slice:nth-child(2)::before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.video-overlay {
    position: fixed;
    transition: opacity .2s, visibility 0s .2s;
    z-index: 90
}

.video-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 820px;
    box-shadow: 0 9px 35px rgba(1, 42, 66, 0.25);
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    transition: opacity .2s, visibility 0s .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s, visibility 0s .2s;
    transition: opacity .2s, transform .2s, visibility 0s .2s, -webkit-transform .2s;
    z-index: 100
}

.video-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    opacity: .8
}

.video-loader circle {
    stroke-dasharray: 147 300;
    stroke-dashoffset: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-webkit-keyframes videoLoader {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    50% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@keyframes videoLoader {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    50% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@-webkit-keyframes videoLoaderInner {
    0% {
        stroke-dashoffset: 147
    }
    50% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 147
    }
}

@keyframes videoLoaderInner {
    0% {
        stroke-dashoffset: 147
    }
    50% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 147
    }
}

.video-ratio {
    position: relative;
    padding-top: 56.25%
}

.video-ratio iframe,
.video-ratio>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-nav {
    visibility: hidden;
    position: fixed;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    z-index: 95
}

.video-nav-item {
    width: 50%;
    font-size: 0;
    display: inline-block;
    padding: 16px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.45);
    transition: background .2s
}

.video-nav-item::before {
    font-size: 20px
}

.video-nav-item:hover {
    background: rgba(255, 255, 255, 0.4)
}

.video-nav-prev {
    border-right: none
}

.video-trigger-input:checked~.video-overlay {
    opacity: 1;
    transition-delay: 0s
}

.video-trigger-input:checked~.video-popup {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition-delay: 0s
}

.video-trigger-input:checked~.video-popup .video-loader {
    -webkit-animation: videoLoader 3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: videoLoader 3s cubic-bezier(0.5, 0, 0.5, 1) infinite
}

.video-trigger-input:checked~.video-popup .video-loader circle {
    -webkit-animation: videoLoaderInner 3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: videoLoaderInner 3s cubic-bezier(0.5, 0, 0.5, 1) infinite
}

.video-trigger-input:checked~.video-nav {
    visibility: visible
}

@media screen and (min-width: 1024px) {
    .video-nav {
        position: static;
        display: block;
        margin: 0
    }
    .video-nav-item {
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 32px;
        width: auto;
        z-index: 95;
        border: 1px solid rgba(255, 255, 255, 0.6)
    }
    .video-nav-prev {
        left: 0;
        border-left: none
    }
    .video-nav-next {
        right: 0;
        border-right: none
    }
}

@media screen and (min-width: 1200px) {
    .video-nav-item::before {
        font-size: 26px
    }
}

.form {
    margin: 2em 0
}

.spl-form,
.gateway form,
.account form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    color: #718692
}

.form-field-wrap {
    width: 100%;
    position: relative;
    margin: 0 0 0.75em 0
}

.form-field-wrap.invalid::before {
    content: "?";
    font-family: "Iconfont";
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 0.875rem;
    color: #b73636;
    pointer-events: none
}

.form-field-wrap.invalid .form-label,
.form-field-wrap.invalid .form-field {
    padding-right: 2.75rem
}

.form-field-wrap.invalid .form-field,
.form-field-wrap.invalid .form-choice span::before {
    box-shadow: 0 0 0 2px #b73636
}

.form-field-wrap-password.invalid::before,
.form-field-wrap-select.invalid::before,
.form-field-wrap-checkbox.invalid::before,
.form-field-wrap-radio.invalid::before {
    content: none
}

.form-label {
    display: block;
    margin: 0.75rem 0;
    font-size: 0.9375rem
}

.form-field,
.form-field-wrap-buttons .form-choice span {
    box-shadow: 0 0 0 1px #c6d4dd;
    font-size: 0.9375rem;
    transition: all .2s
}

.form-field:hover,
.form-field-wrap-buttons .form-choice span:hover {
    box-shadow: 0 0 0 2px #c6d4dd
}

.form-field {
    display: block;
    width: 100%;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-family: inherit;
    color: #2d373b;
    border-radius: 4px;
    padding: 1.375rem 1rem 0.5rem 1rem
}

.form-field:focus {
    box-shadow: 0 0 0 2px #00e0d7
}

.form-choice {
    display: block;
    position: relative;
    margin-top: 0.5rem
}

.form-choice:hover span::before {
    box-shadow: 0 0 0 2px #c6d4dd
}

.form-choice .form-field {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none
}

.form-choice .form-field:focus+span::before {
    box-shadow: 0 0 0 2px #00e0d7
}

.form-choice .form-field:checked+span::before {
    box-shadow: 0 0 0 2px #0c82b6
}

.form-choice .form-field:checked+span::after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.form-choice span {
    display: block;
    padding-left: 2.125em;
    font-size: 0.9375em;
    line-height: 1.25em
}

.form-choice span::before {
    content: '';
    position: absolute;
    left: 0.125rem;
    top: -0.125rem;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 1px #c6d4dd;
    transition: box-shadow .2s
}

.form-choice span::after {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.form-choice span a {
    text-decoration: underline;
    color: #0c82b6
}

.form-choice span a:hover {
    text-decoration: none;
    color: #00e0d7
}

.form-field-wrap-textarea .form-field {
    min-height: 160px;
    line-height: 1.375em
}

.form-field-wrap-checkbox .form-choice span::before {
    border-radius: 3px
}

.form-field-wrap-checkbox .form-choice span::after {
    font-family: "Iconfont";
    content: "T";
    left: 0.3125rem;
    top: 0;
    font-size: 0.8125rem;
    color: #0c82b6
}

.form-field-wrap-buttons {
    margin: 1rem 0 1.625rem 0
}

.form-field-wrap-buttons.invalid .form-choice span {
    box-shadow: 0 0 0 2px #b73636;
    margin-left: 2px
}

.form-field-wrap-buttons fieldset {
    display: flex;
    flex-wrap: wrap;
    padding-left: -1px;
    margin-top: 0.75rem
}

.form-field-wrap-buttons .form-choice {
    margin-top: 0
}

.form-field-wrap-buttons .form-choice span {
    display: block;
    font-size: 0.9375rem;
    padding: 0.875rem 1rem;
    margin-left: 1px;
    color: #718692;
    cursor: pointer
}

.form-field-wrap-buttons .form-choice span:active {
    background: #f0f5f8
}

.form-field-wrap-buttons .form-choice span::before,
.form-field-wrap-buttons .form-choice span::after {
    content: none
}

.form-field-wrap-buttons .form-choice:first-child span {
    border-radius: 4px 0 0 4px
}

.form-field-wrap-buttons .form-choice:last-child span {
    border-radius: 0 4px 4px 0
}

.form-field-wrap-buttons .form-field:checked+span {
    background: #0c82b6;
    color: #fff;
    box-shadow: 0 0 0 1px #0c82b6
}

.form-field-wrap-password {
    position: relative
}

.form-password-visibility {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    padding: 0.8125rem 1rem;
    font-size: 1.375rem;
    line-height: 1rem;
    cursor: pointer
}

.form-password-visibility .dashicons-visibility::before {
    content: "W"
}

.form-password-visibility .dashicons-hidden::before {
    content: "E"
}

.form-field-wrap-select::before {
    content: "4";
    font-family: "Iconfont";
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.0625rem 1rem;
    font-size: 0.875em;
    color: #7a9199;
    pointer-events: none
}

.form-field-wrap-select.focus::before {
    color: #0c82b6
}

.form-field-select-wrap.styled-field.focus .styled-select-options {
    visibility: visible
}

.form-field-select-wrap.styled-field.focus .styled-select-overlay {
    visibility: visible
}

.styled-select-trigger {
    cursor: pointer;
    line-height: 1.125rem;
    padding-right: 2.875rem
}

.styled-select-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    z-index: 35
}

.styled-select-options {
    position: absolute;
    visibility: hidden;
    width: 100%;
    background: #fff;
    box-shadow: 0 9px 35px rgba(133, 177, 204, 0.25);
    padding: 0.375em 0;
    z-index: 40
}

.styled-select-option {
    padding: 0.625em;
    cursor: pointer
}

.styled-select-option:hover {
    background: #f0f5f8;
    color: #0c82b6
}

.styled-select-option.selected {
    background: #f0f5f8;
    color: #0c82b6
}

.form-submit-wrap {
    text-align: center;
    margin-top: 1.375em
}

.form-submit-wrap-full {
    width: 100%
}

.form-submit-wrap-full .form-submit {
    width: 100%
}

.spl-form.success .form-output {
    border-color: #209670;
    color: #209670
}

.spl-form.failed .form-output {
    border-color: #b73636;
    color: #b73636
}

.form-output a,
.form-field-output a {
    text-decoration: underline
}

.form-output a:hover,
.form-field-output a:hover {
    text-decoration: none
}

.form-output {
    display: block;
    width: 100%;
    font-size: 0.875em;
    margin: 0 0 1.375em 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 7px 15px rgba(133, 177, 204, 0.4);
    line-height: 1rem;
    padding: 0.75rem 1.25rem;
    color: #0c82b6;
    border-left: 4px solid #0c82b6
}

.form-output.positive {
    border-color: #209670;
    color: #209670
}

.form-output.negative {
    border-color: #b73636;
    color: #b73636
}

.form-output.message {
    border-color: #0c82b6;
    color: #0c82b6
}

.form-output.warn {
    border-color: #f59609;
    color: #f59609
}

.form-field-output,
#pass-strength-result {
    display: block;
    margin: 0.75em 0;
    font-size: 0.8125rem;
    line-height: 1.125em
}

.form-field-output {
    color: #b73636
}

#pass-strength-result {
    display: none;
    position: relative;
    color: #c6d4dd
}

#pass-strength-result::before {
    content: '';
    display: block;
    height: 3px;
    width: 0;
    margin-bottom: 0.5rem;
    background: #c6d4dd;
    transition: width .4s ease-in-out
}

#pass-strength-result.strong {
    color: #209670
}

#pass-strength-result.strong::before {
    width: 100%;
    background: #209670
}

#pass-strength-result.good {
    color: #f59609
}

#pass-strength-result.good::before {
    width: 70%;
    background: #f59609
}

#pass-strength-result.bad {
    color: #b73636
}

#pass-strength-result.bad::before {
    width: 40%;
    background: #b73636
}

#pass-strength-result.short {
    color: #902a2a
}

#pass-strength-result.short::before {
    width: 15%;
    background: #902a2a
}

.js .form-field-wrap {
    position: relative
}

.js .form-field-wrap:not(.form-field-wrap-checkbox):not(.form-field-wrap-radio).focus .form-label,
.js .form-field-wrap:not(.form-field-wrap-checkbox):not(.form-field-wrap-radio).filled .form-label {
    -webkit-transform: none;
    transform: none;
    font-size: 0.6875em
}

.js .form-field-wrap:not(.form-field-wrap-checkbox):not(.form-field-wrap-radio) .form-label {
    position: absolute;
    margin: 0;
    top: 0.625rem;
    left: 1rem;
    pointer-events: none;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    transition: font-size .15s, color .15s, -webkit-transform .15s;
    transition: transform .15s, font-size .15s, color .15s;
    transition: transform .15s, font-size .15s, color .15s, -webkit-transform .15s
}

.js .form-field:focus {
    outline: none
}

.js #pass-strength-result {
    display: block
}

.js .form {
    transition: opacity 1s .5s
}

.js .form.asleep {
    opacity: 0
}

.js .form.awake {
    opacity: 1
}

@media screen and (min-width: 680px) {
    .form-field-wrap-half {
        width: calc(50% - 6px)
    }
    .form {
        margin-bottom: 3.25em
    }
    form.columned {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    form.columned .form-field-wrap {
        width: 48%;
        margin-bottom: 1.125em
    }
    form.columned .form-field-wrap.wide {
        width: 100%
    }
    form.columned .form-submit-wrap {
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .form {
        margin-bottom: 7.5em
    }
}

.list {
    margin-bottom: 2em
}

.list .list-item:first-child {
    border-top: 1px solid #cddde7
}

.list-title {
    font-weight: 500;
    margin-bottom: 0.625em
}

.list-item {
    line-height: 1.25em;
    border-bottom: 1px solid #cddde7;
    padding: 0.625em 0
}

.list-item a {
    display: inline-block;
    padding: 0.375em 0
}

.list-item a::before {
    margin-right: 0.375em;
    font-size: 1.6875em;
    vertical-align: middle
}

.notfound-content {
    text-align: center
}

.notfound-description {
    color: #7a9199;
    margin-bottom: 2em
}

.notfound-title {
    font-family: "Roboto Mono", monospace;
    font-size: 2.5em
}

.notfound-img-wrap {
    width: 80%;
    max-width: 280px;
    margin: 0 auto
}

@media screen and (min-width: 680px) {
    .notfound-title {
        font-size: 3.875em
    }
}

@media screen and (min-width: 1024px) {
    .notfound-content-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .notfound-content {
        text-align: left
    }
    .notfound-content {
        width: 40%
    }
    .notfound-title {
        font-size: 5.125em
    }
    .notfound-img-wrap {
        max-width: none;
        width: 40%;
        order: -1;
        margin: 0
    }
}

.gateway-main-nav-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.625em;
    padding-bottom: 0.625em
}

.gateway-header {
    padding: 4.8125em 0 2em 0;
    color: #fff;
    background-color: #0c82b6;
    background-size: cover;
    background-position: center
}

.gateway-header-title {
    color: #fff;
    font-size: 1.625em
}

.gateway-header-text {
    margin: 1em 0;
    font-weight: 300;
    font-size: 0.875rem
}

.gateway-back {
    display: inline-block;
    font-size: 0.6875rem;
    margin-bottom: 1rem;
    opacity: .5;
    transition: opacity .5s
}

.gateway-back:hover {
    opacity: 1
}

.gateway-back::before {
    font-size: 0.75em;
    margin-right: 1.375em
}

.gateway-title {
    color: #fff
}

.gateway-title::after {
    content: none
}

.gateway-content-header {
    margin-bottom: 2rem
}

.gateway-content-title {
    font-size: 1.625rem;
    margin-bottom: 0.375em
}

.gateway-content-description {
    font-size: 0.9375rem;
    color: #7a9199;
    line-height: 1.25em
}

.gateway-content-description a {
    color: #0c82b6;
    text-decoration: underline
}

.gateway-content-description a:hover {
    color: #05baca;
    text-decoration: none
}

.gateway-form {
    margin-top: 2rem
}

.gateway-form-hint {
    font-size: 0.8125rem;
    line-height: 1.375em
}

.gateway-form-nav {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    text-align: center
}

.gateway-form-nav a {
    color: #0c82b6
}

.gateway-form-nav a:hover {
    text-decoration: underline
}

.js .gateway.asleep .gateway-header {
    opacity: 0;
    transition: opacity 1s
}

.js .gateway.asleep .gateway-header-text {
    opacity: 0;
    transition: opacity .5s .8s
}

.js .gateway.asleep .gateway-content {
    opacity: 0;
    transition: opacity 1s
}

.js .gateway.asleep .gateway-back::before {
    opacity: 0;
    transition: opacity 1s
}

.js .gateway.awake .gateway-header,
.js .gateway.awake .gateway-header-text,
.js .gateway.awake .gateway-content,
.js .gateway.awake .gateway-back::before {
    opacity: 1
}

.js .gateway-header .gateway-back::before {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

@media screen and (min-width: 680px) {
    .gateway-header-title {
        font-size: 2.375rem;
        font-weight: 300
    }
    .gateway-content-title {
        font-size: 2.375rem;
        font-weight: 300
    }
    .gateway-header-text {
        font-size: 1em
    }
}

@media screen and (min-width: 1024px) {
    .gateway-nav .main-nav-logo-wrap {
        flex-grow: 0;
        margin-right: 2rem
    }
    .gateway-nav .main-nav-logo-wrap a,
    .gateway-nav .lang-item a {
        opacity: .5;
        transition: opacity .4s
    }
    .gateway-nav .main-nav-logo-wrap a:hover,
    .gateway-nav .lang-item a:hover {
        opacity: 1;
        color: #fff
    }
    .gateway-main-nav-inner {
        justify-content: flex-start;
        max-width: none;
        padding-left: 1rem
    }
    .gateway {
        position: relative;
        padding-top: 0;
        display: flex;
        min-height: 100vh
    }
    .gateway-header {
        display: flex;
        align-items: center;
        flex-grow: 1;
        padding: 0;
        margin: 0
    }
    .gateway-header-content {
        max-width: 492px;
        padding: 0 2rem
    }
    .gateway-back {
        position: absolute;
        top: 1.75rem;
        right: 2rem;
        font-size: 0.8125rem;
        z-index: 55
    }
    .gateway-content {
        display: flex;
        align-items: center;
        width: 30%;
        min-width: 32.5rem;
        padding: 0;
        flex-shrink: 0
    }
    .gateway-content-inner {
        padding: 0 5vw;
        overflow-y: auto;
        width: 100%;
        max-height: 100vh
    }
    .gateway-content-inner-inner {
        padding: 4vw 0;
        max-width: 25rem
    }
    .gateway-content-header {
        margin-bottom: 2.625rem
    }
    .gateway-content-title {
        font-weight: 100;
        text-align: center
    }
    .gateway-content-description {
        text-align: center
    }
}

@media screen and (min-width: 1200px) {
    .gateway-header-title {
        font-size: 3.25rem;
        font-weight: 100
    }
    .gateway-header-text {
        font-size: 1.125rem
    }
    .gateway-content {
        flex-shrink: 0
    }
}

.account-header .header-text {
    opacity: .6
}

.js .header.account-header.awake .header-text {
    opacity: .6
}

@media screen and (min-width: 680px) {
    .account-header .header-content {
        display: flex;
        align-items: center
    }
    .account-header .header-text-content {
        padding-right: 2.625rem;
        flex-grow: 1
    }
    .account-header .header-btn-wrap {
        flex-shrink: 0
    }
}

.lightview {
    transition: opacity .2s;
    cursor: pointer
}

.lightview:hover {
    opacity: .8
}

.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    z-index: 1000;
    transition: visibility 0s .2s
}

.lightbox.open {
    visibility: visible;
    transition-delay: 0s
}

.lightbox.open .lightbox-overlay {
    opacity: 1
}

.lightbox.open .lightbox-inner {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition-delay: .05s
}

.lightbox.open .lightbox-tool {
    opacity: .7;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.lightbox.open .lightbox-tool:hover {
    opacity: 1;
    transition-delay: 0s
}

.lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    transition: opacity .2s
}

.lightbox-toolbox {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.lightbox-tool {
    color: #fff;
    font-size: 1.25em;
    border: none;
    background: none;
    border-radius: 0;
    padding: 1em;
    opacity: .7;
    cursor: pointer;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: opacity .2s, visibility 0s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s, visibility 0s;
    transition: opacity .2s, transform .2s, visibility 0s, -webkit-transform .2s
}

.lightbox-tool:nth-child(2) {
    transition-delay: .15s
}

.lightbox-tool:nth-child(1) {
    transition-delay: .2s
}

a.lightbox-tool[href="#"] {
    visibility: hidden
}

.lightbox-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    -webkit-transform: translate(-50%, -50%) scale(0.97);
    transform: translate(-50%, -50%) scale(0.97);
    opacity: 0;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s
}

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

.lightbox-caption {
    text-align: center;
    color: #fff;
    font-size: 0.875em;
    margin: 1em 0
}

.spl-lightview,
.wp-block-image,
.blocks-gallery-item {
    cursor: pointer
}

.spl-lightbox {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: visibility 0s .2s;
    z-index: 200
}

.spl-lightbox.no-gallery .spl-lightbox-nav {
    visibility: hidden
}

.spl-lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.94);
    transition: opacity .2s
}

.spl-lightbox-tools {
    display: flex;
    position: absolute;
    top: 0;
    right: 0
}

.spl-lightbox-tool {
    position: relative;
    padding: 1.5rem;
    margin: 0.25rem;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    cursor: pointer;
    border-radius: 34px;
    transition: background .2s;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: all .2s
}

.spl-lightbox-tool:hover {
    background: rgba(255, 255, 255, 0.2)
}

.spl-lightbox-tool::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.25em
}

.spl-lightbox-link::before {
    content: "B"
}

.spl-lightbox-link[href="#"] {
    opacity: 0;
    pointer-events: none
}

.spl-lightbox-close::before {
    content: "?"
}

.spl-lightbox-view {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.96);
    transform: translate(-50%, -50%) scale(0.96);
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.spl-lightbox-view img {
    max-width: 80vw;
    max-height: calc(80vh - 100px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.9)
}

.spl-lightbox-view figcaption {
    text-align: center;
    margin-top: 0.625rem;
    font-size: 0.875rem;
    color: #fff
}

.spl-lightbox-view figcaption:empty {
    display: none
}

.spl-lightbox-nav {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 50%;
    margin-bottom: 2rem;
    opacity: 0;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    transition: opacity .2s, -webkit-transform .2s ease-out;
    transition: opacity .2s, transform .2s ease-out;
    transition: opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out
}

.spl-lightbox-nav-item {
    position: relative;
    padding: 1.5rem;
    color: #fff;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
    border-radius: 56px;
    transition: box-shadow .2s, background .2s
}

.spl-lightbox-nav-item:hover {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2)
}

.spl-lightbox-nav-item::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.spl-lightbox-backward {
    margin-right: 1rem
}

.spl-lightbox-backward::before {
    content: "5"
}

.spl-lightbox-forward {
    margin-left: 1rem
}

.spl-lightbox-forward::before {
    content: "6"
}

.spl-lightbox-gallery {
    display: flex
}

.spl-lightbox-gallery-item {
    display: none;
    width: 5vw;
    height: 5vw;
    max-width: 52px;
    max-height: 52px;
    margin: 0 0.25rem;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer
}

.spl-lightbox-gallery-item.active {
    opacity: .8;
    display: block
}

.spl-lightbox-gallery-item.current {
    opacity: 1;
    box-shadow: 0 0 0 2px #fff;
    pointer-events: none
}

.spl-lightbox-gallery-item img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.lightbox-open {
    overflow: hidden
}

.lightbox-open .spl-lightbox {
    visibility: visible;
    transition-delay: 0s
}

.lightbox-open .spl-lightbox-overlay {
    opacity: 1
}

.lightbox-open .spl-lightbox-tool {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.lightbox-open .spl-lightbox-tool:nth-last-child(1) {
    transition-delay: .10s
}

.lightbox-open .spl-lightbox-tool:nth-last-child(2) {
    transition-delay: .15s
}

.lightbox-open .spl-lightbox-view {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.lightbox-open .spl-lightbox-nav {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pagination {
    text-align: left;
    margin: 1em 0;
    padding: 1em 0;
    border-top: 2px solid #c9dee5
}

.pagination .screen-reader-text {
    display: none
}

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

.pagination a:hover {
    color: #05baca
}

.pagination .page-numbers {
    padding: 0.375em;
    font-size: 0.75em;
    color: #0c82b6;
    font-family: "Roboto Mono", monospace;
    text-transform: uppercase
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    flex-grow: 1
}

.pagination .page-numbers.prev::before {
    font-family: "Iconfont";
    text-transform: none;
    content: ":";
    font-size: 0.8125em;
    margin-right: 0.75em
}

.pagination .page-numbers.next {
    text-align: right
}

.pagination .page-numbers.next::after {
    font-family: "Iconfont";
    text-transform: none;
    content: ";";
    font-size: 0.8125em;
    margin-left: 0.75em
}

.pagination .page-numbers.current {
    font-weight: 500;
    color: #05baca
}

@media screen and (min-width: 680px) {
    .pagination {
        margin: 2em 0;
        padding: 2em 0
    }
    .pagination .page-numbers {
        font-size: 0.875em
    }
}

.post-feed {
    padding-top: 0;
    text-align: center
}

.post-feed-inner,
.post-lite-feed-inner {
    display: flex;
    flex-wrap: wrap;
    text-align: left
}

.post-feed-inner {
    transition: padding .2s
}

.post-feed-inner.loading {
    position: relative;
    padding-bottom: 4.5rem
}

.post-feed-inner.loading:after {
    content: '';
    position: absolute;
    bottom: 2em;
    left: 50%;
    margin-left: -5px;
    display: block;
    width: 10px;
    height: 10px;
    background: #0c82b6;
    border-radius: 10px;
    -webkit-animation: postFeedLoader 1.5s ease-in-out infinite;
    animation: postFeedLoader 1.5s ease-in-out infinite
}

@-webkit-keyframes postFeedLoader {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
    50% {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
    100% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
}

@keyframes postFeedLoader {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
    50% {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
    100% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
}

.post,
.placeholder-post,
.splazy-placeholder {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 2.625em
}

.post {
    position: relative
}

.post-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.post-inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.post-sticky .post-info {
    box-shadow: inset 0 5px 0 #05baca
}

.placeholder-post {
    -webkit-animation: placeholderBlink 1s infinite;
    animation: placeholderBlink 1s infinite
}

.js .post-feed .pagination {
    display: none
}

@-webkit-keyframes placeholderBlink {
    0% {
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        opacity: 1
    }
}

@keyframes placeholderBlink {
    0% {
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        opacity: 1
    }
}

.post-img-wrap {
    background: #cae3f3
}

.post-label {
    position: absolute;
    top: 0.625em;
    left: 0.625em;
    background: #05baca;
    color: #fff;
    padding: 0.375em 0.625em;
    font-size: 0.75em;
    border-radius: 2px
}

.post-label::before {
    font-size: 0.875em;
    margin-right: 0.625em
}

.post-img {
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.post-title {
    display: block;
    width: 100%;
    font-size: 1.125em;
    line-height: 1.1875em;
    font-weight: 300
}

.post-info {
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1
}

.post-meta {
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin-top: 1.5em
}

.post-date {
    flex-grow: 1;
    white-space: pre;
    text-align: right;
    letter-spacing: 0;
    font-size: 0.6875em;
    margin-bottom: 0.5625em
}

.post-categories {
    z-index: 2
}

.post-category {
    display: inline-block;
    margin-right: 0.25em;
    margin: 0.125em 0.25em 0.125em 0;
    padding: 0
}

.post-category a {
    white-space: pre;
    font-size: 0.75em
}

.post-feed-load-more-btn {
    margin-left: auto;
    margin-right: auto
}

.filter-loading+.post-feed-load-more-btn {
    color: #a6a6a6;
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
    pointer-events: none
}

.filter-loading+.post-feed-load-more-btn::before,
.filter-loading+.post-feed-load-more-btn::after,
.filter-loading+.post-feed-load-more-btn .leet-inner::before,
.filter-loading+.post-feed-load-more-btn .leet-inner::after {
    border-color: rgba(0, 0, 0, 0.2)
}

.post-lite .post-label {
    display: none
}

.post-lite .post-info {
    box-shadow: none
}

.post-single .header {
    padding: 5.125em 0 2em 0
}

.post-single .header-bg-img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    mix-blend-mode: soft-light;
    opacity: .3
}

.post-single .post-title {
    font-size: 1.75em;
    color: #fff;
    display: block;
    overflow: visible;
    height: auto;
    -webkit-line-clamp: initial;
    text-overflow: initial
}

.post-single .post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1.125em;
    color: #fff
}

.post-single .post-date {
    flex-grow: initial;
    display: inline-block;
    text-align: left;
    font-size: 0.75em;
    margin: 0.5em 1.25em 0.5em 0
}

.post-single .post-categories {
    flex-grow: 0;
    margin: 0.5em 0
}

.post-single .post-category a {
    font-size: 0.875em;
    background: none;
    border: 1px solid #00e0d7;
    color: #00e0d7
}

.post-single .post-meta-author {
    display: flex;
    align-items: center;
    margin-top: 1.25em;
    width: 100%
}

.post-single .post-meta-author-img-wrap {
    margin-right: 0.875em;
    vertical-align: middle;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0
}

.post-single .post-author-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.post-single .post-author-img.img-hor {
    height: 100%;
    width: auto;
    max-width: none
}

.post-single .post-author-img.img-ver {
    width: 100%;
    height: auto;
    max-height: none
}

.post-single .post-meta-author-name {
    font-size: 0.875em;
    flex-shrink: 1
}

.post-single .post-meta-author-position {
    display: block;
    margin-top: 0.375em;
    font-size: 0.875em;
    opacity: .8
}

.post-single .header-content,
.post-single .post-content-inner,
.post-single-social,
.post-single-addons {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto
}

.post-single-social {
    margin-top: 3.25em
}

.post-single-social-item {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    margin-right: 6px;
    background: #7a9199;
    color: #fff;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 0 0 0 0 #7a9199;
    transition: background .2s, box-shadow .15s
}

.post-single-social-item:hover {
    box-shadow: 0 0 0 3px #0c82b6;
    background: #0c82b6
}

.post-single-social-item::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0.875em
}

.post-single-social-fb::before {
    font-size: 1.25em
}

.post-single-social-tw::before {
    font-size: 0.8125em
}

.post-single-addons {
    width: 100%
}

.post-single-tags {
    margin-bottom: 2em
}

.post-single-tag {
    display: inline-block;
    margin: 0 0.375em 0.375em 0
}

.post-author {
    padding: 1em;
    margin-bottom: 2em;
    background: #f0f5f8;
    border: 1px solid #cae3f3;
    color: #0c82b6;
    text-align: left
}

.post-author-header {
    display: flex;
    align-items: center;
    margin-bottom: 1em
}

.post-author-img-wrap {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #cae3f3;
    margin-right: 1em
}

.post-author-name {
    font-size: 1.25em;
    display: block;
    margin-bottom: 0.25em
}

.post-author-position {
    display: block;
    color: #7a9199;
    font-size: 0.75em;
    line-height: 1.25em
}

.post-author-description {
    margin: 0;
    font-size: 0.875em;
    line-height: 1.625em
}

.post-author-link {
    display: inline-block;
    margin-top: 1em;
    font-weight: 500;
    font-size: 0.875em;
    line-height: 1.625em;
    color: #05baca
}

.post-author-link:hover::after {
    -webkit-transform: translateX(80%);
    transform: translateX(80%)
}

.post-author-link::after {
    font-size: 0.6875em;
    margin-left: 0.875em;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.post-single-sibling {
    margin-top: 2.625em
}

.post-single-nav-item {
    display: flex;
    align-items: center;
    align-items: flex-start;
    margin: 2em 0
}

.post-single-nav-item.prev .post-single-nav-item-label::before,
.post-single-nav-item.next .post-single-nav-item-label::after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 1px;
    vertical-align: 34%;
    background: #05baca;
    transition: width .3s ease-in-out
}

.post-single-nav-item.prev .post-single-nav-item-label::before {
    margin-right: 0.625em
}

.post-single-nav-item.next .post-single-nav-item-label::after {
    margin-left: 0.625em
}

.post-single-nav-item:hover.prev .post-single-nav-item-label::before,
.post-single-nav-item:hover.next .post-single-nav-item-label::after {
    width: 42px
}

.post-single-nav-item:hover .post-single-nav-item-title {
    color: #05baca
}

.post-single-nav-item-img-wrap {
    position: relative;
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    margin-right: 1em;
    overflow: hidden;
    border-radius: 2px;
    background: #cae3f3
}

.post-single-nav-item-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.post-single-nav-item-img.img-hor {
    height: 100%;
    width: auto;
    max-width: none
}

.post-single-nav-item-img.img-ver {
    width: 100%;
    height: auto;
    max-height: none
}

.post-single-nav-item-inner {
    color: #0c82b6
}

.post-single-nav-item-label {
    color: #05baca;
    font-size: 0.625em
}

.post-single-nav-item-title {
    font-size: 0.875em;
    margin: 0.375em 0;
    line-height: 1.375em
}

.post-single-nav-item-date {
    font-size: 0.75em;
    color: #7a9199
}

.js .post-single .asleep,
.js .post-lite-feed-inner.asleep-familly::before,
.js .post-lite-feed+.btn-wrap.asleep {
    opacity: 0;
    transition: opacity 1s
}

.js .post-single .awake,
.js .post-lite-feed-inner.awake-familly::before,
.js .post-lite-feed+.btn-wrap.awake {
    opacity: 1
}

@media screen and (min-width: 480px) {
    .post-info {
        padding: 1.25em
    }
    .post-title {
        font-size: 1.375em
    }
    .post-meta {
        margin-top: 1.625em
    }
    .post-date {
        font-size: 0.75em
    }
    .post-categories {
        bottom: 1.125em;
        left: 1.25em;
        right: 120px
    }
    .post-category a {
        font-size: 0.875em
    }
    .post-single .post-meta {
        margin-top: 1.5em
    }
    .post-single .post-title {
        font-size: 2em
    }
    .post-single .post-meta-author {
        flex-grow: 1;
        justify-content: flex-end;
        width: auto;
        margin: 0 0 0 0.625em
    }
    .post-single .post-meta-author-name {
        max-width: 150px
    }
    .post-single .post-meta-author-position {
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        display: -webkit-box;
        overflow: hidden
    }
    .post-single .post-content {
        margin-top: 1em
    }
    .post-author {
        padding: 1.625em
    }
    .post-author-header {
        margin-bottom: 1.375em
    }
    .post-author-img-wrap {
        width: 58px;
        height: 58px
    }
    .post-author-name {
        font-size: 1.375em
    }
    .post-author-position {
        font-size: 0.875em
    }
}

@media screen and (min-width: 560px) {
    .post-feed-inner,
    .post-lite-feed-inner {
        margin-left: -1%;
        margin-right: -1%
    }
    .post,
    .placeholder-post,
    .splazy-placeholder {
        position: relative;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 6%
    }
    .post-categories {
        right: 110px
    }
    .post::before,
    .post::after,
    .post-inner::before,
    .post-inner::after {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        border-style: solid;
        border-color: #05baca;
        opacity: 0;
        border-width: 0px;
        pointer-events: none;
        transition: border .3s, opacity .3s, -webkit-transform .3s;
        transition: border .3s, transform .3s, opacity .3s;
        transition: border .3s, transform .3s, opacity .3s, -webkit-transform .3s;
        z-index: 1
    }
    .post::before {
        top: -12px;
        left: -12px;
        border-bottom: none;
        border-right: none;
        -webkit-transform: translate(-25%, -25%);
        transform: translate(-25%, -25%)
    }
    .post::after {
        top: -12px;
        right: -12px;
        border-left: none;
        border-bottom: none;
        -webkit-transform: translate(25%, -25%);
        transform: translate(25%, -25%)
    }
    .post-inner::before {
        bottom: -12px;
        left: -12px;
        border-top: none;
        border-right: none;
        -webkit-transform: translate(-25%, 25%);
        transform: translate(-25%, 25%)
    }
    .post-inner::after {
        bottom: -12px;
        right: -12px;
        border-top: none;
        border-left: none;
        -webkit-transform: translate(25%, 25%);
        transform: translate(25%, 25%)
    }
    .post-img-wrap::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../img/abstract/pattern-tiles.png);
        opacity: 0;
        transition: opacity .3s
    }
    .post-title {
        font-size: 1.125em;
        height: 84px;
        -webkit-line-clamp: 4;
        text-overflow: ellipsis;
        display: -webkit-box;
        overflow: hidden
    }
    .post-meta {
        margin-top: 1.375em
    }
    .post-date {
        font-size: 0.6875em
    }
    .post-category a {
        font-size: 0.75em
    }
    .post-lite-feed .wrap-l {
        position: relative
    }
    .post-lite-feed-inner::before {
        content: '';
        position: absolute;
        top: 88px;
        left: -20px;
        right: -20px;
        bottom: -40px;
        background: #f0f5f8
    }
    .notouch .post:hover::before,
    .notouch .post:hover::after,
    .notouch .post:hover .post-inner::before,
    .notouch .post:hover .post-inner::after {
        opacity: 1;
        border-width: 4px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .notouch .post:hover .post-img-wrap::after {
        opacity: 1
    }
    .notouch .post:hover .post-img,
    .notouch .post:hover .img-wrap-ratio .post-img {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1)
    }
}

@media screen and (min-width: 680px) {
    .post-feed-inner,
    .post-lite-feed-inner {
        margin-left: -1.5%;
        margin-right: -1.5%
    }
    .post,
    .placeholder-post,
    .splazy-placeholder {
        width: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%
    }
    .post-lite-feed-inner::before {
        left: -30px;
        right: -30px
    }
    .post-single {
        position: relative
    }
    .post-single .header {
        padding: 6.375em 0 3.875em 0
    }
    .post-single .post-title {
        font-size: 2.25em
    }
    .post-single .post-meta {
        margin-top: 1.375em
    }
    .post-single .post-meta-author-name {
        max-width: 300px
    }
    .post-single .post-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 1.625em
    }
    .post-single .post-content-inner {
        margin-left: 0
    }
    .post-single .header-content,
    .post-single-social,
    .post-single-addons {
        max-width: none
    }
    .post-single-social {
        position: -webkit-sticky;
        position: sticky;
        top: 92px;
        width: 34px;
        margin: 0
    }
    .post-single-social:hover .post-single-social-item {
        background: #7a9199
    }
    .post-single-social:hover .post-single-social-item:hover {
        background: #0c82b6
    }
    .post-single-social-item {
        margin: 0 0 6px 0;
        background: #dde7eb
    }
    .post-single-tags {
        margin-bottom: 3.25em
    }
    .post-author {
        margin-bottom: 3.25em
    }
    .post-author-description,
    .post-author-link {
        margin-left: 74px
    }
    .post-author-link {
        margin-top: 2em;
        margin-bottom: 1em
    }
    .post-single-nav-sibling {
        margin-bottom: 3.25em;
        display: flex
    }
    .post-single-nav-item {
        margin: 0;
        width: 50%
    }
    .post-single-nav-item.prev .post-single-nav-item-label::before,
    .post-single-nav-item.next .post-single-nav-item-label::after {
        content: '';
        display: inline-block;
        width: 22px;
        height: 1px;
        vertical-align: 34%;
        background: #05baca;
        transition: width .3s ease-in-out
    }
    .post-single-nav-item.prev {
        padding-right: 1.25em
    }
    .post-single-nav-item.prev .post-single-nav-item-label::before {
        margin-right: 0.625em
    }
    .post-single-nav-item.next {
        justify-content: flex-end;
        text-align: right;
        padding-right: 0;
        padding-left: 1.25em
    }
    .post-single-nav-item.next .post-single-nav-item-img-wrap {
        margin-right: 0;
        margin-left: 1.25em
    }
    .post-single-nav-item.next .post-single-nav-item-inner {
        order: -1
    }
    .post-single-nav-item.next .post-single-nav-item-label::after {
        margin-left: 0.625em
    }
    .post-single-nav-item:hover.prev .post-single-nav-item-label::before,
    .post-single-nav-item:hover.next .post-single-nav-item-label::after {
        width: 42px
    }
    .post-single-nav-item-img-wrap {
        width: 74px;
        height: 74px
    }
    .post-single-nav-item-title {
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        overflow: hidden
    }
}

@media screen and (min-width: 1024px) {
    .post-feed-inner,
    .post-lite-feed-inner {
        margin-left: -1.5%;
        margin-right: -1.5%
    }
    .post,
    .placeholder-post,
    .splazy-placeholder {
        width: 30.33333%;
        margin-left: 1.5%;
        margin-right: 1.5%
    }
    .post-info {
        padding: 1.25em
    }
    .post-meta {
        margin-top: 1.625em
    }
    .post-category a {
        font-size: 0.8125em
    }
    .post-lite-feed-inner::before {
        left: -70px;
        right: -70px
    }
    .post-single .header {
        padding: 8.875em 0
    }
    .post-single .post-title {
        font-size: 2.375em
    }
    .post-single .post-meta {
        margin-top: 2em
    }
    .post-single .post-meta-author-name {
        max-width: 360px
    }
    .post-single-tags {
        margin-bottom: 4.125em
    }
    .post-author {
        margin-bottom: 4.5em
    }
    .post-author-img-wrap {
        width: 70px;
        height: 70px
    }
    .post-author-name {
        font-size: 1.5em
    }
    .post-author-description,
    .post-author-link {
        margin-left: 86px
    }
    .post-single-nav-sibling {
        margin-bottom: 4.5em
    }
}

@media screen and (min-width: 1200px) {
    .post-feed-inner,
    .post-lite-feed-inner {
        margin-left: -1.75%;
        margin-right: -1.75%
    }
    .post,
    .placeholder-post,
    .splazy-placeholder {
        width: 29.83333%;
        margin-left: 1.75%;
        margin-right: 1.75%
    }
    .post-title {
        font-size: 1.5em;
        height: 112px
    }
    .post-info {
        padding: 1.375em
    }
    .post-meta {
        margin-top: 2em
    }
    .post-date {
        margin-bottom: 0.375em;
        font-size: 0.75em
    }
    .post-categories {
        right: 120px
    }
    .post-category a {
        font-size: 0.875em
    }
    .post-lite-feed-inner::before {
        left: -70px;
        right: -70px
    }
    .post-single .header {
        padding: 10.75em 0
    }
    .post-single .post-title {
        font-size: 2.625em
    }
    .post-single-nav-item-label {
        font-size: 0.75em
    }
    .post-single-nav-item-img-wrap {
        width: 80px;
        height: 80px
    }
}

.news {
    position: relative;
    margin-bottom: 2.625em
}

.news-date {
    display: none;
    position: absolute;
    top: 0.3125em;
    left: -4.125em;
    font-size: 1em;
    color: #05baca;
    text-align: right
}

.news-date-month {
    display: block;
    font-size: 1em
}

.news-date-day {
    display: block;
    font-size: 2.0625em;
    letter-spacing: -0.03125em
}

.news-title {
    font-size: 1.25em;
    line-height: 1.125em
}

.news-meta {
    margin: 1em 0
}

.news-published,
.news-location {
    display: inline-block
}

.news-published::before,
.news-location::before {
    margin-right: 0.375em;
    font-size: 0.75em;
    color: #8ea9b2
}

.news-published {
    margin-right: 0.5em
}

.news-published::before {
    margin-right: 0.5em
}

.news-single {
    padding-top: 0
}

.news-single .news-content {
    border-bottom: 2px solid #c9dee5;
    margin-bottom: 2em;
    padding-bottom: 2em
}

.news-single .news-nav-item {
    margin-bottom: 2em
}

.news-single .news-nav-link {
    display: block
}

.news-single .news-nav-item.prev .news-nav-label::before {
    margin-right: 0.625em
}

.news-single .news-nav-item.next {
    text-align: right
}

.news-single .news-nav-item.next .news-nav-label::after {
    margin-left: 0.625em
}

.news-single .news-nav-label {
    color: #05baca;
    margin-bottom: 0.625em
}

.news-single .news-nav-item.prev .news-nav-label::before,
.news-single .news-nav-item.next .news-nav-label::after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 1px;
    vertical-align: 34%;
    background: #05baca;
    transition: width .3s ease-in-out
}

.news-single .news-nav-item.prev .news-nav-link:hover .news-nav-label::before,
.news-single .news-nav-item.next .news-nav-link:hover .news-nav-label::after {
    width: 42px
}

.news-single .news-nav-title {
    margin: 0.5em 0;
    font-size: 0.875em;
    line-height: 1.25em
}

.news-single .news-nav-date {
    font-size: 0.75em;
    color: #7a9199
}

.news-lite {
    margin: 1.25em 0
}

.news-lite .news-link {
    display: flex;
    align-items: center
}

.news-lite .news-link:hover .news-lite-title {
    color: #05baca
}

.news-lite .news-date {
    position: static;
    display: block;
    margin-right: 1em
}

.news-lite .news-date-month {
    white-space: pre
}

.news-lite-title {
    line-height: 1.375em;
    font-size: 0.875em;
    max-height: 56px;
    overflow: hidden
}

@media screen and (min-width: 680px) {
    .news {
        margin-bottom: 3.25em
    }
    .news-title {
        font-size: 1.375em;
        font-weight: 300
    }
    .news-single .news-title {
        font-size: 1.625em
    }
    .news-single .news-meta {
        margin: 1.375em 0
    }
    .news-single .news-content {
        margin-bottom: 2.625em
    }
    .news-single .news-nav-sibling {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2.625em
    }
    .news-single .news-nav-item {
        width: 40%;
        margin: 0
    }
    .news-lite-feed-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .news-lite {
        width: 29%
    }
    .news-lite .news-link {
        display: block
    }
    .news-lite .news-date {
        text-align: left;
        margin-bottom: 0.375em
    }
    .news-lite-title {
        max-height: none
    }
}

@media screen and (min-width: 1024px) {
    .news {
        margin-bottom: 4.5em
    }
    .news-title {
        font-size: 1.5em
    }
    .news-single .news-title {
        font-size: 2em
    }
    .news-single .news-content {
        font-size: 1.125em
    }
    .news-lite {
        margin-top: 0
    }
    .news-lite .news-link {
        display: flex;
        align-items: flex-start
    }
    .news-lite .news-date {
        text-align: right
    }
}

@media screen and (min-width: 1200px) {
    .news-lite .news-date {
        font-size: 1.375em
    }
    .news-lite .news-date-month {
        font-size: 0.875em
    }
    .news-lite .news-date-day {
        letter-spacing: -0.125em;
        font-size: 2.125em
    }
    .news-lite-title {
        font-size: 1em
    }
}

@media screen and (min-width: 1520px) {
    .news-date {
        display: block
    }
}

.person-list {
    border: 1px solid #f0f5f8;
    border-top: none
}

.person {
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #f0f5f8
}

.person .person-link {
    position: relative;
    display: block;
    transition: box-shadow .2s
}

.person .person-link:hover {
    z-index: 2;
    box-shadow: 0 0 0 10px #fff, 0 9px 35px 10px rgba(133, 177, 204, 0.25)
}

.person .person-link:hover .person-addon {
    opacity: 1;
    -webkit-clip-path: inset(-1% -1% -1% -1%);
    clip-path: inset(-1% -1% -1% -1%)
}

.person .person-link:hover .detect-bg {
    opacity: .15
}

.person .person-link:hover .detect-corners {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.person .person-link:hover .detect-lines line {
    stroke-dashoffset: 0
}

.person .person-img-wrap {
    font-size: 0;
    padding: 32px 16px 0 16px;
    max-height: 302px;
    overflow: hidden
}

.person .person-thumbnail {
    max-width: 300px;
    width: 100%
}

.person .person-details {
    padding: 1.25em;
    border-top: 1px solid #f0f5f8
}

.person .person-addons {
    text-align: left;
    position: absolute;
    top: 1em;
    left: 1em;
    width: 90%;
    pointer-events: none;
    z-index: 3
}

.person .person-addon {
    margin-bottom: 0.375em;
    text-transform: none;
    letter-spacing: 0.01563em;
    opacity: 0;
    max-width: none;
    transition: opacity .3s
}

.person .person-addon:nth-child(1) {
    transition-delay: .00s
}

.person .person-addon:nth-child(2) {
    transition-delay: .05s
}

.person .person-addon:nth-child(3) {
    transition-delay: .10s
}

.person .person-addon:nth-child(4) {
    transition-delay: .15s
}

.person .person-addon:nth-child(5) {
    transition-delay: .20s
}

.person .person-title {
    color: #0c82b6
}

.person .person-position {
    font-size: 0.875em;
    color: #7a9199;
    margin: 0.125em 0 0 0
}

.person .person-bio {
    display: none
}

.person .person-detect {
    position: absolute;
    top: 2.5%;
    left: 20%;
    width: 63%
}

.person .detect-bg {
    opacity: 0;
    transition: opacity .3s .2s
}

.person .detect-corners {
    opacity: 0;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.person .detect-lines line {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.6, 1)
}

.js .person.asleep {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.js .person.awake {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.popup-person {
    padding: 0.625em 0.625em 1.25em 0.625em;
    margin-top: 100px;
    min-height: calc(100vh - 100px)
}

.popup-person .popup-box-inner {
    height: auto;
    overflow-y: visible
}

.popup-person .person-img-wrap {
    position: relative;
    width: 164px;
    height: 164px;
    margin: -5.125em auto 0 auto;
    overflow: hidden;
    border-radius: 164px;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.popup-person .person-img-wrap img {
    position: absolute;
    width: 200px;
    max-width: none
}

.popup-person .person-img-wrap.align-x-left img {
    left: 0
}

.popup-person .person-img-wrap.align-x-center img {
    left: 50%;
    margin-left: -100px
}

.popup-person .person-img-wrap.align-x-right img {
    right: 0
}

.popup-person .person-img-wrap.align-y-top img {
    top: 0
}

.popup-person .person-img-wrap.align-y-center img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-person .person-img-wrap.align-y-bottom img {
    bottom: 0
}

.popup-person .person-title {
    font-family: "K2D", sans-serif;
    font-size: 1.625em;
    font-weight: 100;
    color: #0c82b6
}

.popup-person .person-addons {
    display: none
}

.popup-person .person-details {
    text-align: center;
    margin: 1em 0 2em 0
}

.popup-person .person-position {
    margin: 0.375em 0 0 0;
    color: #7a9199
}

.popup-person .person-bio {
    max-height: calc(100vh - 310px);
    overflow-y: scroll;
    padding-right: 0.375em
}

.popup-person .person-bio p:first-child {
    margin-top: 0
}

.popup-person .person-bio::-webkit-scrollbar {
    width: 4px;
    background: #fff
}

.popup-person .person-bio::-webkit-scrollbar-track {
    background: #fff
}

.popup-person .person-bio::-webkit-scrollbar-thumb {
    background: #cccccc
}

.popup-person .person-detect {
    display: none
}

@supports (-webkit-clip-path: inset(-1% -1% -1% -1%)) or (clip-path: inset(-1% -1% -1% -1%)) {
    .person .person-addon {
        opacity: 1;
        transition-property: -webkit-clip-path;
        transition-property: clip-path;
        transition-property: clip-path, -webkit-clip-path
    }
    .popup-person .person-img-wrap {
        border-radius: 0
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .person:nth-child(even) {
        border-right-color: transparent
    }
    .person:nth-child(even) .person-link:hover .person-addon {
        -webkit-clip-path: inset(-1% -1% -1% -1%);
        clip-path: inset(-1% -1% -1% -1%)
    }
    .person:nth-child(even) .person-addons {
        right: auto;
        left: 0;
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%)
    }
    .person:nth-child(even) .person-addon {
        text-align: right;
        -webkit-clip-path: inset(-1% -1% -1% 101%);
        clip-path: inset(-1% -1% -1% 101%)
    }
}

@media screen and (min-width: 480px) {
    .person-list {
        display: flex;
        flex-wrap: wrap
    }
    .person-list .person:nth-child(odd) .person-addons {
        width: 100%;
        right: 0;
        left: auto;
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }
    .person-list .person:nth-child(even) {
        border-right-color: transparent
    }
    .person {
        border-right: 1px solid #f0f5f8;
        width: 50%
    }
    .popup-person {
        margin-top: 0;
        min-height: 0;
        padding: 1.75em
    }
    .popup-person .popup-box-inner {
        padding: 0;
        max-height: none
    }
    .popup-person .person-title {
        font-size: 2em;
        letter-spacing: -0.04688em
    }
    .popup-person .person-bio {
        max-height: calc(100vh - 420px);
        min-height: 100px
    }
}

@media screen and (min-width: 680px) {
    .popup-person {
        padding: 2.625em
    }
    .popup-person .popup-box-inject::before {
        content: none
    }
    .popup-person .person-img-wrap {
        margin: 0;
        position: absolute;
        right: -3.25em;
        top: -3.25em;
        -webkit-transform: translate(40px, -40px);
        transform: translate(40px, -40px);
        opacity: 0;
        transition: opacity .2s, -webkit-transform .2s;
        transition: opacity .2s, transform .2s;
        transition: opacity .2s, transform .2s, -webkit-transform .2s
    }
    .popup-person .person-details {
        text-align: left;
        margin-bottom: 1em;
        margin-top: 0
    }
    .popup-person .person-title {
        font-size: 2.625em;
        letter-spacing: -0.0625em
    }
    .popup-person .person-position {
        font-size: 1.125em;
        margin-top: 0.125em
    }
    .trigger-input-popup:checked~.popup .popup-person .person-img-wrap {
        opacity: 1;
        transition-delay: .1s;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width: 1024px) {
    .person-list .person,
    .person-list .person:nth-child(even) {
        border-right: 1px solid #f0f5f8
    }
    .person-list .person .person-addons,
    .person-list .person:nth-child(even) .person-addons {
        right: 0;
        left: auto;
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }
    .person-list .person:nth-child(4n) {
        border-right-color: transparent
    }
    .person-list .person:nth-child(4n) .person-link:hover .person-addon {
        -webkit-clip-path: inset(-1% -1% -1% -1%);
        clip-path: inset(-1% -1% -1% -1%)
    }
    .person-list .person:nth-child(4n) .person-addons {
        right: auto;
        left: 0;
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%)
    }
    .person-list .person:nth-child(4n) .person-addon {
        text-align: right;
        -webkit-clip-path: inset(-1% -1% -1% 101%);
        clip-path: inset(-1% -1% -1% 101%)
    }
    .person {
        text-align: left;
        width: 25%
    }
}

@media screen and (min-height: 680px) {
    .popup-person .person-bio {
        max-height: 340px
    }
}

.exp-list-item {
    margin-bottom: 2em
}

.exp-list-title {
    font-size: 1.375em;
    margin-bottom: 0.1875em
}

.exp-list-subtitle {
    font-weight: 300;
    margin: 0
}

.exp-list-predescription {
    font-weight: 500;
    margin-bottom: 0
}

.exp-list-predescription~.exp-list-description p:first-child {
    margin-top: 0
}

.exp-list-description {
    overflow: hidden;
    max-height: 100px;
    visibility: visible
}

.exp-list-label {
    display: inline-block;
    color: #05baca
}

.exp-list-label-input:checked~.exp-list-description {
    max-height: none
}

.exp-list-label-input:checked~.exp-list-description~.exp-list-label {
    font-size: 0
}

.exp-list-label-input:checked~.exp-list-description~.exp-list-label::before {
    content: attr(data-close);
    font-size: 12px
}

.js .exp-list-item.asleep .exp-list-title:before {
    width: 0;
    left: -18px;
    transition: left .5s .5s ease-in-out, width .5s .5s ease-in-out
}

.js .exp-list-item.awake .exp-list-title:before {
    left: -80px;
    width: 62px
}

@media screen and (min-width: 680px) {
    .exp-list-item {
        margin-bottom: 3.25em
    }
    .exp-list-title {
        position: relative;
        font-size: 1.75em;
        font-weight: 100
    }
    .exp-list-title::before {
        content: '';
        position: absolute;
        top: 50%;
        height: 1px;
        background: #05baca
    }
    .exp-list-label {
        margin-top: 1.125em
    }
}

@media screen and (min-width: 1200px) {
    .exp-list-item {
        margin-bottom: 4.5em
    }
}

.product {
    margin-bottom: 3.875em
}

.product-img-wrap {
    text-align: center
}

.product-img {
    width: 150px
}

.product-title {
    font-size: 1.375em;
    margin-bottom: 0.1875em
}

.product-details {
    overflow: hidden;
    max-height: 115px;
    visibility: visible
}

.product-details .list-item {
    font-size: 0.875em
}

.product-description {
    margin-bottom: 2em
}

.product-label {
    margin-top: 1em;
    display: inline-block;
    color: #05baca
}

.product-label-input:checked~.product-details {
    max-height: none
}

.product-label-input:checked~.product-details~.product-label {
    font-size: 0
}

.product-label-input:checked~.product-details~.product-label::before {
    content: attr(data-close);
    font-size: 12px
}

.product-links {
    margin-top: 1em
}

.product-links .btn-link {
    font-size: 0.75em;
    margin: 0.5em 0.5em 0 0
}

@media screen and (min-width: 680px) {
    .product-title {
        position: relative;
        font-size: 1.5em;
        font-weight: 300
    }
    .product-links .btn-link {
        font-size: 0.875em
    }
}

@media screen and (min-width: 1024px) {
    .product {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 4.5em
    }
    .product-img-wrap {
        width: 30%;
        text-align: left
    }
    /* .product-img {
        width: 200px
    } */
    .product-img {
        width: 250px;
        padding-top: 25px;
    }
    .product-content {
        margin-top: 1em;
        width: 70%
    }
    .product-details {
        max-height: 92px
    }
}

.header {
    padding: 4.8125em 0;
    color: #fff
}

.header::after {
    content: attr(data-bg);
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50px;
    left: 50px
}

.header .video {
    margin-top: 2.625em
}

.header .video-poster {
    max-width: 360px;
    box-shadow: 0 9px 35px rgba(1, 42, 66, 0.25);
    font-size: 0
}

.header-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: -0;
    pointer-events: none
}

.header-title {
    color: #fff;
    font-size: 1.625em
}

.header-text-content {
    position: relative
}

.header-text {
    margin: 1em 0;
    font-weight: 300
}

.header-type-text::before {
    z-index: 1
}

.js .header.asleep {
    box-shadow: inset 0 1200px #fff;
    transition: box-shadow 1s ease-out
}

.js .header.asleep .header-bg-img {
    opacity: 0;
    transition: opacity 1s ease-out
}

.js .header.asleep .header-text {
    opacity: 0;
    transition: opacity 1s 1.2s
}

.js .header.asleep .video,
.js .header.asleep .header-btn-wrap {
    opacity: 0;
    transition: opacity 1s 1.5s
}

.js .header.awake {
    box-shadow: inset 0 1200px rgba(255, 255, 255, 0)
}

.js .header.awake .header-bg-img {
    opacity: 1
}

.js .header.awake .header-text {
    opacity: 1
}

.js .header.awake .video,
.js .header.awake .header-btn-wrap {
    opacity: 1
}

.js .header .suptitle::before {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

@media screen and (min-width: 480px) {
    .header-title {
        font-size: 2.25em
    }
}

@media screen and (min-width: 680px) {
    .header {
        padding: 6.25em 0
    }
    .header-title {
        font-size: 2.375em
    }
}

@media screen and (min-width: 1024px) {
    .header {
        padding: 10.125em 0
    }
    .header .video {
        width: 45%
    }
    .header .video-poster {
        width: 100%;
        max-width: none
    }
    .header-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }
    .header-text-content {
        width: 50%
    }
    .header-title {
        font-size: 2.75em
    }
}

@media screen and (min-width: 1200px) {
    .header {
        padding: 11.25em 0
    }
    .header .video {
        width: 40%;
        margin-right: 4.5em
    }
    .header-text-content {
        width: 40%
    }
    .header-text {
        font-size: 1.125em
    }
    .header-title {
        font-size: 3.125em
    }
    .header-type-text .wrap-page-extra {
        max-width: 940px
    }
    .header-type-text .header-text-content {
        width: 640px
    }
}

@media screen and (min-width: 1520px) {
    .header {
        padding: 13.75em 0
    }
    .header .video {
        width: 40%;
        margin-right: 7.5em
    }
    .header-title {
        font-size: 3.75em
    }
}

.dual {
    position: relative
}

.dual.text-type-milestone .dual-inner {
    position: relative;
    padding-left: 1em
}

.dual.text-type-milestone .dual-inner::before {
    content: '';
    position: absolute;
    top: 2.625em;
    left: 0;
    width: 3px;
    height: 100%;
    height: calc(100%+52px);
    background: #e4eef3
}

.dual.text-type-milestone .dual-text {
    position: relative
}

.dual.text-type-milestone .dual-text::before {
    content: attr(data-index);
    position: absolute;
    top: -0.375em;
    left: -0.75em;
    font-family: "Roboto Mono", monospace;
    letter-spacing: -0.04688em;
    color: #e4eef3;
    font-size: 1em;
    z-index: -1
}

.dual.text-type-milestone .dual-text h1,
.dual.text-type-milestone .dual-text h2,
.dual.text-type-milestone .dual-text h3 {
    color: #0c82b6;
    font-weight: 500;
    font-size: 1.375em;
    font-family: "K2D", sans-serif
}

.dual.text-type-milestone:last-child .dual-inner::before {
    content: none
}

.dual-inner {
    margin-bottom: 3.25em
}

.dual-media {
    max-width: 360px;
    margin-top: 2.625em
}

.js .dual.asleep .dual-text-content {
    opacity: 0;
    transition: opacity 1s .5s, -webkit-transform 1s .5s;
    transition: opacity 1s .5s, transform 1s .5s;
    transition: opacity 1s .5s, transform 1s .5s, -webkit-transform 1s .5s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.js .dual.asleep .dual-media {
    opacity: 0;
    transition: opacity 1s
}

.js .dual.awake .dual-text-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js .dual.awake .dual-media {
    opacity: 1
}

.js .dual.text-type-milestone.asleep .dual-inner::before {
    height: 0;
    transition: height 1s 1s ease-in-out
}

.js .dual.text-type-milestone.awake .dual-inner::before {
    height: 100%;
    height: calc(100%+52px)
}

@supports (color: #000) {
    .dual.text-type-milestone .dual-text::before {
        font-size: 3.25em
    }
}

@media screen and (min-width: 680px) {
    .dual.text-type-milestone .dual-inner {
        padding-left: 2em
    }
    .dual.text-type-milestone .dual-inner::before {
        top: 3.25em
    }
    .dual.text-type-milestone .dual-text::before {
        font-size: 3.875em;
        left: -1.0625em
    }
    .dual.text-type-milestone .dual-text h1,
    .dual.text-type-milestone .dual-text h2,
    .dual.text-type-milestone .dual-text h3 {
        font-size: 1.75em;
        font-weight: 300;
        letter-spacing: -0.03125em
    }
}

@media screen and (min-width: 1024px) {
    .dual-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5.75em
    }
    .dual-text-content {
        width: 44%;
        order: 2
    }
    .dual-text {
        max-width: 500px
    }
    .dual-media {
        max-width: none;
        width: 50%;
        margin: 0
    }
    .dual.text-type-milestone .dual-inner {
        padding-left: 0
    }
    .dual.text-type-milestone .dual-inner::before {
        left: 57%;
        top: 7.125em;
        height: calc(100%+92px+28px)
    }
    .dual.text-type-milestone .dual-text-content {
        padding-left: 2em
    }
    .dual.text-type-milestone .dual-text {
        font-size: 1.125em
    }
    .dual.text-type-milestone .dual-text::before {
        left: -0.875em;
        top: -0.625em
    }
    .dual.text-type-milestone .dual-text h1,
    .dual.text-type-milestone .dual-text h2,
    .dual.text-type-milestone .dual-text h3 {
        font-size: 2em;
        font-weight: 100
    }
    .js .dual.text-type-milestone.awake .dual-inner::before {
        height: calc(100%+92px+28px)
    }
}

@media screen and (min-width: 1200px) {
    .dual.text-type-milestone .dual-inner::before {
        left: 57%;
        top: 8.875em
    }
    .dual.text-type-milestone .dual-text {
        font-size: 1.25em;
        font-weight: 300
    }
    .dual.text-type-milestone .dual-text::before {
        font-size: 94px;
        left: -0.75em
    }
}

@media screen and (min-width: 1520px) {
    .dual.text-type-milestone .dual-inner::before {
        left: 61.6%;
        top: 12em
    }
    .dual.text-type-milestone .dual-text-content {
        padding-left: 5.75em
    }
    .dual.text-type-milestone .dual-text {
        padding-left: 1em;
        max-width: 460px
    }
    .dual.text-type-milestone .dual-text::before {
        left: -0.6875em
    }
}

.split {
    text-align: center;
    color: #fff
}

.split .trigger-label {
    padding: 3.25em 0.625em
}

.split-item {
    position: relative
}

.split-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: top center
}

.split-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none
}

.split-content {
    position: relative
}

.split-suptitle {
    display: block;
    margin-bottom: 0.375em
}

.split-title {
    color: #fff;
    font-size: 1.625em
}

.split-subtitle {
    display: inline-block;
    margin-top: 2.25em;
    font-size: 0.75em;
    opacity: .5
}

@media screen and (min-width: 680px) {
    .split .trigger-label {
        padding: 3.875em 1em
    }
}

@media screen and (min-width: 1024px) {
    .split-section {
        position: relative
    }
    .split-heading {
        position: absolute;
        top: 2.625em;
        left: 0;
        width: 100%;
        color: #fff;
        z-index: 5;
        margin: 0;
        opacity: .3;
        pointer-events: none;
        text-align: center
    }
    .split-title-section {
        color: #fff;
        padding: 0 0 0.625em 0;
        margin: 0;
        font-size: 2em
    }
    .split-title-section::after {
        background: #fff;
        height: 1px
    }
    .split-title-section.decrypt::after {
        width: 52px
    }
    .split {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        height: 100vh;
        width: 100vw;
        background-size: cover;
        background-position: top center
    }
    .split:hover .split-background {
        opacity: 0
    }
    .split:hover .split-item {
        overflow: visible;
        -webkit-animation: hiddenToVisible .3s forwards;
        animation: hiddenToVisible .3s forwards
    }
    .split:hover .split-content {
        opacity: .3
    }
    .split::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 0
    }
    .split .trigger-label {
        position: relative;
        height: 100vh;
        z-index: 3;
        box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1)
    }
    .split .split-item:nth-child(2) .split-background {
        left: -100%
    }
    .split .split-item:nth-child(3) .split-background {
        left: -200%
    }
    .split .split-item:nth-child(4) .split-background {
        left: -300%
    }
    .split .split-item:nth-child(5) .split-background {
        left: -400%
    }
    .split .split-item:nth-child(6) .split-background {
        left: -500%
    }
    .split-item {
        overflow: hidden;
        width: 20%
    }
    .split-item:hover .split-background {
        opacity: 1
    }
    .split-item:hover .split-content {
        opacity: 1
    }
    .split-item:hover .split-subtitle {
        opacity: 1
    }
    .split-background {
        width: 100vw;
        z-index: 2;
        pointer-events: none;
        transition: opacity .3s
    }
    .split-content {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transition: opacity .3s
    }
    .split-subtitle {
        transition: opacity .3s
    }
    .js .split::after {
        transition: opacity 0s 1s
    }
    .js .split.asleep-familly {
        pointer-events: none
    }
    .js .split.asleep-familly::after {
        opacity: 0
    }
    .js .split.asleep-familly.awake-familly {
        pointer-events: auto
    }
    .js .split.awake-familly {
        -webkit-animation: pointerEventNoneToAuto .1s 1.1s forwards;
        animation: pointerEventNoneToAuto .1s 1.1s forwards
    }
    .js .split.awake-familly::after {
        opacity: 1
    }
    .js .split-item {
        transition: height 1.2s cubic-bezier(0.65, 0, 0.45, 1)
    }
    .js .split-item.asleep {
        height: 0
    }
    .js .split-item.asleep .split-background::after {
        opacity: 0
    }
    .js .split-item.asleep .split-suptitle,
    .js .split-item.asleep .split-title,
    .js .split-item.asleep .split-subtitle {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    .js .split-item.awake {
        height: 100%
    }
    .js .split-item.awake .split-background::after {
        opacity: 1
    }
    .js .split-item.awake .split-suptitle,
    .js .split-item.awake .split-title,
    .js .split-item.awake .split-subtitle {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .js .split-suptitle,
    .js .split-title,
    .js .split-subtitle {
        transition: opacity .5s 1s, -webkit-transform .5s 1s;
        transition: opacity .5s 1s, transform .5s 1s;
        transition: opacity .5s 1s, transform .5s 1s, -webkit-transform .5s 1s
    }
    .js .split-suptitle {
        transition-delay: .8s
    }
    .js .split-title {
        transition-delay: .9s
    }
    .js .split-subtitle {
        transition-delay: 1s
    }
}

.grid {
    overflow: hidden
}

.grid.align-items-flex-start .grid-inner {
    align-items: flex-start
}

.grid.align-items-flex-end .grid-inner {
    align-items: flex-end
}

.grid.align-items-center .grid-inner {
    align-items: center
}

.grid.align-items-baseline .grid-inner {
    align-items: baseline
}

.grid.gutter-x-s .grid-inner {
    margin-left: -2%;
    margin-right: -2%
}

.grid.gutter-x-s .grid-item {
    padding-left: 2%;
    padding-right: 2%
}

.grid.gutter-x-m .grid-inner {
    margin-left: -5%;
    margin-right: -5%
}

.grid.gutter-x-m .grid-item {
    padding-left: 5%;
    padding-right: 5%
}

.grid.gutter-x-l .grid-inner {
    margin-left: -8%;
    margin-right: -8%
}

.grid.gutter-x-l .grid-item {
    padding-left: 8%;
    padding-right: 8%
}

.grid.gutter-y-s .grid-inner {
    margin-bottom: -1em
}

.grid.gutter-y-s .grid-item {
    margin-bottom: 1em
}

.grid.gutter-y-m .grid-inner {
    margin-bottom: -1.375em
}

.grid.gutter-y-m .grid-item {
    margin-bottom: 1.375em
}

.grid.gutter-y-l .grid-inner {
    margin-bottom: -2.25em
}

.grid.gutter-y-l .grid-item {
    margin-bottom: 2.25em
}

.grid.has-grayscale .grid-item {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition-property: all
}

.grid.has-grayscale .grid-item:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grid-inner {
    display: flex;
    flex-wrap: wrap
}

.section-heading+.grid {
    padding-top: 0
}

.grid-item {
    width: 50%;
    padding-left: 1px;
    margin-bottom: 1.375em
}

.grid-item-img {
    display: flex
}

.grid-item-img-wrap {
    margin: auto;
    width: 100%
}

.grid-item-video {
    -webkit-transform: none !important;
    transform: none !important
}

.grid-item-video .video-poster {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.grid-item-video .video-poster img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.js .grid-item-video.asleep {
    margin-top: 0.9375em;
    transition: opacity .5s, margin .5s ease-out
}

.js .grid-item-video.awake {
    margin-top: 0
}

.grid-item-video-title {
    margin: 0.5em 0 0.3125em;
    padding-right: 16px;
    font-size: 0.875em;
    color: #0c82b6
}

.grid-item-video-subtitle {
    padding-right: 16px;
    line-height: 1.25em;
    font-size: 0.75em;
    color: #7a9199;
    margin: 0
}

@media screen and (min-width: 480px) {
    .grid-item {
        width: 33.3333%
    }
}

@media screen and (min-width: 680px) {
    .grid.gutter-y-s .grid-inner {
        margin-bottom: -1.75em
    }
    .grid.gutter-y-s .grid-item {
        margin-bottom: 1.75em
    }
    .grid.gutter-y-m .grid-inner {
        margin-bottom: -2.625em
    }
    .grid.gutter-y-m .grid-item {
        margin-bottom: 2.625em
    }
    .grid.gutter-y-l .grid-inner {
        margin-bottom: -4em
    }
    .grid.gutter-y-l .grid-item {
        margin-bottom: 4em
    }
    .grid-item {
        margin-bottom: 2.625em
    }
    .grid-item-video-title {
        font-size: 1em;
        margin: 0.5em 0 0.3125em
    }
    .grid-item-video-subtitle {
        font-size: 0.875em
    }
}

@media screen and (min-width: 1024px) {
    .grid-item {
        width: 25%
    }
}

@media screen and (max-width: 479px) {
    .grid.c-xs-1 .grid-item {
        width: 100%
    }
    .grid.c-xs-2 .grid-item {
        width: 50%
    }
    .grid.c-xs-3 .grid-item {
        width: 33.333%
    }
    .grid.c-xs-4 .grid-item {
        width: 25%
    }
    .grid.c-xs-5 .grid-item {
        width: 20%
    }
    .grid.c-xs-6 .grid-item {
        width: 16.666%
    }
}

@media screen and (min-width: 480px) and (max-width: 679px) {
    .grid.c-s-1 .grid-item {
        width: 100%
    }
    .grid.c-s-2 .grid-item {
        width: 50%
    }
    .grid.c-s-3 .grid-item {
        width: 33.333%
    }
    .grid.c-s-4 .grid-item {
        /* width: 25% */
        width: 33.333%;
    }
    .grid.c-s-5 .grid-item {
        width: 20%
    }
    .grid.c-s-6 .grid-item {
        width: 16.666%
    }
}

@media screen and (min-width: 680px) and (max-width: 1023px) {
    .grid.c-m-1 .grid-item {
        width: 100%
    }
    .grid.c-m-2 .grid-item {
        width: 50%
    }
    .grid.c-m-3 .grid-item {
        width: 33.333%
    }
    .grid.c-m-4 .grid-item {
        /* width: 25% */
        width: 33.333%;
    }
    .grid.c-m-5 .grid-item {
        width: 20%
    }
    .grid.c-m-6 .grid-item {
        width: 16.666%
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .grid.c-l-1 .grid-item {
        width: 100%
    }
    .grid.c-l-2 .grid-item {
        width: 50%
    }
    .grid.c-l-3 .grid-item {
        width: 33.333%
    }
    .grid.c-l-4 .grid-item {
        width: 25%
    }
    .grid.c-l-5 .grid-item {
        /* width: 20% */
        width: 33.333%;
    }
    .grid.c-l-6 .grid-item {
        width: 16.666%
    }
}

@media screen and (min-width: 1200px) {
    .grid.c-xl-1 .grid-item {
        width: 100%
    }
    .grid.c-xl-2 .grid-item {
        width: 50%
    }
    .grid.c-xl-3 .grid-item {
        width: 33.333%
    }
    .grid.c-xl-4 .grid-item {
        width: 25%
    }
    .grid.c-xl-5 .grid-item {
        /* width: 20% */
        width: 33.333%;
    }
    .grid.c-xl-6 .grid-item {
        width: 16.666%
    }
}

.banner {
    position: relative;
    background-color: #0c82b6;
    background-size: cover;
    background-position: center
}

.banner .btn-wrap {
    margin-bottom: 0
}

.banner.skin-light .banner-title {
    color: #fff
}

.banner.skin-dark .banner-inner::before,
.banner.skin-dark .banner-inner::after {
    opacity: .05
}

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

.banner.align-center .banner-title::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

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

.banner.align-right .banner-title::after {
    left: auto;
    right: 0
}

.banner-inner {
    padding: 2em 0
}

.banner-inner::before,
.banner-inner::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 9px;
    background: #000;
    opacity: .1
}

.banner-inner::before {
    top: 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%)
}

.banner-inner::after {
    bottom: 0;
    -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%)
}

.js .banner.asleep {
    box-shadow: inset 2000px 0 0 #fff;
    transition: box-shadow 1s
}

.js .banner.asleep .banner-text,
.js .banner.asleep .btn-low,
.js .banner.asleep .btn-high {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s, -webkit-transform .5s .2s
}

.js .banner.awake {
    box-shadow: inset 2000px 0 0 rgba(255, 255, 255, 0)
}

.js .banner.awake .banner-text,
.js .banner.awake .btn-low,
.js .banner.awake .btn-high {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js .banner.awake .btn-low,
.js .banner.awake .btn-high {
    transition-delay: .4s
}

@media screen and (min-width: 680px) {
    .banner-inner {
        padding: 3.25em 0
    }
    .banner-text {
        margin-bottom: 2em
    }
}

@media screen and (min-width: 1024px) {
    .banner.align-left .banner-text {
        max-width: 50%
    }
    .banner-inner {
        padding: 5em 0
    }
}

@media screen and (min-width: 1200px) {
    .banner-inner {
        padding: 5.75em 0
    }
}

.card-grid-section {
    margin-bottom: 2em
}

.card-grid-section-title {
    font-size: 1.25em;
    margin-bottom: 0.75em
}

.card-grid-item {
    max-width: 298px;
    margin-bottom: 1em
}

.card-grid-content {
    padding: 1.5em
}

.card-grid-img-wrap {
    position: relative;
    height: 84px;
    overflow: hidden
}

.card-grid-img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card-grid-title {
    font-weight: 500;
    margin-bottom: 0.3125em
}

.card-grid-address {
    margin-top: 0
}

.card-grid-label {
    display: block;
    color: #7a9199;
    font-size: 0.75em;
    margin-bottom: 0.375em
}

.card-grid-phone {
    margin-top: 2em
}

.card-grid-fax {
    margin-top: 0.75em
}

.card-grid-links {
    margin-top: 2em
}

.card-grid-links li {
    margin-top: 0.5em;
    display: block
}

@media screen and (min-width: 680px) {
    .card-grid-sections {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: -3.25em
    }
    .card-grid-section {
        width: 100%
    }
    .card-grid-cards {
        display: flex;
        flex-wrap: wrap
    }
    .card-grid-cards .card-grid-item:nth-child(odd) {
        margin-right: 4%
    }
    .card-grid-item {
        width: 48%;
        margin-bottom: 4%;
        max-width: none
    }
    .card-grid-count-1 {
        width: 48%
    }
    .card-grid-count-1 .card-grid-item {
        width: 100%
    }
    .card-grid-count-1 .card-grid-item:nth-child(odd) {
        margin-right: 0
    }
}

@media screen and (min-width: 1024px) {
    .card-grid-sections {
        justify-content: flex-start;
        margin-bottom: -7.5em
    }
    .card-grid-section-title {
        font-size: 1.5em
    }
    .card-grid-cards .card-grid-item:nth-child(odd) {
        margin-right: 50px
    }
    .card-grid-cards .card-grid-item:nth-child(3n) {
        margin-right: 0
    }
    .card-grid-item {
        width: 280px;
        margin-bottom: 50px;
        margin-right: 50px
    }
    .card-grid-count-1 {
        width: 280px;
        margin-right: 50px
    }
    .card-grid-count-1 .card-grid-item {
        margin-right: 0
    }
    .card-grid-count-1 .card-grid-item:nth-child(odd) {
        margin-right: 0
    }
}

.grid-text-items {
    display: flex;
    flex-wrap: wrap
}

.grid-text-item {
    width: 100%;
    padding-right: 2em;
    margin-bottom: 1em
}

.grid-text-item-title {
    font-weight: 500;
    margin-bottom: 0.25em
}

@media screen and (min-width: 680px) {
    .grid-text-item {
        width: 50%;
        margin-bottom: 1.625em
    }
}

@media screen and (min-width: 1024px) {
    .grid-text-items .grid-text-item:nth-child(3n) {
        margin-right: 0
    }
    .grid-text-item {
        width: 280px;
        margin-right: 50px;
        padding: 0;
        margin-bottom: 2em
    }
}

.js .block-text.asleep {
    opacity: 0;
    transition: opacity 1s .25s
}

.js .block-text.awake {
    opacity: 1
}

.milestone-simple-date {
    font-size: 0.6875em;
    margin-bottom: 0.875em;
    opacity: 0;
    max-width: none;
    -webkit-clip-path: inset(-1% -1% 101% -1%);
    clip-path: inset(-1% -1% 101% -1%)
}

.milestone-simple-text {
    line-height: 1.25em;
    margin-bottom: 1.625em
}

.milestone-simple-text b {
    display: block;
    font-weight: 500;
    font-weight: 400;
    margin-bottom: 0.125em
}

.milestone-simple-subtitle {
    color: #7a9199;
    font-size: 0.875em
}

.milestone-simple-item.awake .milestone-simple-date {
    opacity: 1;
    -webkit-clip-path: inset(-1% -1% -1% -1%);
    clip-path: inset(-1% -1% -1% -1%)
}

@supports (-webkit-clip-path: inset(-1% -1% -1% -1%)) or (clip-path: inset(-1% -1% -1% -1%)) {
    .milestone-simple-date {
        opacity: 1
    }
}

@media screen and (min-width: 680px) {
    .milestone-simple-item {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.25em
    }
    .milestone-simple-date {
        background: #0c82b6;
        font-size: 0.75em;
        margin: 0
    }
    .milestone-simple-text {
        width: calc(100% - 55px);
        margin-bottom: 2em;
        padding: 0.25em 0 0 1.25em;
        flex-grow: 2
    }
    .milestone-simple-text b {
        font-weight: 500
    }
}

@media screen and (min-width: 1024px) {
    .milestone-simple-date {
        font-size: 0.875em;
        padding-top: 0.25em;
        width: 65px
    }
    .milestone-simple-text {
        padding: 0.5em 0 0 2em;
        width: calc(100% - 65px)
    }
}

.grid-exp-item {
    position: relative;
    margin: 0.625em 0
}

.grid-exp-trigger-label {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1em
}

.grid-exp-trigger-label::after {
    position: absolute;
    right: 1em;
    color: #cccccc;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.grid-exp-item-img {
    width: 45px;
    height: 45px;
    -webkit-filter: grayscale(80%) brightness(125%);
    filter: grayscale(80%) brightness(125%);
    margin-right: 1.625em;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.grid-exp-item-title {
    font-size: 0.875em;
    line-height: 1.25em;
    padding-right: 2em;
    transition: color .3s
}

.grid-exp-item-drawer {
    overflow: hidden;
    width: 100%;
    max-height: 0;
    box-shadow: inset 0 0 10px rgba(12, 130, 182, 0.08);
    transition: max-height .5s ease-in-out, visibility 0s .5s
}

.grid-exp-item-drawer-inner {
    padding: 1.25em 1em
}

.grid-exp-item-drawer-title {
    display: block;
    font-size: 1.25em;
    margin-bottom: 0.625em;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: opacity .2s .1s, -webkit-transform .2s .1s;
    transition: transform .2s .1s, opacity .2s .1s;
    transition: transform .2s .1s, opacity .2s .1s, -webkit-transform .2s .1s
}

.grid-exp-item-drawer-description {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s
}

.grid-exp-trigger-input:checked~.grid-exp-trigger-label {
    background: #fff;
    position: relative;
    z-index: 5
}

.grid-exp-trigger-input:checked~.grid-exp-trigger-label::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.grid-exp-trigger-input:checked~.grid-exp-trigger-label .grid-exp-item-title {
    color: #0c82b6
}

.grid-exp-trigger-input:checked~.grid-exp-trigger-label .grid-exp-item-img {
    -webkit-filter: grayscale(0) brightness(100%);
    filter: grayscale(0) brightness(100%)
}

.grid-exp-trigger-input:checked~.grid-exp-item-drawer {
    max-height: none;
    transition-delay: 0s
}

.grid-exp-trigger-input:checked~.grid-exp-item-drawer .grid-exp-item-drawer-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: .2s
}

.grid-exp-trigger-input:checked~.grid-exp-item-drawer .grid-exp-item-drawer-description {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: .3s
}

.js .grid-exp-item {
    transition: opacity 1s, margin-bottom .5s ease-in-out
}

.js .grid-exp-item.asleep {
    opacity: 0
}

.js .grid-exp-item.awake {
    opacity: 1
}

.js .grid-exp-item-drawer {
    position: absolute;
    max-height: none
}

@media screen and (min-width: 680px) {
    .grid-exp-item-title {
        font-size: 1em
    }
}

@media screen and (min-width: 1024px) {
    /* modificado */
    /* .clasi-de-productos {
        position: static;
        margin: 0;
        width: 16.333%
    } */
    /* modificado */
    .grid-exp-items {
        display: flex;
        flex-wrap: wrap
    }
    .grid-exp-item {
        position: static;
        margin: 0;
        width: 16.666%
    }
    /* .grid-exp-item {
        position: static;
        margin: 0;
        width: 33.333%
    } */
    .grid-exp-trigger-label {
        display: block;
        text-align: center;
        padding: 2.625em;
        box-shadow: 0 5px 20px rgba(133, 177, 204, 0);
        transition: box-shadow .3s, background .3s, outline .3s;
        background: transparent
    }
    .grid-exp-trigger-label::before {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        border-width: 20px 20px 0 20px;
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px);
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .grid-exp-trigger-label::after {
        display: none
    }
    .grid-exp-trigger-label:hover {
        background: #fff;
        box-shadow: 0 9px 35px rgba(133, 177, 204, 0.25)
    }
    .grid-exp-trigger-label:hover .grid-exp-item-title {
        color: #0c82b6
    }
    .grid-exp-trigger-label:hover .grid-exp-item-img {
        -webkit-filter: grayscale(0) brightness(100%);
        filter: grayscale(0) brightness(100%)
    }
    .grid-exp-item-img {
        margin: 0 0 0.625em 0;
        width: 100px;
        height: 100px
    }
    /* .grid-exp-item-title {
        padding: 0;
        min-height: 40px
    } */
    .grid-exp-item-title {
        padding: 0;
    }
    .grid-exp-item-drawer {
        left: 0;
        width: 100%;
        z-index: 1
    }
    .grid-exp-item-drawer-inner {
        max-width: 940px;
        margin: 0 auto;
        padding: 2.625em 0
    }
    .grid-exp-item-drawer-title {
        font-size: 2em;
        font-weight: 100;
        letter-spacing: -0.01875em
    }
    .grid-exp-trigger-input:checked~.grid-exp-trigger-label {
        box-shadow: 0 9px 35px rgba(133, 177, 204, 0.25)
    }
    .grid-exp-trigger-input:checked~.grid-exp-trigger-label::before {
        -webkit-transform: translate(-20px, 0);
        transform: translate(-20px, 0)
    }
}

.nav-icon {
    margin: 2em 0
}

.nav-icon-item {
    margin: 0.625em 0
}

.nav-icon-item-link {
    position: relative;
    display: flex;
    align-items: center;
    color: #0c82b6;
    padding: 1em
}

.nav-icon-item-link::after {
    position: absolute;
    right: 1em;
    color: #cccccc
}

.nav-icon-item-link:hover {
    color: #05baca;
    transition: color .2s
}

.nav-icon-item-link:hover .nav-icon-item-img {
    -webkit-filter: hue-rotate(-24deg) saturate(200%);
    filter: hue-rotate(-24deg) saturate(200%);
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

.nav-icon-item-img {
    width: 45px;
    height: 45px;
    margin-right: 1em
}

.nav-icon-item-title {
    padding-right: 2em;
    font-size: 0.9375rem
}

@media screen and (min-width: 1024px) {
    .nav-icon:not(.c-auto) .nav-icon-item {
        flex-basis: 188px;
        flex-shrink: 0
    }
    .nav-icon.c-1 .nav-icon-items {
        width: calc(188px * 1)
    }
    .nav-icon.c-2 .nav-icon-items {
        width: calc(188px * 2)
    }
    .nav-icon.c-3 .nav-icon-items {
        width: calc(188px * 3)
    }
    .nav-icon.c-4 .nav-icon-items {
        width: calc(188px * 4)
    }
    .nav-icon.c-5 .nav-icon-items {
        width: calc(188px * 5)
    }
    .nav-icon-items {
        display: flex;
        flex-wrap: wrap;
        font-size: 0;
        background: #fff;
        box-shadow: 0 9px 35px rgba(133, 177, 204, 0.25)
    }
    .nav-icon-item {
        display: inline-block;
        flex-basis: 16.666%;
        flex-grow: 1;
        max-width: 188px;
        margin: 0;
        text-align: center;
        font-size: 16px
    }
    .nav-icon-item-link {
        display: block;
        padding: 2.34375em 1em;
        box-shadow: inset -1px -1px 0 #d9f1ff
    }
    .nav-icon-item-link::after {
        content: none
    }
    .nav-icon-item-img {
        width: 75px;
        height: 75px;
        margin: 0
    }
    .nav-icon-item-title {
        padding: 0;
        margin-top: 1.375em
    }
    .js .nav-icon-items.asleep-familly {
        background: none;
        box-shadow: none;
        transition: box-shadow .5s .5s, background .5s .5s
    }
    .js .nav-icon-items.gettingup-familly {
        -webkit-filter: drop-shadow(0 9px 35px rgba(133, 177, 204, 0.4));
        filter: drop-shadow(0 9px 35px rgba(133, 177, 204, 0.4))
    }
}

.signup {
    background-color: #cae3f3;
    font-size: 0.875em;
    text-align: center;
    transition: opacity .2s
}

.signup #mc_embed_signup {
    text-align: center;
    transition: all .2s
}

.signup #mc_embed_signup .mc-field-group {
    padding: 1em 0;
    margin: 0;
    display: inline-block
}

.signup #mc_embed_signup .mc-field-group .form-field-wrap {
    padding: 0
}

.signup #mc_embed_signup .mc-field-group .form-field-wrap.focus label,
.signup #mc_embed_signup .mc-field-group .form-field-wrap.filled label {
    -webkit-transform: translate(-16px, -16px);
    transform: translate(-16px, -16px)
}

.signup #mc_embed_signup .mc-field-group .form-field-wrap.focus .form-field {
    box-shadow: 0 9px 35px rgba(9, 42, 62, 0.25)
}

.signup #mc_embed_signup .mc-field-group .form-field-wrap::after {
    content: none
}

.signup #mc_embed_signup .mc-field-group .form-field-wrap label {
    top: -0.125rem;
    left: 1rem
}

.signup #mc_embed_signup .mc-field-group .form-field-wrap .form-field {
    background-color: #fff;
    padding: 1rem;
    width: 100%;
    border: none;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(9, 42, 62, 0.15);
    transition: box-shadow .2s
}

.signup #mc_embed_signup .mc-field-group .form-field-wrap .form-field.mce_inline_error {
    border-color: #b73636
}

.signup #mc_embed_signup .mc-field-group div.mce_inline_error {
    background-color: inherit;
    font-weight: inherit;
    color: #b73636;
    margin: 0;
    padding: 0;
    line-height: 2em
}

.signup-header {
    margin-top: 0
}

.signup-title::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.js .signup.asleep {
    opacity: 0
}

.js .signup.asleep #mc_embed_signup {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.js .signup.awake {
    opacity: 1
}

.js .signup.awake #mc_embed_signup {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media screen and (min-width: 480px) {
    .signup #mc_embed_signup {
        margin: 0 auto;
        width: 80%
    }
    .signup #mc_embed_signup .mc-field-group {
        display: flex !important;
        flex-flow: row wrap
    }
    .signup #mc_embed_signup .mc-field-group .form-field-wrap {
        flex: auto;
        margin: 0 .5em .5em 0
    }
    .signup #mc_embed_signup .mc-field-group button {
        width: 120px;
        height: 44px
    }
    .signup #mc_embed_signup .mc-field-group div.mce_inline_error {
        flex-basis: 100%
    }
}

@media screen and (min-width: 1200px) {
    .signup #mc_embed_signup {
        width: 60%
    }
}

.wistia_responsive_padding {
    padding: 56.25% 0 0 0;
    position: relative
}

.wistia_responsive_wrapper {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.wistia_embed {
    position: relative;
    height: 100%;
    width: 100%
}

.wistia_swatch {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    transition: opacity .5s
}

.wistia_swatch img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.js .wistia.asleep {
    opacity: 0;
    transition: opacity .5s
}

.js .wistia.awake {
    opacity: 1
}

.front-section-subtitle {
    color: #657980
}

.anim-scope-inner {
    position: relative
}

.anim-scope-inner::after {
    display: none
}

.transappear {
    opacity: 0;
    transition: opacity .5s
}

.transwait {
    transition: all 0s .5s
}

.animwait {
    -webkit-animation: whatever 0s .5s;
    animation: whatever 0s .5s
}

.js .anim-section-title,
.js .anim-section-subtitle,
.js .anim-section-btn {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.js .anim-section-subtitle {
    transition-delay: .1s
}

.js .anim-section-btn {
    transition-delay: .2s
}

.tech-nav {
    display: none
}

.anim-scope.onview .transappear {
    opacity: 1
}

.anim-scope.onview .anim-section-title,
.anim-scope.onview .anim-section-subtitle,
.anim-scope.onview .anim-section-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.anim-scope.onview .tech-grid-mask {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.anim-scope.onview .tech-grid-mask::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.anim-scope.onview .tech-grid-mask:nth-child(1),
.anim-scope.onview .tech-grid-mask:nth-child(8) {
    transition-delay: .10s
}

.anim-scope.onview .tech-grid-mask:nth-child(1)::before,
.anim-scope.onview .tech-grid-mask:nth-child(8)::before {
    transition-delay: .00s
}

.anim-scope.onview .tech-grid-mask:nth-child(2),
.anim-scope.onview .tech-grid-mask:nth-child(9) {
    transition-delay: .15s
}

.anim-scope.onview .tech-grid-mask:nth-child(2)::before,
.anim-scope.onview .tech-grid-mask:nth-child(9)::before {
    transition-delay: .05s
}

.anim-scope.onview .tech-grid-mask:nth-child(3),
.anim-scope.onview .tech-grid-mask:nth-child(10) {
    transition-delay: .20s
}

.anim-scope.onview .tech-grid-mask:nth-child(3)::before,
.anim-scope.onview .tech-grid-mask:nth-child(10)::before {
    transition-delay: .10s
}

.anim-scope.onview .tech-grid-mask:nth-child(4),
.anim-scope.onview .tech-grid-mask:nth-child(11) {
    transition-delay: .25s
}

.anim-scope.onview .tech-grid-mask:nth-child(4)::before,
.anim-scope.onview .tech-grid-mask:nth-child(11)::before {
    transition-delay: .15s
}

.anim-scope.onview .tech-grid-mask:nth-child(5),
.anim-scope.onview .tech-grid-mask:nth-child(12) {
    transition-delay: .30s
}

.anim-scope.onview .tech-grid-mask:nth-child(5)::before,
.anim-scope.onview .tech-grid-mask:nth-child(12)::before {
    transition-delay: .20s
}

.anim-scope.onview .tech-grid-mask:nth-child(6),
.anim-scope.onview .tech-grid-mask:nth-child(13) {
    transition-delay: .35s
}

.anim-scope.onview .tech-grid-mask:nth-child(6)::before,
.anim-scope.onview .tech-grid-mask:nth-child(13)::before {
    transition-delay: .25s
}

.anim-scope.onview .tech-grid-mask:nth-child(7),
.anim-scope.onview .tech-grid-mask:nth-child(14) {
    transition-delay: .40s
}

.anim-scope.onview .tech-grid-mask:nth-child(7)::before,
.anim-scope.onview .tech-grid-mask:nth-child(14)::before {
    transition-delay: .30s
}

.anim-scope.onview .tech-grid-mask:nth-child(1) {
    transition-delay: .10s
}

.anim-scope.onview .tech-grid-mask:nth-child(1)::before {
    transition-delay: .00s
}

.anim-scope.onview .tech-grid-mask:nth-child(2) {
    transition-delay: .15s
}

.anim-scope.onview .tech-grid-mask:nth-child(2)::before {
    transition-delay: .05s
}

.anim-scope.onview .tech-grid-mask:nth-child(3) {
    transition-delay: .20s
}

.anim-scope.onview .tech-grid-mask:nth-child(3)::before {
    transition-delay: .10s
}

.anim-scope.onview .tech-grid-mask:nth-child(4) {
    transition-delay: .25s
}

.anim-scope.onview .tech-grid-mask:nth-child(4)::before {
    transition-delay: .15s
}

.anim-scope.onview .tech-grid-mask:nth-child(5) {
    transition-delay: .30s
}

.anim-scope.onview .tech-grid-mask:nth-child(5)::before {
    transition-delay: .20s
}

.anim-scope.onview .tech-grid-mask:nth-child(6) {
    transition-delay: .35s
}

.anim-scope.onview .tech-grid-mask:nth-child(6)::before {
    transition-delay: .25s
}

.anim-scope.onview .tech-grid-mask:nth-child(7) {
    transition-delay: .40s
}

.anim-scope.onview .tech-grid-mask:nth-child(7)::before {
    transition-delay: .30s
}

.anim-scope.onview .tech-grid-mask:nth-child(8) {
    transition-delay: .45s
}

.anim-scope.onview .tech-grid-mask:nth-child(8)::before {
    transition-delay: .35s
}

.anim-scope.onview .tech-grid-mask:nth-child(9) {
    transition-delay: .50s
}

.anim-scope.onview .tech-grid-mask:nth-child(9)::before {
    transition-delay: .40s
}

.anim-scope.onview .tech-grid-mask:nth-child(10) {
    transition-delay: .55s
}

.anim-scope.onview .tech-grid-mask:nth-child(10)::before {
    transition-delay: .45s
}

.anim-scope.onview .tech-grid-mask:nth-child(11) {
    transition-delay: .60s
}

.anim-scope.onview .tech-grid-mask:nth-child(11)::before {
    transition-delay: .50s
}

.anim-scope.onview .tech-grid-mask:nth-child(12) {
    transition-delay: .65s
}

.anim-scope.onview .tech-grid-mask:nth-child(12)::before {
    transition-delay: .55s
}

.anim-scope.onview .tech-grid-mask:nth-child(13) {
    transition-delay: .70s
}

.anim-scope.onview .tech-grid-mask:nth-child(13)::before {
    transition-delay: .60s
}

.anim-scope.onview .tech-grid-mask:nth-child(14) {
    transition-delay: .75s
}

.anim-scope.onview .tech-grid-mask:nth-child(14)::before {
    transition-delay: .65s
}

.anim-scope.onview .tech-grid-mask:nth-child(15) {
    transition-delay: .80s
}

.anim-scope.onview .tech-grid-mask:nth-child(15)::before {
    transition-delay: .70s
}

.tech-grid-masks {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    display: none
}

.anim-replay {
    position: absolute;
    right: 2em;
    bottom: 2em;
    border: none;
    background: #fff;
    color: #0c82b6;
    border-radius: 50px;
    padding: 1em 1.375em;
    box-shadow: 0 2px 5px 1px rgba(12, 130, 182, 0.4);
    cursor: pointer;
    opacity: 0;
    z-index: 5;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    transition: background .2s, box-shadow .2s, opacity .3s, -webkit-transform .3s ease-out;
    transition: background .2s, box-shadow .2s, transform .3s ease-out, opacity .3s;
    transition: background .2s, box-shadow .2s, transform .3s ease-out, opacity .3s, -webkit-transform .3s ease-out
}

.anim-replay::before {
    font-size: 1.25em;
    margin-right: 0.5em;
    vertical-align: -3px;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.anim-replay:hover,
.anim-replay:focus {
    outline: none;
    background: #f0f5f8;
    box-shadow: 0 4px 7px 1px rgba(12, 130, 182, 0.3)
}

.anim-replay:hover::before,
.anim-replay:focus::before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.anim-replay:active {
    outline: none;
    background: #dfe9f0;
    box-shadow: 0 1px 3px 0px rgba(12, 130, 182, 0.5)
}

.anim-replay.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    z-index: 20
}

.anim-step {
    display: block;
    position: absolute;
    bottom: 30%;
    left: 50%;
    margin-left: -42px;
    width: 84px;
    height: 84px;
    border: none;
    background: #fff;
    color: #0c82b6;
    border-radius: 50px;
    padding: 1em 1.375em;
    box-shadow: 0 2px 5px 1px rgba(12, 130, 182, 0.4);
    text-align: center;
    font-size: 1em;
    cursor: pointer;
    z-index: 100;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transition: background .5s, box-shadow .5s, opacity .3s, -webkit-transform .5s ease-out;
    transition: background .5s, box-shadow .5s, transform .5s ease-out, opacity .3s;
    transition: background .5s, box-shadow .5s, transform .5s ease-out, opacity .3s, -webkit-transform .5s ease-out
}

.anim-step:before {
    font-size: 1.5em
}

.anim-step:hover,
.anim-step:focus {
    outline: none;
    background: #f0f5f8;
    box-shadow: 0 4px 7px 1px rgba(12, 130, 182, 0.3);
    transition-delay: 0s
}

.anim-step:active {
    outline: none;
    background: #dfe9f0;
    box-shadow: 0 1px 3px 0px rgba(12, 130, 182, 0.5);
    transition-delay: 0s
}

.anim-step .leet-inner {
    display: block;
    font-size: 0.6875em
}

@media screen and (min-width: 1024px) {
    .tech-section {
        height: 100vh
    }
    .anim-scope-inner {
        position: relative
    }
    .anim-scope-inner::after {
        display: block;
        color: rgba(255, 255, 255, 0.5);
        position: absolute;
        bottom: 22px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        font-size: 3.125em;
        z-index: 50;
        transition: opacity .2s, -webkit-transform .2s;
        transition: transform .2s, opacity .2s;
        transition: transform .2s, opacity .2s, -webkit-transform .2s
    }
    .anim-scope-inner.dismiss-hint::after {
        -webkit-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px);
        opacity: 0
    }
    .anim-scope-inner {
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        height: 100vh
    }
    .tech-nav {
        display: block;
        position: fixed;
        top: 50%;
        right: 0;
        padding: 2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 100;
        text-align: right
    }
    .tech-nav:hover .tech-nav-link {
        box-shadow: inset -3px 0 0 0 rgba(0, 0, 0, 0);
        color: #fff
    }
    .tech-nav:hover .tech-nav-link::after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .tech-nav.changed .tech-nav-item.active .tech-nav-link {
        color: #fff
    }
    .tech-nav.changed .tech-nav-item.active .tech-nav-link::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        transition-delay: 0s
    }
    .tech-nav-list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }
    .tech-nav-item {
        position: relative;
        margin: 0.25em 0 0.25em auto
    }
    .tech-nav-item::before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    .tech-nav-item:nth-child(1) .tech-nav-link {
        transition-delay: .10s
    }
    .tech-nav-item:nth-child(1) .tech-nav-link::before,
    .tech-nav-item:nth-child(1) .tech-nav-link:after {
        transition-delay: .10s
    }
    .tech-nav-item:nth-child(2) .tech-nav-link {
        transition-delay: .15s
    }
    .tech-nav-item:nth-child(2) .tech-nav-link::before,
    .tech-nav-item:nth-child(2) .tech-nav-link:after {
        transition-delay: .15s
    }
    .tech-nav-item:nth-child(3) .tech-nav-link {
        transition-delay: .20s
    }
    .tech-nav-item:nth-child(3) .tech-nav-link::before,
    .tech-nav-item:nth-child(3) .tech-nav-link:after {
        transition-delay: .20s
    }
    .tech-nav-item:nth-child(4) .tech-nav-link {
        transition-delay: .25s
    }
    .tech-nav-item:nth-child(4) .tech-nav-link::before,
    .tech-nav-item:nth-child(4) .tech-nav-link:after {
        transition-delay: .25s
    }
    .tech-nav-item:nth-child(5) .tech-nav-link {
        transition-delay: .30s
    }
    .tech-nav-item:nth-child(5) .tech-nav-link::before,
    .tech-nav-item:nth-child(5) .tech-nav-link:after {
        transition-delay: .30s
    }
    .tech-nav-item:nth-child(6) .tech-nav-link {
        transition-delay: .35s
    }
    .tech-nav-item:nth-child(6) .tech-nav-link::before,
    .tech-nav-item:nth-child(6) .tech-nav-link:after {
        transition-delay: .35s
    }
    .tech-nav-item:nth-child(7) .tech-nav-link {
        transition-delay: .40s
    }
    .tech-nav-item:nth-child(7) .tech-nav-link::before,
    .tech-nav-item:nth-child(7) .tech-nav-link:after {
        transition-delay: .40s
    }
    .tech-nav-item:nth-child(8) .tech-nav-link {
        transition-delay: .45s
    }
    .tech-nav-item:nth-child(8) .tech-nav-link::before,
    .tech-nav-item:nth-child(8) .tech-nav-link:after {
        transition-delay: .45s
    }
    .tech-nav-item:nth-child(9) .tech-nav-link {
        transition-delay: .50s
    }
    .tech-nav-item:nth-child(9) .tech-nav-link::before,
    .tech-nav-item:nth-child(9) .tech-nav-link:after {
        transition-delay: .50s
    }
    .tech-nav-item.active .tech-nav-link {
        box-shadow: inset -3px 0 0 0 #00e0d7
    }
    .tech-nav-item.active .tech-nav-link::after {
        background: #00e0d7
    }
    .tech-nav-link {
        position: relative;
        display: inline-block;
        padding: 0.375em 0.625em;
        white-space: nowrap;
        color: transparent;
        transition: color .3s, background .3s, box-shadow .3s;
        box-shadow: inset -3px 0 0 0 rgba(0, 0, 0, 0.3)
    }
    .tech-nav-link::before,
    .tech-nav-link::after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    .tech-nav-link::after {
        background: rgba(0, 0, 0, 0.3);
        transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);
        transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1), background 0.3s;
        transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);
        z-index: -2
    }
    .tech-nav-link:hover {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0)
    }
    .tech-nav-link:hover::after {
        background: rgba(0, 0, 0, 0.5);
        transition-delay: 0s !important
    }
}

.taleo .head1 {
    display: block;
    margin-top: 1em;
    line-height: 1em
}

.taleo .head1::after {
    width: 50px
}

.taleo form label {
    display: block;
    margin-bottom: 0.375em
}

.taleo form table {
    border-collapse: separate
}

.taleo form tr {
    display: block;
    padding: 0.75em 0
}

.taleo form td {
    display: block;
    text-align: left
}

.taleo form input[type=text],
.taleo form input[type=password],
.taleo form select {
    display: block;
    width: 100%;
    padding: 0.75em;
    background: #eff6f9;
    font-size: inherit;
    border: 1px solid #c5d5dc;
    border-radius: 3px
}

.taleo form input[type=button],
.taleo form input[type=submit],
.taleo form input[type=reset] {
    display: inline-block;
    background: #0c82b6;
    padding: 1.125em 1.5em 1.0625em 1.5em;
    color: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 6px 15px rgba(133, 177, 204, 0.35);
    text-transform: uppercase;
    font-family: "Roboto Mono", monospace;
    cursor: pointer;
    transition: background .3s, box-shadow .3s, -webkit-transform .2s;
    transition: background .3s, box-shadow .3s, transform .2s;
    transition: background .3s, box-shadow .3s, transform .2s, -webkit-transform .2s
}

.taleo form select option {
    padding: 6px
}

.slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 0px;
  box-sizing: border-box;
}
.slider-container {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}
.slider-track {
  display: flex;
  transition: transform 0.5s ease;
}
.slide {
  flex: 0 0 33%;
  max-width: 33%;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.slide img {
  width: 100%;
  height: 90px;
  object-fit: contain;
}
.slider-prev,
.slider-next {
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
}
.slider-prev::before,
.slider-next::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #0c82b6;
  border-right: 2px solid #0c82b6;
  position: absolute;
}
.slider-prev::before {
  transform: rotate(-135deg);
  left: 12px;
}
.slider-next::before {
  transform: rotate(45deg);
  right: 12px;
}
.slider-prev {
  margin-right: 10px;
}
.slider-next {
  margin-left: 10px;
}