@charset "UTF-8";

vm-player {
    --vm-color-dark: #313131;
    --vm-color-gray-100: rgba(0, 0, 0, 0.1);
    --vm-color-gray-200: rgba(0, 0, 0, 0.27);
    --vm-color-gray-300: rgba(0, 0, 0, 0.38);
    --vm-color-gray-500: rgba(0, 0, 0, 0.64);
    --vm-color-gray-600: rgba(0, 0, 0, 0.7);
    --vm-color-white-100: hsla(0, 0%, 100%, 0.1);
    --vm-color-white-200: hsla(0, 0%, 100%, 0.27);
    --vm-color-white-700: hsla(0, 0%, 100%, 0.87);
    --vm-fade-transition: opacity 0.3s ease-in-out;
    --vm-media-z-index: 0;
    --vm-blocker-z-index: 1;
    --vm-ui-z-index: 2;
    --vm-loading-screen-z-index: 1;
    --vm-poster-z-index: 5;
    --vm-scrim-z-index: 10;
    --vm-click-to-play-z-index: 20;
    --vm-dbl-click-fullscreen-z-index: 20;
    --vm-captions-z-index: 30;
    --vm-spinner-z-index: 40;
    --vm-controls-z-index: 50;
    --vm-tooltip-z-index: 60;
    --vm-menu-z-index: 70;
    --vm-skeleton-z-index: 100;
    --vm-player-bg: #000;
    --vm-player-border-radius: 4px;
    --vm-player-font-family: "Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    --vm-loading-screen-dot-size: 12px;
    --vm-loading-screen-pulse-duration: 1.5s;
    --vm-loading-screen-dot-color: var(--vm-player-theme, var(--vm-color-white-700));
    --vm-skeleton-color: #e8e3e3;
    --vm-skeleton-sheen-color: #f8f7f7;
    --vm-slider-thumb-width: 13px;
    --vm-slider-thumb-height: 13px;
    --vm-slider-thumb-bg: #fff;
    --vm-slider-thumb-border: 2px solid transparent;
    --vm-slider-track-height: 3px;
    --vm-slider-track-focused-height: 5px;
    --vm-slider-track-color: var(--vm-color-white-200);
    --vm-slider-value-color: var(--vm-player-theme, #fff);
    --vm-tooltip-border-radius: 3px;
    --vm-tooltip-font-size: 14px;
    --vm-tooltip-padding: calc(var(--vm-control-spacing) / 1.5);
    --vm-tooltip-fade-duration: 0.2s;
    --vm-tooltip-fade-timing-func: ease;
    --vm-tooltip-spacing: 14px;
    --vm-tooltip-box-shadow: 0 0 2px var(--vm-color-gray-500);
    --vm-tooltip-bg: var(--vm-color-dark);
    --vm-tooltip-color: var(--vm-color-white-700);
    --vm-spinner-width: 80px;
    --vm-spinner-height: 80px;
    --vm-spinner-thickness: 3px;
    --vm-spinner-fill-color: #fff;
    --vm-spinner-track-color: var(--vm-color-white-200);
    --vm-spinner-spin-duration: 1.1s;
    --vm-spinner-spin-timing-func: linear;
    --vm-scrim-bg: var(--vm-color-gray-300);
    --vm-captions-text-color: #fff;
    --vm-captions-font-size: 18px;
    --vm-captions-font-size-medium: 22px;
    --vm-captions-font-size-large: 24px;
    --vm-captions-font-size-xlarge: 28px;
    --vm-captions-cue-bg-color: var(--vm-color-gray-600);
    --vm-captions-cue-border-radius: 2px;
    --vm-captions-cue-padding: 0.2em 0.5em;
    --vm-controls-bg: transparent;
    --vm-controls-border-radius: 4px;
    --vm-controls-padding: var(--vm-control-spacing);
    --vm-controls-spacing: var(--vm-control-spacing);
    --vm-control-group-spacing: var(--vm-control-spacing);
    --vm-control-border: 0;
    --vm-control-scale: 1;
    --vm-control-border-radius: 3px;
    --vm-control-spacing: 8px;
    --vm-control-padding: 4px;
    --vm-control-icon-size: 28px;
    --vm-control-color: #fff;
    --vm-control-tap-highlight: var(--vm-color-white-200);
    --vm-control-focus-color: #fff;
    --vm-control-focus-bg: var(--vm-player-theme, var(--vm-color-white-200));
    --vm-scrubber-loading-stripe-size: 25px;
    --vm-scrubber-buffered-bg: var(--vm-color-white-200);
    --vm-scrubber-loading-stripe-color: var(--vm-color-white-200);
    --vm-scrubber-tooltip-spacing: 10px;
    --vm-time-font-size: 14px;
    --vm-time-font-weight: 400;
    --vm-time-color: var(--vm-color-white-700);
    --vm-menu-color: var(--vm-color-white-700);
    --vm-menu-bg: var(--vm-color-dark);
    --vm-menu-font-size: 14px;
    --vm-menu-font-weight: 400;
    --vm-menu-transition: transform 0.25s ease-out;
    --vm-menu-item-padding: 8px;
    --vm-menu-item-focus-color: var(--vm-menu-color);
    --vm-menu-item-focus-bg: var(--vm-color-white-100);
    --vm-menu-item-tap-highlight: var(--vm-color-white-100);
    --vm-menu-item-hint-color: var(--vm-menu-color);
    --vm-menu-item-hint-font-size: 13px;
    --vm-menu-item-hint-opacity: 0.54;
    --vm-menu-item-badge-color: var(--vm-menu-color);
    --vm-menu-item-badge-bg: transparent;
    --vm-menu-item-badge-font-size: 10px;
    --vm-menu-item-arrow-color: var(--vm-menu-color);
    --vm-menu-item-check-icon-size: 16px;
    --vm-menu-item-divider-color: var(--vm-color-white-100);
    --vm-settings-width: 275px;
    --vm-settings-padding: 8px;
    --vm-settings-max-height: 75%;
    --vm-settings-border-radius: 2px;
    --vm-settings-shadow: 0 0 8px 2px var(--vm-color-gray-100);
    --vm-settings-scroll-width: 10px;
    --vm-settings-scroll-thumb-color: var(--vm-color-white-200);
    --vm-settings-scroll-track-color: var(--vm-menu-bg);
    --vm-settings-transition: transform 0.2s cubic-bezier(0, 0, 0.4, 1) 0.16s,opacity 0.2s cubic-bezier(0, 0, 0.4, 1) 0.16s
}

    vm-player[video] {
        --vm-tooltip-spacing: 18px
    }

    vm-player[mobile] {
        --vm-control-border-radius: 50%
    }

    vm-player[mobile] {
        --vm-settings-width: 100%;
        --vm-menu-control-padding: 12px calc(var(--vm-control-padding) * 2)
    }

.c-hero-single-news__subtitle p, .font-primary {
    font-family: Surt
}

.font-secondary, .title-small {
    font-family: FRAC
}

.c-cta, .c-single-news-text-block__content h1, .c-single-news-text-block__content h2, .c-single-news-text-block__content h3, .c-single-news-text-block__content h4, .font-tertiary, .form-item input[type=email], .form-item input[type=password], .form-item input[type=text], .form-item select, .form-item textarea {
    font-family: Doyle
}

.c-cta, .c-hero-single-news__subtitle p, .c-single-news-text-block__content h1, .c-single-news-text-block__content h2, .c-single-news-text-block__content h3, .c-single-news-text-block__content h4, .font-weight-300 {
    font-weight: 300
}

.font-weight-600 {
    font-weight: 600
}

.font-weight-700, .title-small {
    font-weight: 700
}

.c-service-hero__text-below-btn p a {
    font-weight: 800
}

.o-contain {
    object-fit: contain
}

.o-cover {
    object-fit: cover
}

.o-0 {
    opacity: 0
}

.o-05 {
    opacity: .05
}

.o-10 {
    opacity: .1
}

.o-15 {
    opacity: .15
}

.o-20 {
    opacity: .2
}

.o-25 {
    opacity: .25
}

.o-30 {
    opacity: .3
}

.o-35 {
    opacity: .35
}

.o-40 {
    opacity: .4
}

.o-45 {
    opacity: .45
}

.o-50 {
    opacity: .5
}

.o-55 {
    opacity: .55
}

.o-60 {
    opacity: .6
}

.o-65 {
    opacity: .65
}

.o-70 {
    opacity: .7
}

.o-75 {
    opacity: .75
}

.o-80 {
    opacity: .8
}

.o-85 {
    opacity: .85
}

.o-90 {
    opacity: .9
}

.o-95 {
    opacity: .95
}

.oh {
    overflow: hidden
}

.pointer-none {
    pointer-events: none
}

.pointer-auto {
    pointer-events: auto
}

.r {
    height: 0;
    position: relative
}

.ro {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.r--1x1 {
    padding-top: 100%
}

.r--2x1 {
    padding-top: 50%
}

.r--3x1 {
    padding-top: 33.3333333333%
}

.r--3x4 {
    padding-top: 133.3333333333%
}

.r--4x3 {
    padding-top: 75%
}

.r--4x5 {
    padding-top: 125%
}

.r--4x6 {
    padding-top: 150%
}

.r--5x4 {
    padding-top: 80%
}

.r--5x7 {
    padding-top: 140%
}

.r--5x8 {
    padding-top: 160%
}

.r--6x4 {
    padding-top: 66.6666666667%
}

.r--7x5 {
    padding-top: 71.4285714286%
}

.r--8x5 {
    padding-top: 62.5%
}

.r--9x16 {
    padding-top: 177.7777777778%
}

.r--16x9 {
    padding-top: 56.25%
}

.r--17x12 {
    padding-top: 70.5882352941%
}

.r--23x10 {
    padding-top: 43.4782608696%
}

.r--43x47 {
    padding-top: 109.3023255814%
}

.z-i-0 {
    z-index: 0
}

.z-i-1 {
    z-index: 1
}

.z-i-2 {
    z-index: 2
}

.z-i-10 {
    z-index: 10
}

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

.align-self-center {
    align-self: center
}

.border-radius-10px {
    border-radius: 10px
}

.border-radius-20px {
    border-radius: 20px
}

.border-radius-full, .c-contact-content .form-item .wpcf7-submit, .c-ghost-btn, .c-home-contact-form .wpcf7-submit, .form-item .wpcf7-submit {
    border-radius: 9999px
}

.c-hero-single-news__subtitle p, .c-service-hero__text-below-btn p a, .color-white {
    color: #fff
}

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

.color-gray-light {
    color: #a8a8a8
}

.color-gray-dark {
    color: #595959
}

.bg-light-bg {
    background-color: #f2f2f2
}

.color-sun {
    color: #ffcd5c
}

.bg-sun {
    background-color: #ffcd5c
}

.color-sun-shade {
    color: #e26b17
}

.bg-sun-shade {
    background-color: #e26b17
}

.bg-oj {
    background-color: #ff9c3b
}

.color-oj-mid {
    color: #f28941
}

.bg-oj-mid {
    background-color: #f28941
}

.color-oj-shade {
    color: #d14923
}

.color-water {
    color: #45c4d7
}

.bg-water {
    background-color: #45c4d7
}

.c-ghost-btn--blue, .c-home-contact-form .wpcf7-submit, .c-single-news-text-block__content h1, .c-single-news-text-block__content h2, .c-single-news-text-block__content h3, .c-single-news-text-block__content h4, .color-water-shade {
    color: #403c6f
}

.bg-water-shade {
    background-color: #045fa3
}

.color-grass {
    color: #87bf51
}

.bg-grass {
    background-color: #87bf51
}

.c-contact-content .form-item .wpcf7-submit, .c-ghost-btn--green, .color-grass-shade {
    color: #006935
}

.border-width-2, .c-contact-content .form-item .wpcf7-submit, .c-ghost-btn, .c-home-contact-form .wpcf7-submit, .form-item .wpcf7-submit {
    border-width: 2px
}

.border-style-solid, .c-contact-content .form-item .wpcf7-submit, .c-ghost-btn, .c-home-contact-form .wpcf7-submit, .form-item .wpcf7-submit {
    border-style: solid
}

.border-color-transparent {
    border-color: transparent
}

.border-color-water, .c-ghost-btn--blue, .c-home-contact-form .wpcf7-submit {
    border-color: #45c4d7
}

.c-dashboard-nav__filter-btn.is-active, .c-news-list__filter-btn.is-active {
    border-color: #045fa3
}

.c-contact-content .form-item .wpcf7-submit, .c-ghost-btn--green {
    border-color: #87bf51
}

.block, .has-border, .title-small {
    display: block
}

.inline-block {
    display: inline-block
}

.none {
    display: none
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-auto {
    flex: 1 1 auto
}

.justify-center {
    justify-content: center
}

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

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

.mx-a {
    margin-left: auto
}

.mx-a {
    margin-right: auto
}

.mb-n18 {
    margin-bottom: -4.5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.c-single-news-text-block__content h1, .c-single-news-text-block__content h2, .c-single-news-text-block__content h3, .c-single-news-text-block__content h4, .mb-2 {
    margin-bottom: .5rem
}

.ml-2 {
    margin-left: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mx-3 {
    margin-left: .75rem
}

.mx-3 {
    margin-right: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.ml-5 {
    margin-left: 1.25rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-13 {
    margin-bottom: 3.25rem
}

.mt-20 {
    margin-top: 5rem
}

.mb-60 {
    margin-bottom: 15rem
}

.px-1 {
    padding-left: .25rem
}

.px-1 {
    padding-right: .25rem
}

.pt-2, .py-2 {
    padding-top: .5rem
}

.py-2 {
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem
}

.py-3 {
    padding-bottom: .75rem
}

.c-contact-content .form-item .wpcf7-submit, .c-ghost-btn, .c-home-contact-form .wpcf7-submit, .form-item .wpcf7-submit, .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem
}

.py-5 {
    padding-bottom: 1.25rem
}

.pl-5, .px-5 {
    padding-left: 1.25rem
}

.px-5 {
    padding-right: 1.25rem
}

.has-border, .pb-6, .title-small {
    padding-bottom: 1.5rem
}

.pl-6, .px-6 {
    padding-left: 1.5rem
}

.px-6 {
    padding-right: 1.5rem
}

.py-7 {
    padding-top: 1.75rem
}

.pb-7, .py-7 {
    padding-bottom: 1.75rem
}

.px-7 {
    padding-left: 1.75rem
}

.px-7 {
    padding-right: 1.75rem
}

.pb-8 {
    padding-bottom: 2rem
}

.px-8 {
    padding-left: 2rem
}

.px-8 {
    padding-right: 2rem
}

.p-9 {
    padding: 2.25rem
}

.pt-10, .py-10 {
    padding-top: 2.5rem
}

.pb-10, .py-10 {
    padding-bottom: 2.5rem
}

.c-contact-content .form-item .wpcf7-submit, .c-ghost-btn, .c-home-contact-form .wpcf7-submit, .form-item .wpcf7-submit, .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.pt-12, .py-12 {
    padding-top: 3rem
}

.pb-12, .py-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.py-15 {
    padding-top: 3.75rem
}

.py-15 {
    padding-bottom: 3.75rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-30 {
    padding-top: 7.5rem
}

.pb-30 {
    padding-bottom: 7.5rem
}

.pt-40 {
    padding-top: 10rem
}

.static {
    position: static
}

.has-border, .relative, .title-small {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.fill {
    right: 0;
    left: 0
}

.fill {
    top: 0;
    bottom: 0
}

.top {
    top: 0
}

.right {
    right: 0
}

.bottom {
    bottom: 0
}

.left {
    left: 0
}

.w100 {
    width: 100%
}

.h100 {
    height: 100%
}

.h0 {
    height: 0
}

.title-small, .uppercase {
    text-transform: uppercase
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.wrap {
    white-space: normal
}

.nowrap {
    white-space: nowrap
}

@media (min-width:990px) {
    .m\:align-items-center {
        align-items: center
    }

    .m\:block {
        display: block
    }

    .m\:inline-block {
        display: inline-block
    }

    .m\:none {
        display: none
    }

    .m\:flex-row {
        flex-direction: row
    }

    .m\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .m\:justify-center {
        justify-content: center
    }

    .m\:justify-between {
        justify-content: space-between
    }

    .m\:mb-0 {
        margin-bottom: 0
    }

    .m\:mt-2 {
        margin-top: .5rem
    }

    .m\:mt-5 {
        margin-top: 1.25rem
    }

    .m\:mb-5 {
        margin-bottom: 1.25rem
    }

    .m\:mr-5 {
        margin-right: 1.25rem
    }

    .m\:mb-9 {
        margin-bottom: 2.25rem
    }

    .m\:ml-18 {
        margin-left: 4.5rem
    }

    .m\:mr-18 {
        margin-right: 4.5rem
    }

    .m\:mb-20 {
        margin-bottom: 5rem
    }

    .m\:pl-0, .m\:px-0 {
        padding-left: 0
    }

    .m\:px-0 {
        padding-right: 0
    }

    .m\:pl-2 {
        padding-left: .5rem
    }

    .m\:pr-2 {
        padding-right: .5rem
    }

    .m\:pr-8 {
        padding-right: 2rem
    }

    .m\:py-30 {
        padding-top: 7.5rem
    }

    .m\:py-30 {
        padding-bottom: 7.5rem
    }

    .m\:w30 {
        width: 30%
    }

    .m\:w50 {
        width: 50%
    }

    .m\:w65 {
        width: 65%
    }

    .m\:text-left {
        text-align: left
    }
}

@media (min-width:1024px) {
    .l\:align-items-center {
        align-items: center
    }

    .l\:border-radius-0 {
        border-radius: 0
    }

    .l\:bg-light-bg {
        background-color: #f2f2f2
    }

    .l\:bg-water {
        background-color: #45c4d7
    }

    .l\:color-water-shade {
        color: #045fa3
    }

    .l\:block {
        display: block
    }

    .l\:none {
        display: none
    }

    .l\:flex {
        display: flex
    }

    .l\:flex-row {
        flex-direction: row
    }

    .l\:justify-end {
        justify-content: flex-end
    }

    .l\:justify-between {
        justify-content: space-between
    }

    .l\:mt-0 {
        margin-top: 0
    }

    .l\:mb-0 {
        margin-bottom: 0
    }

    .l\:ml-2 {
        margin-left: .5rem
    }

    .l\:mb-3 {
        margin-bottom: .75rem
    }

    .l\:mb-4 {
        margin-bottom: 1rem
    }

    .l\:mb-5 {
        margin-bottom: 1.25rem
    }

    .l\:mt-6 {
        margin-top: 1.5rem
    }

    .l\:mb-6 {
        margin-bottom: 1.5rem
    }

    .l\:mb-8 {
        margin-bottom: 2rem
    }

    .l\:my-10 {
        margin-top: 2.5rem
    }

    .l\:mb-10, .l\:my-10 {
        margin-bottom: 2.5rem
    }

    .l\:mb-12 {
        margin-bottom: 3rem
    }

    .l\:mb-14 {
        margin-bottom: 3.5rem
    }

    .l\:mt-15 {
        margin-top: 3.75rem
    }

    .l\:mb-18 {
        margin-bottom: 4.5rem
    }

    .l\:mb-20 {
        margin-bottom: 5rem
    }

    .l\:mt-24 {
        margin-top: 6rem
    }

    .l\:pt-0 {
        padding-top: 0
    }

    .l\:px-0 {
        padding-left: 0
    }

    .l\:px-0 {
        padding-right: 0
    }

    .l\:pb-2 {
        padding-bottom: .5rem
    }

    .l\:pb-5 {
        padding-bottom: 1.25rem
    }

    .l\:pr-5 {
        padding-right: 1.25rem
    }

    .l\:py-8 {
        padding-top: 2rem
    }

    .l\:py-8 {
        padding-bottom: 2rem
    }

    .l\:py-10 {
        padding-top: 2.5rem
    }

    .l\:pb-10, .l\:py-10 {
        padding-bottom: 2.5rem
    }

    .l\:px-12 {
        padding-left: 3rem
    }

    .l\:px-12 {
        padding-right: 3rem
    }

    .l\:py-13 {
        padding-top: 3.25rem
    }

    .l\:pb-13, .l\:py-13 {
        padding-bottom: 3.25rem
    }

    .l\:pt-15, .l\:py-15 {
        padding-top: 3.75rem
    }

    .l\:pb-15, .l\:py-15 {
        padding-bottom: 3.75rem
    }

    .l\:px-15 {
        padding-left: 3.75rem
    }

    .l\:px-15 {
        padding-right: 3.75rem
    }

    .l\:py-16 {
        padding-top: 4rem
    }

    .l\:py-16 {
        padding-bottom: 4rem
    }

    .l\:pb-17 {
        padding-bottom: 4.25rem
    }

    .l\:pl-18 {
        padding-left: 4.5rem
    }

    .l\:pr-18 {
        padding-right: 4.5rem
    }

    .l\:pt-20, .l\:py-20 {
        padding-top: 5rem
    }

    .l\:pb-20, .l\:py-20 {
        padding-bottom: 5rem
    }

    .l\:px-20 {
        padding-left: 5rem
    }

    .l\:px-20 {
        padding-right: 5rem
    }

    .l\:pb-22 {
        padding-bottom: 5.5rem
    }

    .l\:pb-30 {
        padding-bottom: 7.5rem
    }

    .l\:pt-40 {
        padding-top: 10rem
    }

    .l\:pt-42 {
        padding-top: 10.5rem
    }

    .l\:pt-50 {
        padding-top: 12.5rem
    }

    .l\:pb-50 {
        padding-bottom: 12.5rem
    }

    .l\:pt-60 {
        padding-top: 15rem
    }

    .l\:absolute {
        position: absolute
    }

    .l\:top {
        top: 0
    }

    .l\:right {
        right: 0
    }

    .l\:left {
        left: 0
    }

    .l\:w30 {
        width: 30%
    }

    .l\:w50 {
        width: 50%
    }

    .l\:w60 {
        width: 60%
    }

    .l\:w80 {
        width: 80%
    }

    .l\:text-left {
        text-align: left
    }
}

@media (min-width:1200px) {
    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

a {
    background-color: transparent
}

img {
    border-style: none
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.u-typo-inherit *, .u-typo-inherit * *, .u-typo-inherit * * * {
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    line-height: inherit;
    font-weight: inherit
}

.u-color-inherit * {
    color: inherit
}

.u-border-radius-image img {
    border-radius: 20px
}

@media (min-width:1024px) {
    .u-more-padding {
        padding-left: 60px;
        padding-right: 60px
    }
}

* {
    box-sizing: border-box
}

body, html {
    overscroll-behavior: none;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

html {
    font-size: 16px
}

body {
    overflow-x: hidden;
    font-family: Surt;
    min-width: 320px;
    background: #fff
}

blockquote, button, figure, hr {
    padding: 0;
    margin: 0
}

img, video {
    vertical-align: bottom
}

svg {
    display: block
}

button, hr {
    border: none;
    background: 0 0
}

button {
    outline: 0
}

input, select, textarea {
    background-color: transparent
}

@font-face {
    font-family: Surt;
    src: url(Surt-Regular.be1f284c.woff2) format("woff2"),url(Surt-Regular.ec1dcc8c.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Surt;
    src: url(Surt-SemiBoldExp.99853beb.woff2) format("woff2"),url(Surt-SemiBoldExp.61560fe1.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FRAC;
    src: url(FRAC-Bold.4dbb4365.woff2) format("woff2"),url(FRAC-Bold.e9e19ee6.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Doyle;
    src: url(Doyle-Light.3a3b2807.woff2) format("woff2"),url(Doyle-Light.365d8c44.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

body, p, ul li {
    color: #595959;
    line-height: 1;
    font-family: Surt
}

p {
    margin: 0 0 20px
}

    p:last-child {
        margin: 0
    }

a {
    display: inline-block;
    position: relative;
    color: #e43b25
}

    a, a:hover {
        text-decoration: none
    }

        a:hover {
            color: #ea6452
        }

::selection {
    background: #e43b25;
    color: #fff
}

h1, h2, h3, h4 {
    font-weight: 700;
    font-family: Surt
}

h1, h2, h3, h4, ul {
    margin: 0;
    padding: 0
}

    ul li {
        display: inline-block
    }

.display-1, h1, h2 {
    font-size: 32px;
    line-height: 42px
}

@media (min-width:1024px) {
    .display-1, h1, h2 {
        font-size: 44px;
        line-height: 56px
    }
}

@media (min-width:1200px) {
    .display-1, h1, h2 {
        font-size: 60px;
        line-height: 76px
    }
}

.display-2 {
    font-size: 28px;
    line-height: 36px
}

@media (min-width:1024px) {
    .display-2 {
        font-size: 40px;
        line-height: 56px
    }
}

.display-3, h3 {
    font-size: 24px;
    line-height: 32px
}

@media (min-width:1024px) {
    .display-3, h3 {
        font-size: 38px;
        line-height: 48px
    }
}

.c-single-news-text-block__content h1, .c-single-news-text-block__content h2, .c-single-news-text-block__content h3, .c-single-news-text-block__content h4, .display-4, h4 {
    font-size: 20px;
    line-height: 28px
}

@media (min-width:1024px) {
    .c-single-news-text-block__content h1, .c-single-news-text-block__content h2, .c-single-news-text-block__content h3, .c-single-news-text-block__content h4, .display-4, h4 {
        font-size: 30px;
        line-height: 38px
    }
}

.display-4-home {
    font-size: 14px;
    line-height: 26px
}

@media (min-width:1024px) {
    .display-4-home {
        font-size: 20px;
        line-height: 40px
    }
}

.c-cta, .display-5 {
    font-size: 20px;
    line-height: 28px
}

.c-single-news-text-block__content li, .form-item .wpcf7-response-output, .form-item input[type=email], .form-item input[type=password], .form-item input[type=text], .form-item label, .form-item select, .form-item textarea, .text-1, .title-small, p {
    font-size: 16px;
    line-height: 26px
}

@media (min-width:1024px) {
    .c-single-news-text-block__content li, .form-item .wpcf7-response-output, .form-item input[type=email], .form-item input[type=password], .form-item input[type=text], .form-item label, .form-item select, .form-item textarea, .text-1, .title-small, p {
        line-height: 30px
    }
}

.text-1-l {
    font-size: 16px;
    line-height: 18px
}

.text-1-table {
    font-size: 16px;
    line-height: 22px
}

.c-btn, .c-contact-content .form-item .wpcf7-submit, .c-ghost-btn, .c-home-contact-form .wpcf7-submit, .form-item .wpcf7-submit, .text-btn, .text-primary-menu {
    font-size: 18px;
    line-height: 21px
}

.text-secondary-menu {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .03em
}

@media (min-width:1024px) {
    .text-secondary-menu {
        line-height: 20px
    }
}

.form-item span.wpcf7-not-valid-tip, .text-copyright {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .03em
}

@media (min-width:1024px) {
    .form-item span.wpcf7-not-valid-tip, .text-copyright {
        line-height: 14px
    }
}

.c-hero-single-news__subtitle p, .text-hero-subtitle {
    font-size: 16px;
    line-height: 26px
}

@media (min-width:1024px) {
    .c-hero-single-news__subtitle p, .text-hero-subtitle {
        font-size: 18px !important;
        line-height: 28px
    }
}

.grid-12 {
    display: grid;
    grid-column-gap: 8px;
    grid-template-columns: repeat(6,1fr)
}

@media (min-width:1024px) {
    .grid-12 {
        grid-column-gap: 15px;
        grid-template-columns: repeat(24,1fr)
    }
}

.o-container, .o-container-padding {
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width:1024px) {
    .o-container, .o-container-padding {
        padding-left: 70px;
        padding-right: 70px
    }
}

.o-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1440px
}

@media (min-width:1024px) {
    .o-container.is-small {
        padding-left: 8.3333333333%;
        padding-right: 8.3333333333%
    }
}

[data-onscroll^=fade-in] {
    opacity: 0
}

[data-onscroll=parallax] {
    transition: transform .3s ease-out
}

.color-theme-orange, .color-theme-red {
    --color-light: #ff9c3b;
    --color-dark: #d14923
}

.color-theme-green {
    --color-light: #87bf51;
    --color-dark: #006935
}

.color-theme-green-shade {
    --color-light: #006935;
    --color-dark: #87bf51;
    --color-primary: #87bf51;
    --color-secondary: #006935
}

.color-theme-blue, .color-theme-blue-shade, .color-theme-default {
    --color-light: #45c4d7;
    --color-dark: #045fa3
}

.color-theme-red {
    --color-primary: #ff9c3b;
    --color-secondary: #d14923;
    --color-primary-invert: #d14923;
    --color-secondary-invert: #ff9c3b
}

.color-theme-orange {
    --color-primary: #d14923;
    --color-secondary: #ff9c3b;
    --color-primary-invert: #ff9c3b;
    --color-secondary-invert: #d14923
}

.color-theme-green {
    --color-primary: #006935;
    --color-secondary: #87bf51;
    --color-primary-invert: #006935;
    --color-secondary-invert: #87bf51
}

.color-theme-blue, .color-theme-default {
    --color-primary: #045fa3;
    --color-secondary: #45c4d7;
    --color-primary-invert: #045fa3;
    --color-secondary-invert: #45c4d7
}

.color-theme-blue-shade {
    --color-primary: #45c4d7;
    --color-secondary: #045fa3;
    --color-primary-invert: #045fa3;
    --color-secondary-invert: #45c4d7
}

.title-small {
    --dash-scale: 0
}

    .title-small:after {
        background-color: var(--color-light);
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transform: scaleX(var(--dash-scale));
        transform-origin: left center;
        width: 40px
    }

.has-border {
    --dash-scale: 0
}

    .has-border:after {
        background-color: var(--color-light);
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transform: scaleX(var(--dash-scale));
        transform-origin: left center;
        width: 40px
    }

.c-preloader {
    background-color: #000;
    color: #fff
}

.c-image {
    height: 0;
    padding-bottom: var(--padding-bottom);
    position: relative
}

    .c-image img, .c-image video {
        transition: opacity .5s
    }

        .c-image img:not([src]), .c-image video:not([src]) {
            opacity: 0;
            visibility: hidden
        }

.c-header {
    padding-top: 20px;
    transition: box-shadow .3s ease-out,background-color .3s ease-out
}

@media (min-width:1024px) {
    .c-header {
        transform: none;
        padding: 34px 70px
    }
}

.c-header a, .c-header span {
    color: #fff
}

.c-header.header--not-top {
    position: fixed;
    padding-top: 0;
    background-color: #fff;
    box-shadow: 0 0 25px rgba(0,0,0,.075)
}

    .c-header.header--not-top .toggle-menu span {
        background-color: #000
    }

@media (min-width:1024px) {
    .c-header.header--not-top {
        position: absolute;
        padding-top: 34px;
        background-color: transparent;
        box-shadow: none
    }
}

.c-header.is-open {
    padding-top: 0;
    background-color: #fff;
    box-shadow: 0 0 25px transparent
}

    .c-header.is-open .toggle-menu span {
        background-color: #000
    }

        .c-header.is-open .toggle-menu span:first-child {
            transform: rotate(-45deg) translate3d(-50%,-50%,0) scaleX(1.314);
            margin-top: -8px
        }

        .c-header.is-open .toggle-menu span:nth-child(2) {
            transform: scaleX(0) translate3d(-50%,-50%,0)
        }

        .c-header.is-open .toggle-menu span:last-child {
            transform: rotate(45deg) translate3d(-50%,-50%,0) scaleX(1.314);
            margin-top: 13px;
            margin-left: -1px
        }

.c-header__primary--nav ul {
    display: flex
}

    .c-header__primary--nav ul li:not(:last-child) {
        margin-right: 40px
    }

    .c-header__primary--nav ul a {
        position: relative
    }

        .c-header__primary--nav ul a:before {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translate3d(-50%,0,0) scaleX(0);
            transform-origin: center;
            height: 2px;
            width: 40px;
            background-color: var(--color-primary);
            transition: transform .15s ease-out
        }

        .c-header__primary--nav ul .current-menu-item a:before, .c-header__primary--nav ul a:hover:before, body.single-post .c-header__primary--nav ul li:nth-child(2) a:before {
            transform: translate3d(-50%,0,0) scaleX(1)
        }

@media (min-width:1024px) {
    .c-header__secondary {
        margin-bottom: 18px
    }
}

.c-header__secondary--arrow {
    margin-right: 34px
}

    .c-header__secondary--arrow span {
        color: #045fa3;
        padding-right: 10px
    }

@media (min-width:1024px) {
    .c-header__secondary--arrow span {
        color: var(--color-primary)
    }
}

.c-header__secondary--arrow svg {
    width: 15px
}

    .c-header__secondary--arrow svg path {
        fill: #045fa3
    }

@media (min-width:1024px) {
    .c-header__secondary--arrow svg path {
        fill: var(--color-primary)
    }
}

.c-header__secondary--nav ul {
    display: flex
}

    .c-header__secondary--nav ul li:not(:last-child) {
        position: relative;
        margin-right: 20px;
        padding-right: 20px
    }

        .c-header__secondary--nav ul li:not(:last-child):before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 2px;
            background-color: var(--color-primary)
        }

    .c-header__secondary--nav ul li.current-menu-item a {
        color: var(--color-primary)
    }

    .c-header__secondary--nav ul a {
        transition: color .3s ease-out
    }

        .c-header__secondary--nav ul a:hover {
            color: var(--color-primary)
        }

.c-header__secondary.is-logged .c-header__secondary--arrow {
    margin-right: 24px
}

    .c-header__secondary.is-logged .c-header__secondary--arrow span {
        padding-right: 0;
        color: #fff
    }

.c-header__secondary.is-logged .c-header__secondary--nav ul li a {
    color: var(--color-primary)
}

    .c-header__secondary.is-logged .c-header__secondary--nav ul li a:hover {
        color: #fff
    }

.c-header__logo {
    width: 80px
}

@media (min-width:1024px) {
    .c-header__logo {
        width: 100px
    }
}

.c-header__mobile {
    height: 62px
}

.c-header__open {
    position: relative;
    width: 30px;
    height: 38px
}

    .c-header__open .toggle-menu {
        position: absolute;
        top: -12px;
        left: -20px;
        width: calc(100% + 40px);
        height: calc(100% + 24px)
    }

        .c-header__open .toggle-menu span {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 3px;
            width: 30px;
            background-color: #fff;
            transform: translate3d(-50%,-50%,0);
            transition: opacity .3s ease-out,transform .3s ease-out
        }

            .c-header__open .toggle-menu span:first-child {
                margin-top: -8px
            }

            .c-header__open .toggle-menu span:last-child {
                margin-top: 8px
            }

.c-menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #45c4d7;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    padding: 110px 0 40px;
    z-index: 4
}

    .c-menu-mobile hr {
        margin: 40px -24px;
        height: 2px;
        background-color: hsla(0,0%,100%,.1)
    }

    .c-menu-mobile ul {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .c-menu-mobile a {
        color: #fff
    }

    .c-menu-mobile li.current-menu-item a {
        color: #045fa3
    }

    .c-menu-mobile .c-header__secondary--arrow {
        margin: 0 0 32px
    }

        .c-menu-mobile .c-header__secondary--arrow svg {
            transform: rotate(90deg)
        }

.c-menu-mobile__primary-nav li:not(:last-child) {
    margin-bottom: 32px
}

.c-menu-mobile__secondary-nav li:not(:last-child):after {
    content: "";
    display: block;
    width: 35px;
    height: 2px;
    margin: 24px auto;
    background-color: #045fa3
}

.c-footer__primary {
    padding: 30px 14px
}

@media (min-width:1024px) {
    .c-footer__primary {
        padding: 56px 70px
    }
}

.c-footer__secondary {
    padding: 0 14px 42px
}

@media (min-width:1024px) {
    .c-footer__secondary {
        padding: 45px 70px
    }
}

.c-footer__secondary hr {
    margin: 0 -18px 32px;
    height: 2px;
    background-color: #45c4d7
}

.c-footer__secondary--menu ul {
    display: flex;
    flex-direction: column;
    text-align: center
}

@media (min-width:1024px) {
    .c-footer__secondary--menu ul {
        flex-direction: row;
        text-align: left
    }
}

.c-footer__secondary--menu ul li:not(:last-child) {
    margin-bottom: 22px
}

@media (min-width:1024px) {
    .c-footer__secondary--menu ul li:not(:last-child) {
        margin-right: 32px;
        margin-bottom: 0
    }
}

.c-footer__secondary--menu ul a {
    transition: color .3s ease-out;
    font-size: 14px;
    line-height: 1;
    font-weight: 700
}

@media (min-width:1024px) {
    .c-footer__secondary--menu ul a {
        font-size: 16px;
        line-height: 14px;
        letter-spacing: .03em;
    }
}

.c-footer__secondary--menu ul a:hover {
    color: #fff
}

@media (min-width:1024px) {
    .c-footer__logo {
        width: 50%
    }
}

.c-footer__logo svg {
    width: 80px;
    margin-bottom: 8px
}

@media (min-width:1024px) {
    .c-footer__logo svg {
        width: 100px;
        margin-bottom: 12px
    }
}

@media (min-width:1024px) {
    .c-footer__menu {
        width: 50%
    }
}

.c-footer__menu--list {
    width: 50%
}

@media (min-width:1024px) {
    .c-footer__menu--list {
        width: 33.3333333333%
    }
}

.c-footer__menu h3:after {
    content: "";
    display: block;
    margin: 16px 0 22px;
    width: 25px;
    height: 2px;
    background-color: #45c4d7
}

.c-footer__menu ul li {
    display: block
}

    .c-footer__menu ul li:not(:last-child) {
        margin-bottom: 18px
    }

.c-footer__menu ul a {
    transition: color .3s ease-out
}

    .c-footer__menu ul a:hover {
        color: #45c4d7
    }

.c-btn {
    padding: 12px 30px;
    font-weight: 700;
    border: 2px solid #fff;
    border-radius: 25px;
    transition: color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out
}

    .c-btn.water--water-shade {
        color: #fff;
        border-color: #45c4d7
    }

        .c-btn.water--water-shade:hover {
            color: #045fa3;
            background-color: #45c4d7
        }

.c-contact-content .form-item .wpcf7-submit, .c-ghost-btn, .c-home-contact-form .wpcf7-submit, .form-item .wpcf7-submit {
    font-weight: 700;
    cursor: pointer;
    transition: background-color .35s,opacity .35s,border-color .35s,color .35s
}

    .c-ghost-btn--blue:focus-within, .c-ghost-btn--blue:hover, .c-home-contact-form .wpcf7-submit:focus-within, .c-home-contact-form .wpcf7-submit:hover {
        background-color: #045fa3;
        border-color: #045fa3;
        color: #fff
    }

    .c-ghost-btn--blue:active, .c-home-contact-form .wpcf7-submit:active {
        background-color: #045fa3;
        color: #fff
    }

    .c-contact-content .form-item .wpcf7-submit:focus-within, .c-contact-content .form-item .wpcf7-submit:hover, .c-ghost-btn--green:focus-within, .c-ghost-btn--green:hover {
        background-color: #006935;
        border-color: #006935;
        color: #fff
    }

    .c-contact-content .form-item .wpcf7-submit:active, .c-ghost-btn--green:active {
        background-color: #006935;
        color: #fff
    }

.c-spacer {
    width: 40px;
    height: 3px
}

    .c-spacer[data-onscroll=draw-spacer] {
        transform: scaleX(0);
        transform-origin: left center
    }

    .c-spacer.is-small {
        height: 2px
    }

    .c-spacer.is-large {
        width: 96px
    }

.c-cta {
    display: flex;
    align-items: center
}

    .c-cta svg {
        position: relative;
        margin-left: 16px;
        transition: transform .3s ease-out
    }

    .c-cta:hover svg {
        transform: translate3d(6px,0,0)
    }

    .c-cta.color-oj-mid svg path {
        stroke: #f28941
    }

    .c-cta.color-oj-mid:hover {
        color: #d14923
    }

        .c-cta.color-oj-mid:hover svg path {
            stroke: #d14923
        }

.c-card {
    transition: background-color .35s,transform .35s
}

    .c-card a {
        outline: 0
    }

    .c-card .c-card__case-study, .c-card .c-card__content p, .c-card .c-card__read-now, .c-card .c-card__title {
        transition: color .35s
    }

.c-card__read-now {
    margin-top: auto
}

.c-card.is-case-study .c-card__content p {
    color: #045fa3
}

.c-card:focus-within, .c-card:hover {
    background-color: #045fa3;
    transform: translate3d(0,-20px,0)
}

    .c-card:focus-within .c-card__title, .c-card:hover .c-card__title {
        color: #45c4d7
    }

    .c-card:focus-within .c-card__content p, .c-card:focus-within .c-card__read-now, .c-card:focus-within .c-card__tag, .c-card:hover .c-card__content p, .c-card:hover .c-card__read-now, .c-card:hover .c-card__tag {
        color: #fff
    }

.wysiwyg-text h1, .wysiwyg-text h2, .wysiwyg-text h3, .wysiwyg-text h4 {
    color: #045fa3;
    margin-bottom: 16px
}

.c-share__header {
    --dash-scale: 0;
    grid-column: 1/-1
}

@media (min-width:990px) {
    .c-share__header {
        grid-column: 3/-3
    }
}

@media (min-width:1024px) {
    .c-share__header {
        grid-column: 4/-4
    }
}

.c-share__header:after {
    background-color: #45c4d7;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(var(--dash-scale));
    transform-origin: left center;
    width: 40px
}

.c-share__items {
    grid-column: 1/-1
}

@media (min-width:990px) {
    .c-share__items {
        grid-column: 3/-3
    }
}

@media (min-width:1024px) {
    .c-share__items {
        grid-column: 4/-4
    }
}

.c-share__items path {
    transition: fill .35s
}

.c-share__items a:hover path {
    fill: var(--color-primary)
}

.c-alert {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px;
    background-color: #ce4627;
    z-index: 9
}

.c-alert__text {
    padding: 0 20px;
    text-align: center
}

    .c-alert__text * {
        color: #fff;
        font-size: 12px;
        line-height: 1.3
    }

@media (min-width:1024px) {
    .c-alert__text * {
        font-size: 16px
    }
}

.c-alert__text a {
    text-decoration: underline;
    transition: opacity .35s
}

    .c-alert__text a:hover {
        color: #fff;
        opacity: .5
    }

.c-alert__close--button {
    cursor: pointer;
    transition: opacity .35s
}

    .c-alert__close--button:hover {
        opacity: .5
    }

body.is-alert {
    padding-top: 60px
}

@media (min-width:1024px) {
    body.is-alert .c-header {
        margin-top: 60px !important
    }
}

body.is-alert .c-header:not(.header--not-top) {
    margin-top: 60px
}

@media (min-width:1024px) {
    body.is-alert .c-header:not(.header--not-top) {
        margin-top: 0
    }
}

.c-hero__home {
    position: relative;
    padding-top: 120px
}

@media (min-width:1024px) {
    .c-hero__home {
        padding-top: 200px;
        min-height: 900px
    }
}

.c-hero__home:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    height: 100%;
    background-color: #45c4d7;
    pointer-events: none;
    z-index: 0;
    display: none
}

@media (min-width:1024px) {
    .c-hero__home:before {
        display: block
    }
}

.c-hero__home .hero-image {
    height: 100%
}

@media (min-width:1024px) {
    .c-hero__home .hero-image {
        left: 70px
    }
}

.c-hero__home .hero-image .c-image {
    padding-bottom: 0 !important
}

@media (min-width:1024px) {
    .c-hero__home .hero-image .c-image {
        min-height: 750px;
        height: 110%
    }
}

@media (min-width:1200px) {
    .c-hero__home .hero-image .c-image {
        min-height: 750px;
        height: 110%
    }
}

.c-hero__home .right-text {
    position: absolute;
    left: 100%;
    bottom: 0;
    margin-left: 20px
}

    .c-hero__home .right-text .text {
        position: absolute;
        transform: rotate(-90deg) translate3d(36px,22px,0);
        transform-origin: left
    }

.c-hero__home .content-right-mobile {
    margin: 0 -24px;
    padding: 0 20px
}

    .c-hero__home .content-right-mobile .c-image {
        margin: -36px 0 -42px
    }

.c-hero__home .content-left {
    margin-bottom: 66px
}

@media (min-width:1024px) {
    .c-hero__home .content-left {
        margin-bottom: 0
    }
}

.c-home-services {
    margin-top: 110px;
    padding-bottom: 98px
}

@media (min-width:1024px) {
    .c-home-services {
        margin-top: 180px;
        padding-bottom: 86px
    }
}

.c-home-services__header {
    margin-bottom: 68px
}

@media (min-width:1024px) {
    .c-home-services__header {
        margin-bottom: 86px
    }
}

.c-home-services__header .o-container {
    max-width: 880px
}

.c-home-services__header .desc, .c-home-services__header .title {
    padding-left: 14px;
    padding-right: 14px
}

@media (min-width:1024px) {
    .c-home-services__header .desc, .c-home-services__header .title {
        padding-left: 0;
        padding-right: 0
    }
}

.c-home-services__list .service-item:not(:last-child) {
    margin-bottom: 60px
}

@media (min-width:1024px) {
    .c-home-services__list .service-item:not(:last-child) {
        margin-bottom: 110px
    }
}

.c-home-services__list .icon {
    position: absolute;
    bottom: 0;
    z-index: 1
}

.c-home-services__list .icon--top {
    left: 85%
}

.c-home-services__list .icon--bottom {
    right: 85%
}

.c-home-stats {
    padding: 0 0 70px
}

@media (min-width:1024px) {
    .c-home-stats {
        padding: 60px 0 95px
    }
}

@media (min-width:1024px) {
    .c-home-stats .stats-item {
        width: 300px;
        margin: 0 25px
    }
}

.c-home-stats .stats-item .image {
    height: 84px
}

.c-home-our-services {
    padding: 64px 0
}

.c-home-our-services__wrapper {
    padding: 50px 22px 25px
}

@media (min-width:1024px) {
    .c-home-our-services__wrapper {
        padding: 64px 64px 32px
    }
}

.c-home-carousel {
    padding: 44px 24px 20px
}

@media (min-width:1024px) {
    .c-home-carousel {
        padding: 64px 0
    }
}

.c-home-carousel__wrapper .swiper-container {
    opacity: 0;
    pointer-events: auto;
    transition: opacity .3s ease-out
}

    .c-home-carousel__wrapper .swiper-container.swiper-container-initialized {
        pointer-events: auto;
        opacity: 1
    }

    .c-home-carousel__wrapper .swiper-container .swiper-button-next, .c-home-carousel__wrapper .swiper-container .swiper-button-prev {
        left: auto;
        right: auto;
        width: 48px;
        height: 48px;
        margin-top: -24px;
        border-radius: 50%;
        background-color: #fff
    }

        .c-home-carousel__wrapper .swiper-container .swiper-button-next path, .c-home-carousel__wrapper .swiper-container .swiper-button-prev path {
            transition: transform .3s ease-out
        }

        .c-home-carousel__wrapper .swiper-container .swiper-button-next:after, .c-home-carousel__wrapper .swiper-container .swiper-button-prev:after {
            display: none
        }

        .c-home-carousel__wrapper .swiper-container .swiper-button-prev:hover path {
            transform: translate3d(-3px,0,0)
        }

        .c-home-carousel__wrapper .swiper-container .swiper-button-next:hover path {
            transform: translate3d(3px,0,0)
        }

    .c-home-carousel__wrapper .swiper-container .nav-wrapper {
        position: absolute;
        left: 50%;
        width: 1px;
        height: 100%;
        margin: 0 auto
    }

    .c-home-carousel__wrapper .swiper-container .swiper-button-prev {
        margin-left: -470px
    }

    .c-home-carousel__wrapper .swiper-container .swiper-button-next {
        margin-left: 420px
    }

.c-home-carousel__wrapper .pagination {
    margin-top: 20px;
    margin-bottom: 10px
}

    .c-home-carousel__wrapper .pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: transparent;
        border: 2px solid #87bf51;
        transition: background-color .3s ease-out;
        opacity: 1 !important
    }

        .c-home-carousel__wrapper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .c-home-carousel__wrapper .pagination .swiper-pagination-bullet:hover {
            background-color: #87bf51
        }

.c-home-carousel__wrapper .carousel-item {
    width: 100%;
    max-width: 800px;
    padding: 31px 43px;
    border-radius: 20px;
    border: 4px solid #87bf51;
    background-color: #87bf51;
    transition: transform .3s ease-out,background-color .3s ease-out
}

@media (min-width:1024px) {
    .c-home-carousel__wrapper .carousel-item {
        transform: scale(.7);
        padding: 60px;
        background-color: transparent
    }
}

@media (min-width:1024px) {
    .c-home-carousel__wrapper .carousel-item .person-item, .c-home-carousel__wrapper .carousel-item .quote-item, .c-home-carousel__wrapper .carousel-item .role-item {
        color: #006935
    }

    .c-home-carousel__wrapper .carousel-item .c-spacer {
        background-color: #87bf51;
        transition: background-color .3s ease-out
    }
}

.c-home-carousel__wrapper .carousel-item .quote-item:before {
    content: "“ ";
    position: absolute;
    margin-left: -22px
}

.c-home-carousel__wrapper .carousel-item .quote-item:after {
    content: " ”";
    position: absolute;
    margin-right: 6px
}

.c-home-carousel__wrapper .carousel-item .person-item {
    font-size: 22px
}

.c-home-carousel__wrapper .carousel-item .role-item {
    font-size: 17px
}

.c-home-carousel__wrapper .carousel-item.swiper-slide-active {
    background-color: #87bf51
}

@media (min-width:1024px) {
    .c-home-carousel__wrapper .carousel-item.swiper-slide-active {
        transform: scale(1)
    }
}

.c-home-carousel__wrapper .carousel-item.swiper-slide-active .c-spacer {
    background-color: #006935
}

.c-home-case-studies {
    padding: 60px 0
}

.c-home-case-studies__card-wrapper, .c-home-case-studies__sizer {
    width: 100%
}

@media (min-width:600px) {
    .c-home-case-studies__card-wrapper, .c-home-case-studies__sizer {
        width: 50%
    }
}

@media (min-width:1024px) {
    .c-home-case-studies__card-wrapper, .c-home-case-studies__sizer {
        width: 33.3333%
    }
}

.c-home-case-studies__list {
    overflow: visible !important
}

.c-home-case-studies__card-wrapper {
    padding: 0 0 30px
}

@media (min-width:600px) {
    .c-home-case-studies__card-wrapper {
        padding: 0 15px 30px
    }
}

.c-home-case-studies__load-btn[disabled] {
    opacity: .5
}

.c-home-contact-form {
    padding: 0 0 46px
}

@media (min-width:1024px) {
    .c-home-contact-form {
        padding: 0 20px 60px
    }
}

.c-home-contact-form__wrapper {
    border: 2px solid #edeced;
    padding: 46px 20px;
    max-width: 860px
}

@media (min-width:1024px) {
    .c-home-contact-form__wrapper {
        padding: 74px 60px
    }
}

.c-home-contact-form .icon {
    position: absolute;
    bottom: 20px
}

.c-home-contact-form .icon--left {
    right: 100%;
    margin-right: 60px
}

.c-home-contact-form .icon--right {
    left: 100%;
    margin-left: 60px
}

.form-item .wpcf7-form-control-wrap {
    position: relative;
    display: block
}

    .form-item .wpcf7-form-control-wrap.who:before {
        top: 50%;
        background-image: url(select-down-arrow.46195d43.svg);
        pointer-events: none
    }

    .form-item .dropdown:before, .form-item .wpcf7-form-control-wrap.who:before {
        content: "";
        position: absolute;
        right: 20px;
        width: 17px;
        height: 8px;
        margin-top: -1px
    }

.form-item .dropdown:before {
    top: 60%
}

body.color-theme-blue .form-item .dropdown:before {
    background-image: url(select-down-arrow-blue.60dd65ed.svg);
    pointer-events: none
}

body.color-theme-red .form-item .dropdown:before {
    background-image: url(select-down-arrow-orange.e8673f7e.svg);
    pointer-events: none
}

body.color-theme-green .form-item .dropdown:before {
    background-image: url(select-down-arrow-green.87416f08.svg);
    pointer-events: none
}

.c-service-cards__hidden-content .form-item .dropdown:before {
    background-image: url(select-down-arrow-blue-light.104eef4d.svg) !important;
    pointer-events: none
}

.form-item#form-pharmacy .dropdown:before {
    top: 70%
}

.form-item .form-label {
    transform: translateY(50%)
}

.form-item .radio {
    cursor: pointer;
    outline: 0
}

    .form-item .radio input[type=radio]:checked + .custom-radio {
        background-color: #45c4d7
    }

    .form-item .radio:focus-visible {
        outline: 2px solid var(--color-dark);
        outline-offset: 5px
    }

        .form-item .radio:focus-visible .custom-radio {
            opacity: .5
        }

.form-item .custom-radio {
    height: 20px;
    transform: translateY(3px);
    width: 20px
}

.form-item span.wpcf7-list-item {
    margin: 0
}

.form-item .wpcf7 {
    margin: 0 -16px
}

.form-item label {
    display: block;
    color: #999
}

body:not(.page-template-page-service) .form-item label {
    padding: 0 16px
}

.form-item input[type=email], .form-item input[type=password], .form-item input[type=text], .form-item select, .form-item textarea {
    padding: 10px 20px;
    border: 2px solid #edeced;
    border-radius: 8px;
    width: 100%;
    margin-top: 6px;
    transition: border-color .35s;
    appearance: none
}

    .form-item input[type=email] ::-webkit-input-placeholder, .form-item input[type=password] ::-webkit-input-placeholder, .form-item input[type=text] ::-webkit-input-placeholder, .form-item select ::-webkit-input-placeholder, .form-item textarea ::-webkit-input-placeholder {
        color: hsla(0,0%,60%,.5)
    }

    .form-item input[type=email] :-moz-placeholder, .form-item input[type=email] ::-moz-placeholder, .form-item input[type=password] :-moz-placeholder, .form-item input[type=password] ::-moz-placeholder, .form-item input[type=text] :-moz-placeholder, .form-item input[type=text] ::-moz-placeholder, .form-item select :-moz-placeholder, .form-item select ::-moz-placeholder, .form-item textarea :-moz-placeholder, .form-item textarea ::-moz-placeholder {
        color: hsla(0,0%,60%,.5)
    }

    .form-item input[type=email] :-ms-input-placeholder, .form-item input[type=password] :-ms-input-placeholder, .form-item input[type=text] :-ms-input-placeholder, .form-item select :-ms-input-placeholder, .form-item textarea :-ms-input-placeholder {
        color: hsla(0,0%,60%,.5)
    }

body.page-template-page-service .form-item input[type=email], body.page-template-page-service .form-item input[type=password], body.page-template-page-service .form-item input[type=text], body.page-template-page-service .form-item select, body.page-template-page-service .form-item textarea {
    background-color: transparent;
    border-color: var(--color-light);
    color: var(--color-light);
    margin-top: 20px
}

    body.page-template-page-service .form-item input[type=email]::placeholder, body.page-template-page-service .form-item input[type=password]::placeholder, body.page-template-page-service .form-item input[type=text]::placeholder, body.page-template-page-service .form-item select::placeholder, body.page-template-page-service .form-item textarea::placeholder {
        color: var(--color-light)
    }

    body.page-template-page-service .form-item input[type=email]:focus-visible, body.page-template-page-service .form-item input[type=password]:focus-visible, body.page-template-page-service .form-item input[type=text]:focus-visible, body.page-template-page-service .form-item select:focus-visible, body.page-template-page-service .form-item textarea:focus-visible {
        border-color: #fff;
        color: #fff
    }

        body.page-template-page-service .form-item input[type=email]:focus-visible::placeholder, body.page-template-page-service .form-item input[type=password]:focus-visible::placeholder, body.page-template-page-service .form-item input[type=text]:focus-visible::placeholder, body.page-template-page-service .form-item select:focus-visible::placeholder, body.page-template-page-service .form-item textarea:focus-visible::placeholder {
            color: #fff
        }

body.page-template-page-service.color-theme-blue .form-item input[type=email], body.page-template-page-service.color-theme-blue .form-item input[type=password], body.page-template-page-service.color-theme-blue .form-item input[type=text], body.page-template-page-service.color-theme-blue .form-item select, body.page-template-page-service.color-theme-blue .form-item textarea, body.page-template-page-service.color-theme-green .form-item input[type=email], body.page-template-page-service.color-theme-green .form-item input[type=password], body.page-template-page-service.color-theme-green .form-item input[type=text], body.page-template-page-service.color-theme-green .form-item select, body.page-template-page-service.color-theme-green .form-item textarea {
    border-color: var(--color-dark);
    color: var(--color-dark)
}

    body.page-template-page-service.color-theme-blue .form-item input[type=email]::placeholder, body.page-template-page-service.color-theme-blue .form-item input[type=password]::placeholder, body.page-template-page-service.color-theme-blue .form-item input[type=text]::placeholder, body.page-template-page-service.color-theme-blue .form-item select::placeholder, body.page-template-page-service.color-theme-blue .form-item textarea::placeholder, body.page-template-page-service.color-theme-green .form-item input[type=email]::placeholder, body.page-template-page-service.color-theme-green .form-item input[type=password]::placeholder, body.page-template-page-service.color-theme-green .form-item input[type=text]::placeholder, body.page-template-page-service.color-theme-green .form-item select::placeholder, body.page-template-page-service.color-theme-green .form-item textarea::placeholder {
        color: var(--color-dark)
    }

    body.page-template-page-service.color-theme-blue .form-item input[type=email]:focus-visible, body.page-template-page-service.color-theme-blue .form-item input[type=password]:focus-visible, body.page-template-page-service.color-theme-blue .form-item input[type=text]:focus-visible, body.page-template-page-service.color-theme-blue .form-item select:focus-visible, body.page-template-page-service.color-theme-blue .form-item textarea:focus-visible, body.page-template-page-service.color-theme-green .form-item input[type=email]:focus-visible, body.page-template-page-service.color-theme-green .form-item input[type=password]:focus-visible, body.page-template-page-service.color-theme-green .form-item input[type=text]:focus-visible, body.page-template-page-service.color-theme-green .form-item select:focus-visible, body.page-template-page-service.color-theme-green .form-item textarea:focus-visible {
        border-color: #fff;
        color: #fff
    }

        body.page-template-page-service.color-theme-blue .form-item input[type=email]:focus-visible::placeholder, body.page-template-page-service.color-theme-blue .form-item input[type=password]:focus-visible::placeholder, body.page-template-page-service.color-theme-blue .form-item input[type=text]:focus-visible::placeholder, body.page-template-page-service.color-theme-blue .form-item select:focus-visible::placeholder, body.page-template-page-service.color-theme-blue .form-item textarea:focus-visible::placeholder, body.page-template-page-service.color-theme-green .form-item input[type=email]:focus-visible::placeholder, body.page-template-page-service.color-theme-green .form-item input[type=password]:focus-visible::placeholder, body.page-template-page-service.color-theme-green .form-item input[type=text]:focus-visible::placeholder, body.page-template-page-service.color-theme-green .form-item select:focus-visible::placeholder, body.page-template-page-service.color-theme-green .form-item textarea:focus-visible::placeholder {
            color: #fff
        }

.form-item input[type=email]:focus-within, .form-item input[type=email]:hover, .form-item input[type=password]:focus-within, .form-item input[type=password]:hover, .form-item input[type=text]:focus-within, .form-item input[type=text]:hover, .form-item select:focus-within, .form-item select:hover, .form-item textarea:focus-within, .form-item textarea:hover {
    border-color: #45c4d7
}

.form-item input[type=email]:focus, .form-item input[type=password]:focus, .form-item input[type=text]:focus, .form-item select:focus, .form-item textarea:focus {
    outline: 0
}

.form-item select {
    color: #999
}

.form-item textarea {
    background-color: transparent;
    height: 130px
}

    .form-item textarea:focus {
        outline: 0
    }

.form-item .wpcf7-submit {
    background-color: transparent;
    outline: 0;
    width: 100%
}

body.page-template-page-service .form-item .wpcf7-submit {
    border-color: var(--color-light);
    color: #fff
}

    body.page-template-page-service .form-item .wpcf7-submit:hover {
        background-color: var(--color-light)
    }

body.page-template-page-service.color-theme-blue .form-item .wpcf7-submit, body.page-template-page-service.color-theme-green .form-item .wpcf7-submit {
    border-color: var(--color-dark);
    color: #fff
}

    body.page-template-page-service.color-theme-blue .form-item .wpcf7-submit:focus-visible, body.page-template-page-service.color-theme-blue .form-item .wpcf7-submit:hover, body.page-template-page-service.color-theme-green .form-item .wpcf7-submit:focus-visible, body.page-template-page-service.color-theme-green .form-item .wpcf7-submit:hover {
        background-color: var(--color-dark)
    }

@media (min-width:1024px) {
    .form-item .wpcf7-submit {
        width: auto
    }
}

.form-item .ajax-loader {
    display: none !important
}

.form-item .wpcf7-response-output {
    border: none !important;
    padding: 0 16px !important;
    margin: 40px 0 0 !important;
    font-weight: 700;
    color: #045fa3;
    text-align: center
}

.form-item span.wpcf7-not-valid-tip {
    color: #e43b25;
    margin: 10px 0 -10px
}

.form-item .form-submit {
    display: flex;
    padding: 0 16px;
    flex-direction: column
}

@media (min-width:1024px) {
    .form-item .form-submit {
        flex-direction: row
    }
}

.form-item .form-submit .form-submit-button {
    text-align: center
}

@media (min-width:1024px) {
    .form-item .form-submit .form-submit-button {
        text-align: left
    }
}

.form-item .form-submit .form-privacy {
    padding-top: 24px;
    text-align: center
}

@media (min-width:1024px) {
    .form-item .form-submit .form-privacy {
        padding-top: 0;
        padding-left: 60px;
        text-align: left
    }
}

.form-item .form-submit .form-privacy a, .form-item .form-submit .form-privacy p {
    color: #999;
    margin: 0
}

    .form-item .form-submit .form-privacy a:hover {
        color: #045fa3
    }

.c-contact-hero {
    background-color: var(--color-secondary)
}

.c-contact-hero__header {
    grid-column: 1/-1
}

@media (min-width:990px) {
    .c-contact-hero__header {
        align-self: center;
        grid-column: 1/span 10
    }
}

.c-contact-hero__title {
    color: var(--color-primary)
}

@media (min-width:990px) {
    .c-contact-hero__illustration {
        padding-top: 200px;
        margin-top: -200px;
        grid-column: 14/-1
    }
}

.c-contact-content .form-item {
    background-color: #fff;
    border: 2px solid #edeced;
    margin-top: -80px;
    padding: 36px 18px
}

@media (min-width:1024px) {
    .c-contact-content .form-item {
        margin-top: -170px;
        padding: 66px 58px 44px
    }
}

.c-contact-content .form-item input[type=email]:focus-within, .c-contact-content .form-item input[type=email]:hover, .c-contact-content .form-item input[type=text]:focus-within, .c-contact-content .form-item input[type=text]:hover, .c-contact-content .form-item select:focus-within, .c-contact-content .form-item select:hover, .c-contact-content .form-item textarea:focus-within, .c-contact-content .form-item textarea:hover {
    border-color: #87bf51
}

.c-contact-content .form-item .wpcf7-response-output {
    color: #006935 !important
}

@media (min-width:1024px) {
    .c-contact-content .form-item .form-submit {
        flex-direction: row-reverse
    }
}

@media (min-width:1024px) {
    .c-contact-content .form-item .form-submit .form-privacy {
        padding-right: 60px;
        padding-left: 0
    }
}

.c-what-we-do-hero {
    background-color: var(--color-light)
}

.c-what-we-do-hero__title {
    color: var(--color-dark)
}

@media (min-width:1024px) {
    .c-what-we-do-hero__image {
        position: absolute;
        top: 50%;
        width: 100%
    }
}

.c-what-we-do-hero__image .hero-image {
    width: 40%
}

.c-what-we-do-hero__image .hero-image-mobile {
    margin: 40px 0 -300px
}

.services-wrapper .service-item {
    border: 3px solid #87bf51;
    padding: 30px 22px 26px;
    margin-bottom: 20px;
    transition: color .35s,border-color .35s,background-color .35s
}

@media (min-width:1024px) {
    .services-wrapper .service-item {
        margin-bottom: 0;
        padding: 36px 56px
    }
}

.services-wrapper .service-item.is-full .service-item-wrapper {
    cursor: pointer;
    width: 100%
}

.services-wrapper .service-item.is-full.is-active {
    border-color: #006935;
    background-color: #006935
}

    .services-wrapper .service-item.is-full.is-active .desc p:not(.cta-text), .services-wrapper .service-item.is-full.is-active .desc-full p, .services-wrapper .service-item.is-full.is-active .title-item {
        color: #fff
    }

    .services-wrapper .service-item.is-full.is-active .arrow {
        transform: rotate(90deg)
    }

@media (min-width:1024px) {
    .services-wrapper .service-item.is-full.is-active .arrow {
        transform: translate3d(0,-50%,0) rotate(90deg)
    }
}

@media (min-width:1024px) {
    .services-wrapper .service-item.is-full:hover {
        border-color: #006935;
        background-color: #006935
    }

        .services-wrapper .service-item.is-full:hover .desc p:not(.cta-text), .services-wrapper .service-item.is-full:hover .desc-full p, .services-wrapper .service-item.is-full:hover .title-item {
            color: #fff
        }

        .services-wrapper .service-item.is-full:hover .arrow {
            transform: translate3d(0,-50%,0) rotate(90deg)
        }
}

.services-wrapper .service-item.is-full.is-active .close-text, .services-wrapper .service-item.is-full.is-active .desc-full {
    display: block
}

.services-wrapper .service-item.is-full.is-active .read-more-text {
    display: none
}

.services-wrapper .desc p:not(.cta-text), .services-wrapper .title-item {
    transition: color .35s
}

.services-wrapper .desc-full {
    display: none;
    clear: both;
    padding: 26px 0 0
}

@media (min-width:1024px) {
    .services-wrapper .desc-full {
        padding: 40px 56px 0
    }
}

.services-wrapper .arrow {
    position: absolute;
    top: -40px;
    right: 0;
    margin-top: -14px;
    transition: transform .35s
}

@media (min-width:1024px) {
    .services-wrapper .arrow {
        top: 50%;
        transform: translate3d(0,-50%,0)
    }
}

.services-wrapper .cta-text {
    margin-top: -12px;
    margin-bottom: 0
}

    .services-wrapper .cta-text .close-text {
        display: none
    }

@media (min-width:1024px) {
    .services-wrapper {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

        .services-wrapper .service-item.is-full {
            clear: both;
            grid-column-start: 1;
            grid-column-end: 3
        }

            .services-wrapper .service-item.is-full .icon {
                position: absolute;
                top: 0;
                left: 0
            }

            .services-wrapper .service-item.is-full .title {
                position: absolute;
                top: 0;
                left: 54px;
                width: calc(50% - 100px)
            }

            .services-wrapper .service-item.is-full .desc {
                float: right;
                width: 50%;
                padding-right: 50px
            }
}

.c-about-hero {
    background-color: var(--color-light)
}

.c-about-hero__header {
    grid-column: 1/-1;
    grid-row: 1
}

@media (min-width:1024px) {
    .c-about-hero__header {
        grid-column: 1/span 14
    }
}

.c-about-hero__title {
    color: var(--color-dark)
}

.c-about-hero__content {
    grid-column: 1/-1;
    grid-row: 2
}

@media (min-width:1024px) {
    .c-about-hero__content {
        grid-column: 1/span 12
    }
}

.c-about-hero__illustration {
    align-self: end;
    grid-column: 14/-1;
    grid-row: 1/span 2;
    transform: translateY(30%)
}

@media (min-width:1024px) {
    .c-about-hero__illustration {
        transform: translateY(29%)
    }
}

@media (min-width:1100px) {
    .c-about-hero__illustration {
        transform: translateY(28%)
    }
}

@media (min-width:1200px) {
    .c-about-hero__illustration {
        transform: translateY(26%)
    }
}

@media (min-width:1440px) {
    .c-about-hero__illustration {
        transform: translateY(24%)
    }
}

.c-about-hero__illustration circle, .c-about-hero__illustration path {
    fill: var(--color-dark)
}

.c-about-hero-image:after {
    background-color: var(--color-light);
    content: "";
    display: block;
    height: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:1024px) {
    .c-about-hero-image:after {
        height: 100px
    }
}

.c-about-mission__content {
    grid-column: 1/-1;
    grid-row: 1
}

@media (min-width:1024px) {
    .c-about-mission__content {
        align-self: center;
        grid-column: 1/span 12
    }
}

.c-about-mission__pre-title, .c-about-mission__title {
    color: var(--color-dark)
}

.c-about-mission__image {
    grid-column: 1/-1;
    grid-row: 2
}

@media (min-width:1024px) {
    .c-about-mission__image {
        align-self: center;
        grid-column: 14/-1;
        grid-row: 1
    }
}

.c-about-values__title {
    color: var(--color-dark)
}

    .c-about-values__title:after {
        background-color: var(--color-light);
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translate(-50%);
        width: 40px
    }

    .c-about-values__title span {
        color: var(--color-secondary)
    }

.c-about-values__elems {
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 1
}

@media (min-width:500px) {
    .c-about-values__elems {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:990px) {
    .c-about-values__elems {
        grid-template-columns: repeat(4,1fr)
    }
}

.c-about-values__elem-icon {
    height: 80px
}

    .c-about-values__elem-icon path {
        fill: var(--color-dark)
    }

.c-about-values__elem-title {
    color: var(--color-light)
}

.c-about-team__title {
    color: var(--color-dark)
}

    .c-about-team__title:after {
        left: 50%;
        transform: translate(-50%)
    }

@media (min-width:990px) {
    .c-about-team__title:after {
        left: 0;
        transform: translate(0) scale(var(--dash-scale))
    }
}

.c-about-team__members {
    display: grid;
    grid-column-gap: 22px;
    grid-template-columns: 1fr
}

@media (min-width:500px) {
    .c-about-team__members {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:990px) {
    .c-about-team__members {
        grid-template-columns: repeat(3,1fr)
    }
}

.c-about-team__member-name {
    color: var(--color-dark)
}

.c-about-team__member-role {
    color: var(--color-light)
}

.c-about-team__member-name, .c-about-team__member-role {
    transition: color .3s ease-out
}

.c-about-team .c-image img {
    transition: opacity .5s,transform .3s ease-out
}

.c-about-team .open-person {
    cursor: pointer
}

    .c-about-team .open-person:hover .c-image img {
        transform: scale(1.05)
    }

    .c-about-team .open-person:hover .c-about-team__member-name {
        color: var(--color-light)
    }

    .c-about-team .open-person:hover .c-about-team__member-role {
        color: var(--color-dark)
    }

.c-person-wrapper {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

    .c-person-wrapper .overlay-close {
        background-color: rgba(0,0,0,.6)
    }

    .c-person-wrapper .close-person {
        position: absolute;
        top: 26px;
        right: 28px;
        cursor: pointer;
        transition: transform .3s ease-out;
        z-index: 10
    }

@media (min-width:990px) {
    .c-person-wrapper .close-person {
        top: 18px;
        right: 20px
    }
}

.c-person-wrapper .close-person svg {
    width: 20px
}

.c-person-wrapper .close-person path {
    transition: stroke .3s ease-out
}

.c-person-wrapper .close-person:hover path {
    stroke: var(--color-dark)
}

.c-person-wrapper .c-image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px 20px 0 0
}

@media (min-width:990px) {
    .c-person-wrapper .c-image {
        border-radius: 20px 0 0 20px
    }
}

.c-person-wrapper .person-text__wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    max-height: 300px
}

@media (min-width:990px) {
    .c-person-wrapper .person-text__wrapper {
        max-height: 60vh
    }
}

.c-person-wrapper .person-image {
    width: 100%;
    height: 200px
}

@media (min-width:990px) {
    .c-person-wrapper .person-image {
        height: auto;
        width: 33.3333333333%
    }
}

.c-person-wrapper .person-text {
    padding: 20px
}

@media (min-width:990px) {
    .c-person-wrapper .person-text {
        width: 66.6666666667%;
        padding: 72px 64px 52px
    }
}

.c-about-working__content {
    grid-column: 1/-1
}

@media (min-width:990px) {
    .c-about-working__content {
        grid-column: 1/span 12
    }
}

.c-about-working__pre-title, .c-about-working__title {
    color: var(--color-dark)
}

.c-about-working__illustration {
    grid-column: 14/-1
}

    .c-about-working__illustration path {
        fill: var(--color-light)
    }

.c-about-jobs__header {
    grid-column: 1/-1;
    grid-row: 1
}

@media (min-width:990px) {
    .c-about-jobs__header {
        grid-column: 1/span 12
    }
}

@media (min-width:1200px) {
    .c-about-jobs__header {
        grid-column: 1/span 9
    }
}

.c-about-jobs__title {
    color: var(--color-dark)
}

.c-about-jobs__job-link {
    border-color: var(--color-light);
    transition: color .35s,border-color .35s,background-color .35s
}

    .c-about-jobs__job-link:hover {
        background-color: var(--color-dark);
        border-color: var(--color-dark);
        color: #fff
    }

        .c-about-jobs__job-link:hover .c-about-jobs__job-copy, .c-about-jobs__job-link:hover .c-about-jobs__job-title, .c-about-jobs__job-link:hover .c-about-jobs__read-more {
            color: #fff
        }

        .c-about-jobs__job-link:hover .c-about-jobs__job-location {
            color: var(--color-light)
        }

        .c-about-jobs__job-link:hover .c-about-jobs__view {
            opacity: 1
        }

.c-about-jobs__copy {
    grid-column: 1/-1;
    grid-row: 2;
    transition: color .35s
}

@media (min-width:990px) {
    .c-about-jobs__copy {
        grid-column: 13/span 12;
        grid-row: 1
    }
}

.c-about-jobs__job-title {
    color: var(--color-dark);
    grid-column: 1/-2;
    grid-row: 1;
    transition: color .35s
}

@media (min-width:990px) {
    .c-about-jobs__job-title {
        grid-column: 2/span 9
    }
}

.c-about-jobs__job-location {
    color: var(--color-dark);
    grid-column: 1/-2;
    grid-row: 2;
    transition: color .35s
}

@media (min-width:990px) {
    .c-about-jobs__job-location {
        grid-column: 2/span 9
    }
}

.c-about-jobs__job-copy {
    grid-column: 1/-1;
    grid-row: 3
}

@media (min-width:990px) {
    .c-about-jobs__job-copy {
        grid-column: 13/span 10;
        grid-row: 1/span 3
    }
}

.c-about-jobs__read-more {
    color: var(--color-dark);
    grid-column: 1/-1;
    grid-row: 4
}

@media (min-width:990px) {
    .c-about-jobs__read-more {
        grid-column: 2/span 9;
        grid-row: 3
    }
}

.c-about-jobs__view {
    align-self: end;
    border-color: var(--color-light);
    grid-column: 2/span 9;
    justify-self: start;
    transition: opacity .35s
}

.c-about-jobs svg {
    align-self: center;
    grid-column: 6;
    grid-row: 1/span 2;
    justify-self: center
}

@media (min-width:990px) {
    .c-about-jobs svg {
        grid-column: 23/span 2;
        grid-row: 1/span 3
    }
}

.c-about-jobs svg path {
    stroke: var(--color-light)
}

.c-hero-news:after {
    display: block
}

.c-hero-news__header {
    max-width: 500px
}

.c-hero-news__svg {
    height: 255px;
    width: 523px
}

    .c-hero-news__svg path {
        fill: var(--color-primary)
    }

body.page-template-page-news .c-news-list:before {
    background-color: #45c4d7;
    content: "";
    display: block;
    position: absolute;
    height: 250px;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%
}

@media (min-width:1024px) {
    body.page-template-page-news .c-news-list:before {
        height: 329px
    }
}

.c-news-list__filter-btn {
    cursor: pointer;
    transition: border-color .35s
}

    .c-news-list__filter-btn:focus-within, .c-news-list__filter-btn:hover {
        border-color: rgba(4,95,163,.7)
    }

.c-news-list__posts {
    overflow: visible !important
}

@media (min-width:600px) {
    .c-news-list__posts {
        margin: 0 -15px
    }
}

.c-news-list__card-wrapper, .c-news-list__sizer {
    width: 100%
}

@media (min-width:600px) {
    .c-news-list__card-wrapper, .c-news-list__sizer {
        width: 50%
    }
}

@media (min-width:1024px) {
    .c-news-list__card-wrapper, .c-news-list__sizer {
        width: 33.3333%
    }
}

.c-news-list__card-wrapper {
    padding: 0 0 30px
}

@media (min-width:600px) {
    .c-news-list__card-wrapper {
        padding: 0 15px 30px
    }
}

.c-news-list__load-btn[disabled] {
    opacity: .5
}

.c-hero-single-news__header {
    max-width: 540px
}

.c-hero-single-news__thumbnail:before {
    background-color: #45c4d7;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-hero-single-news__thumbnail .o-container {
    max-width: 1150px
}

.c-single-news-text-block__content, .c-single-news-text-block__header {
    grid-column: 1/-1
}

@media (min-width:990px) {
    .c-single-news-text-block__content, .c-single-news-text-block__header {
        grid-column: 3/-3
    }
}

@media (min-width:1024px) {
    .c-single-news-text-block__content, .c-single-news-text-block__header {
        grid-column: 4/-4
    }
}

.c-single-news-text-block__content ul {
    list-style-type: disc;
    padding-left: 1em
}

    .c-single-news-text-block__content ul li {
        display: list-item
    }

.c-single-news-text-block__content ol {
    padding-left: 1.2em
}

.c-single-news-text-block__content a {
    color: #045fa3
}

    .c-single-news-text-block__content a:hover {
        color: #057cd5
    }

@media (min-width:990px) {
    .c-single-news-text-image-block .o-container {
        align-items: center
    }
}

.c-single-news-text-image-block__content {
    grid-column: 1/-1;
    grid-row: 2
}

@media (min-width:990px) {
    .c-single-news-text-image-block__content {
        grid-column: 3/span 10;
        grid-row: 1
    }

    [data-align=right] .c-single-news-text-image-block__content {
        grid-column: 14/span 10
    }
}

@media (min-width:1024px) {
    .c-single-news-text-image-block__content {
        grid-column: 3/span 9
    }

    [data-align=right] .c-single-news-text-image-block__content {
        grid-column: 14/span 9
    }
}

@media (min-width:1200px) {
    .c-single-news-text-image-block__content {
        grid-column: 4/span 8
    }

    [data-align=right] .c-single-news-text-image-block__content {
        grid-column: 14/span 8
    }
}

@media (min-width:990px) {
    [data-align=left] .c-single-news-text-image-block__content[data-has-border] {
        padding: 25px 45px 25px 0;
        border-right: 3px solid #45c4d7
    }
}

@media (min-width:1200px) {
    [data-align=left] .c-single-news-text-image-block__content[data-has-border] {
        padding-top: 50px;
        border-right: 3px solid #45c4d7
    }
}

@media (min-width:990px) {
    [data-align=right] .c-single-news-text-image-block__content[data-has-border] {
        padding: 50px 0 50px 45px;
        border-left: 3px solid #45c4d7
    }
}

.c-single-news-text-image-block__image {
    grid-column: 1/-1;
    grid-row: 1
}

@media (min-width:990px) {
    .c-single-news-text-image-block__image {
        grid-column: 14/span 9
    }

    [data-align=right] .c-single-news-text-image-block__image {
        grid-column: 3/span 10
    }
}

@media (min-width:1024px) {
    .c-single-news-text-image-block__image {
        grid-column: 13/span 10
    }

    [data-align=right] .c-single-news-text-image-block__image {
        grid-column: 3/span 10
    }
}

.c-single-news-quote-block blockquote {
    grid-column: 1/-1
}

@media (min-width:990px) {
    .c-single-news-quote-block blockquote {
        grid-column: 3/-3
    }
}

@media (min-width:1024px) {
    .c-single-news-quote-block blockquote {
        grid-column: 4/-4
    }
}

.c-single-news-quote-block blockquote svg {
    height: 27px;
    position: absolute;
    width: 34px
}

@media (min-width:1024px) {
    .c-single-news-quote-block blockquote svg {
        height: 38px;
        width: 48px
    }
}

.c-single-news-quote-block blockquote svg:first-of-type {
    left: 1rem;
    top: -.5rem
}

@media (min-width:1024px) {
    .c-single-news-quote-block blockquote svg:first-of-type {
        left: 5rem;
        top: -.8rem
    }
}

.c-single-news-quote-block blockquote svg:nth-of-type(2) {
    bottom: -.5rem;
    right: 1rem;
    transform: rotate(.5turn)
}

@media (min-width:1024px) {
    .c-single-news-quote-block blockquote svg:nth-of-type(2) {
        bottom: -.8rem;
        right: 5rem
    }
}

.c-single-news-video .o-container {
    max-width: 1220px
}

.c-single-news-related-posts__header {
    --dash-scale: 0;
    grid-column: 1/-1
}

    .c-single-news-related-posts__header:after {
        background-color: #45c4d7;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transform: scaleX(var(--dash-scale));
        transform-origin: left center;
        width: 40px
    }

.c-single-news-related-posts .o-container {
    grid-row-gap: 32px;
    grid-template-columns: 1fr
}

@media (min-width:600px) {
    .c-single-news-related-posts .o-container {
        grid-column-gap: 30px;
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1024px) {
    .c-single-news-related-posts .o-container {
        grid-template-columns: repeat(3,1fr)
    }
}

.c-single-news-related-posts__back-link-wrapper {
    grid-column: 1/-1
}

.c-hero-case-study {
    background-color: var(--color-secondary)
}

.c-hero-case-study__header {
    max-width: 540px
}

.c-hero-case-study__title {
    color: var(--color-primary)
}

.c-hero-case-study__thumbnail:before {
    background-color: var(--color-secondary);
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-hero-case-study__thumbnail .o-container {
    max-width: 1150px
}

.c-single-case-related__header {
    --dash-scale: 0;
    grid-column: 1/-1
}

    .c-single-case-related__header:after {
        background-color: #45c4d7;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transform: scaleX(var(--dash-scale));
        transform-origin: left center;
        width: 40px
    }

.c-single-case-related__subtitle {
    grid-column: 1/-1;
    grid-row: 2
}

.c-single-case-related .o-container {
    grid-row-gap: 32px;
    grid-template-columns: 1fr
}

@media (min-width:600px) {
    .c-single-case-related .o-container {
        grid-column-gap: 30px;
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1024px) {
    .c-single-case-related .o-container {
        grid-template-columns: repeat(3,1fr)
    }
}

.c-single-case-related__button-wrapper {
    grid-column: 1/-1
}

.c-content-with-title .o-container {
    max-width: 1150px
}

.c-content-with-title__pre-title {
    color: var(--color-dark);
    grid-column: 1/-1;
    grid-row: 1
}

.c-content-with-title__header {
    grid-column: 1/-1;
    grid-row: 2
}

@media (min-width:990px) {
    .c-content-with-title__header {
        grid-column: 1/span 10
    }
}

@media (min-width:1200px) {
    .c-content-with-title__header {
        grid-column: 1/span 11
    }
}

.c-content-with-title__title {
    color: var(--color-dark)
}

.c-content-with-title__body {
    grid-column: 1/-1;
    grid-row: 3
}

@media (min-width:990px) {
    .c-content-with-title__body {
        grid-row: 2/span 3;
        grid-column: 13/-1
    }
}

.c-content-with-title__body a {
    color: var(--color-dark)
}

    .c-content-with-title__body a:hover {
        color: #000
    }

.c-full-width-content__pre-title {
    color: var(--color-dark);
    grid-column: 1/-1;
    grid-row: 1
}

@media (min-width:1024px) {
    .c-full-width-content__pre-title {
        grid-column: 3/-3
    }
}

@media (min-width:1200px) {
    .c-full-width-content__pre-title {
        grid-column: 5/-5
    }
}

.c-full-width-content__body {
    color: var(--color-dark);
    grid-column: 1/-1;
    grid-row: 2;
    line-height: 1.53846
}

@media (min-width:1024px) {
    .c-full-width-content__body {
        grid-column: 3/-3
    }
}

@media (min-width:1200px) {
    .c-full-width-content__body {
        grid-column: 5/-5
    }
}

.c-content-with-table__title {
    color: var(--color-dark);
    grid-column: 1/-1;
    grid-row: 1
}

@media (min-width:1024px) {
    .c-content-with-table__title {
        grid-column: 3/-3
    }
}

@media (min-width:1200px) {
    .c-content-with-table__title {
        grid-column: 5/-5
    }
}

.c-content-with-table__body {
    grid-column: 1/-1;
    grid-row: 2
}

@media (min-width:1024px) {
    .c-content-with-table__body {
        grid-column: 3/-3
    }
}

@media (min-width:1200px) {
    .c-content-with-table__body {
        grid-column: 5/-5
    }
}

.c-content-with-table__table-wrapper {
    grid-column: 1/-1;
    grid-row: 3
}

@media (min-width:1024px) {
    .c-content-with-table__table-wrapper {
        grid-column: 3/-3
    }
}

@media (min-width:1200px) {
    .c-content-with-table__table-wrapper {
        grid-column: 5/-5
    }
}

.c-content-with-table__table-wrapper table {
    border-collapse: collapse;
    box-shadow: 0 0 0 2px #f2f2f2
}

.c-content-with-table__table-wrapper .row-has-bg {
    background-color: #e5f2f4
}

.c-service-hero {
    background-color: var(--color-secondary)
}

.c-service-hero__header {
    grid-column: 1/-1
}

@media (min-width:990px) {
    .c-service-hero__header {
        align-self: center;
        grid-column: 1/span 11
    }
}

.c-service-hero__title {
    color: var(--color-primary)
}

.c-service-hero__btn {
    font-weight: 700;
    border-color: var(--color-primary);
    transition: background-color .35s
}

    .c-service-hero__btn:hover {
        background-color: var(--color-primary);
        color: #fff
    }

.c-service-hero__text-below-btn p {
    color: var(--color-primary)
}

    .c-service-hero__text-below-btn p a:hover {
        text-decoration: underline
    }

.c-service-hero__illustration {
    transform: translateY(7%)
}

@media (min-width:990px) {
    .c-service-hero__illustration {
        grid-column: 14/-1
    }
}

.c-service-hero__illustration .stroke {
    stroke: var(--color-primary)
}

.c-service-hero__illustration .fill {
    fill: var(--color-primary)
}

.c-service-content__pre-title {
    --dash-scale: 0;
    color: var(--color-primary-invert);
    grid-column: 1/-1;
    grid-row: 1
}

    .c-service-content__pre-title:after {
        background-color: var(--color-secondary-invert);
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transform: scaleX(var(--dash-scale));
        transform-origin: left center;
        width: 40px
    }

.c-service-content__header {
    grid-column: 1/-1;
    grid-row: 2
}

@media (min-width:990px) {
    .c-service-content__header {
        grid-column: 1/span 10
    }
}

@media (min-width:1200px) {
    .c-service-content__header {
        grid-column: 1/span 9
    }
}

.c-service-content__title {
    color: var(--color-primary-invert)
}

.c-service-content__body {
    grid-column: 1/-1;
    grid-row: 3
}

@media (min-width:990px) {
    .c-service-content__body {
        grid-row: 2/span 3;
        grid-column: 13/-1
    }
}

.c-service-content__body a {
    color: var(--color-primary-invert)
}

    .c-service-content__body a:hover {
        color: var(--color-secondary-invert)
    }

.c-service-content__btn {
    border-color: var(--color-secondary-invert);
    color: var(--color-primary-invert);
    grid-column: 1/-1;
    grid-row: 4;
    justify-self: center
}

@media (min-width:990px) {
    .c-service-content__btn {
        grid-column: 1/span 9;
        grid-row: 3;
        justify-self: start
    }
}

.c-service-content__btn:hover {
    background-color: var(--color-primary-invert);
    border-color: var(--color-primary-invert);
    color: #fff
}

.c-service-cards__column {
    grid-column: 1/-1
}

@media (min-width:1024px) {
    .c-service-cards__column:first-child {
        grid-column: 1/span 12
    }

    .c-service-cards__column:nth-child(2) {
        grid-column: 13/-1
    }
}

.c-service-cards__card {
    border-color: var(--color-secondary-invert);
    cursor: pointer;
    display: grid;
    grid-column: 1/-1;
    grid-column-gap: 30px;
    grid-template-columns: 1fr auto;
    grid-template-rows: repeat(4,auto);
    transition: background-color .35s,color .35s,border-color .35s
}

@media (min-width:990px) {
    .c-service-cards__card:nth-child(odd) {
        grid-column: 1/span 12
    }

    .c-service-cards__card:nth-child(2n) {
        grid-column: 13/span 12
    }
}

.c-service-cards__card.is-active, .c-service-cards__card:hover {
    background-color: var(--color-primary-invert);
    border-color: var(--color-primary-invert)
}

    .c-service-cards__card.is-active .c-service-cards__card-icon path, .c-service-cards__card:hover .c-service-cards__card-icon path {
        fill: #fff
    }

    .c-service-cards__card.is-active .c-service-cards__card-arrow path, .c-service-cards__card:hover .c-service-cards__card-arrow path {
        stroke: #fff
    }

    .c-service-cards__card.is-active .c-service-cards__card-title, .c-service-cards__card:hover .c-service-cards__card-title {
        color: var(--color-secondary-invert)
    }

    .c-service-cards__card.is-active .c-service-cards__card-copy, .c-service-cards__card.is-active .c-service-cards__read-more, .c-service-cards__card:hover .c-service-cards__card-copy, .c-service-cards__card:hover .c-service-cards__read-more {
        color: #fff
    }

    .c-service-cards__card.is-active .c-service-cards__card-arrow {
        pointer-events: auto
    }

.c-service-cards__card-icon {
    grid-column: 1;
    grid-row: 1
}

    .c-service-cards__card-icon path {
        fill: var(--color-secondary-invert);
        transition: fill .35s
    }

.c-service-cards__card-title {
    grid-row: 2
}

.c-service-cards__card-title, .c-service-cards__read-more {
    color: var(--color-primary-invert);
    grid-column: 1;
    transition: color .35s
}

.c-service-cards__read-more {
    grid-row: 4
}

.c-service-cards__card-copy {
    grid-column: 1;
    grid-row: 3;
    transition: color .35s
}

.c-service-cards__card-arrow {
    pointer-events: none;
    align-self: center;
    grid-column: 2;
    grid-row: 1/span 4;
    transition: transform .35s
}

.is-active .c-service-cards__card-arrow {
    transform: rotate(90deg)
}

.c-service-cards__card-arrow path {
    stroke: var(--color-secondary-invert);
    transition: stroke .35s;
    pointer-events: none
}

.c-service-cards__hidden-content {
    --color-light: #045fa3;
    --color-dark: #45c4d7;
    grid-column: 1/-1;
    grid-row: 5
}

    .c-service-cards__hidden-content p {
        margin: 0
    }

    .c-service-cards__hidden-content a {
        color: var(--color-dark);
        transition: color .35s
    }

        .c-service-cards__hidden-content a:focus-visible, .c-service-cards__hidden-content a:hover {
            color: #fff
        }

.c-service-cards__close-hidden-content {
    color: var(--color-dark);
    transition: color .35s
}

    .c-service-cards__close-hidden-content:focus-visible, .c-service-cards__close-hidden-content:hover {
        color: #fff
    }

.c-dashboard-nav__filter-btn {
    transition: border-color .35s;
    color: #045fa3
}

    .c-dashboard-nav__filter-btn:focus-within, .c-dashboard-nav__filter-btn:hover {
        color: #045fa3;
        border-color: rgba(4,95,163,.7)
    }

.c-dashboard-section a {
    color: #045fa3;
    transition: color .35s
}

    .c-dashboard-section a:hover {
        color: #45c4d7
    }

.c-dashboard-section__table {
    border-radius: 20px;
    border: 2px solid #edeced;
    padding: 46px 20px;
    overflow-x: auto
}

@media (min-width:1024px) {
    .c-dashboard-section__table {
        padding: 74px 60px;
        overflow: hidden
    }
}

.c-dashboard-section__table .dropdown {
    position: relative
}

    .c-dashboard-section__table .dropdown:before {
        right: 35px;
        top: 67%;
        background-image: url(select-down-arrow-grass.efda4f11.svg);
        pointer-events: none
    }

.c-dashboard-section__table .search {
    position: relative
}

    .c-dashboard-section__table .search:before {
        content: "";
        position: absolute;
        top: 53%;
        right: 45px;
        width: 35px;
        height: 35px;
        margin-top: -1px;
        background-image: url(search-icon.e2c08e6f.svg)
    }

.c-dashboard-section__table .is-letter-search label {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-dashboard-section__table .is-letter-search input {
    max-width: 400px
}

.c-dashboard-section__table .table-pagination {
    margin-right: 20px
}

    .c-dashboard-section__table .table-pagination a {
        color: #a8a8a8;
        padding: 0 2px
    }

        .c-dashboard-section__table .table-pagination a.is-active, .c-dashboard-section__table .table-pagination a:hover {
            color: #045fa3
        }

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-container-3d {
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
    }

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: normal
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: "prev"
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        content: "next"
    }

    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
        --swiper-navigation-color: #fff
    }

    .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
        --swiper-navigation-color: #000
    }

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: transform .2s,top .2s
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: transform .2s,left .2s
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

input[type=radio] {
    -webkit-appearance: radio
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

.ipm_href_dt {
    color: #045fa3 !important;
    text-decoration: none;
    cursor: pointer
}

    .ipm_href_dt:hover {
        text-decoration: underline;
        color: #045fa3;
        font-weight: 700
    }

.ipm_href {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

    .ipm_href:hover {
        text-decoration: underline;
        color: #fff;
        font-weight: 700
    }

.ipm_href_member {
    color: #045fa3 !important
}

    .ipm_href_member:hover {
        text-decoration: underline;
        color: #045fa3 !important;
        font-weight: 700
    }

.ipm_href_client {
    color: #006935 !important
}

    .ipm_href_client:hover {
        text-decoration: underline;
        color: #006935 !important;
        font-weight: 700
    }

.ipm_button {
    border-radius: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

    .ipm_button:hover:not([disabled]) {
        color: #fff;
        cursor: pointer
    }

    .ipm_button:disabled {
        opacity: .6
    }

.ipm_button_member {
    border: 1px solid #045fa3;
    color: #045fa3
}

    .ipm_button_member:hover:not([disabled]) {
        background-color: #045fa3
    }

    .ipm_button_member:focus {
        color: #fff;
        background-color: #045fa3
    }

.ipm_button2_member {
    border: none;
    color: #fff;
    background-color: #45c4d7
}

    .ipm_button2_member:hover:not([disabled]) {
        background-color: #045fa3
    }

.ipm_button2_client {
    border: none;
    color: #fff;
    background-color: #87bf51
}

    .ipm_button2_client:hover:not([disabled]) {
        background-color: #006935
    }

    .ipm_button2_client:focus {
        background-color: #006935
    }

.ipm_button_client {
    border: 1px solid #006935;
    color: #006935
}

    .ipm_button_client:hover:not([disabled]) {
        background-color: #006935
    }

    .ipm_button_client:focus {
        color: #fff;
        background-color: #006935
    }

.ipm_button_client_small {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: smaller
}

    .ipm_button_client_small:hover {
        background-color: #006935
    }

.ipm_link_button {
    font-family: Doyle;
    border-radius: 20px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer
}

.ipm_link_button_member {
    border: 1px solid #045fa3;
    color: #045fa3
}

    .ipm_link_button_member:hover {
        background-color: #045fa3;
        color: #fff !important
    }

.ipm_island {
    border-radius: 15px;
    border-color: #fff;
    text-align: center;
    padding: 30px 30px 30px 30px;
    background-color: #fff;
    width: 100%
}

    .ipm_island a {
        color: #045fa3;
        text-decoration: none;
        cursor: pointer
    }

        .ipm_island a:hover {
            text-decoration: underline;
            color: #045fa3;
            font-weight: 700
        }

.ipm_input {
    padding: 10px 20px;
    border: 1px solid grey;
    border-radius: 8px;
    margin-top: 6px;
    transition: border-color .35s;
    font-size: 16px;
    line-height: 26px;
    font-family: Doyle
}

.ipm_input_member {
    border-color: #045fa3 !important;
    color: #045fa3 !important
}

    .ipm_input_member:focus {
        border-color: #45c4d7;
        color: #45c4d7
    }

        .ipm_input_member:focus::placeholder {
            color: transparent;
        }

.ipm_input_client:focus {
    border-color: #87bf51 !important;
    color: #87bf51 !important
}

.ipm_checkbox {
    -webkit-appearance: checkbox
}

.ipm_checkbox_label_member {
    color: #045fa3 !important;
    display: inline-block !important
}

.ipm_checkbox_label_client {
    color: #006935 !important;
    display: inline-block !important
}

.ipm_select option {
    font-size: 16px;
    color: #000
}

.ipm_select_member {
    border-color: #045fa3 !important;
    color: #045fa3 !important
}

    .ipm_select_member:focus {
        border-color: #45c4d7 !important;
        color: #45c4d7 !important
    }

.ipm_select_client {
    border-color: #006935 !important;
    color: #006935 !important
}

    .ipm_select_client:focus {
        border-color: #87bf51 !important;
        color: #87bf51 !important
    }

.ipm_p {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 25px 5px 0
}

.ipm_p_member {
    font-size: 16px;
    color: #045fa3
}

.ipm_p_msg_member {
    font-size: 24px;
    color: #045fa3
}

.ipm_p_client {
    font-size: 16px;
    color: #006935
}

.ipm_p_msg_client {
    font-size: 24px;
    color: #006935
}

.ipm_p_red {
    color: red
}

.size_xs {
    width: 120px !important
}

.size_s {
    width: 240px !important
}

.size_m {
    width: 400px !important
}

.size_l {
    width: 600px !important
}

.ipm_dt th {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 15px;
    border: 1px solid #fff
}

.ipm_dt tbody tr.odd {
    background-color: #E5F2F4 !important
}

.ipm_dt td {
    border: 1px solid #fff
}

div.dataTables_wrapper .ui-widget-header {
    border: none;
    background: #fff
}

.ipm_dt_member th {
    background: #045fa3
}

.ipm_dt_client th {
    background: #006935
}

.flex-container-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-right: 50px;
    align-content: space-between
}

.flex-container-col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.portal-nav-btn {
    transition: border-color .35s;
    color: #006935
}

    .portal-nav-btn:focus-within, .portal-nav-btn:hover {
        color: #006935;
        border-color: green
    }

::-webkit-input-placeholder {
    font-style: oblique
}

::placeholder {
    font-style: oblique
}

.sticky {
    position: fixed;
    top: 18px;
    left: 15%
}

@media screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 926px) and (orientation: landscape) {
    .c-footer__primary {
        display: none;
    }

    .ipm_button_hidden-mobile {
        display: none;
    }

    .c-footer__secondary hr {
        background-color: #045fa3
    }
}

.tooltip_m {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

    .tooltip_m .tooltiptext {
        visibility: hidden;
        width: 350px;
        background-color: #045fa3;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 10px 10px;
        position: absolute;
        top: 10px;
        left: 105%;
        z-index: 1
    }

    .tooltip_m:hover .tooltiptext {
        visibility: visible
    }

.tooltip_c {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

    .tooltip_c .tooltiptext {
        visibility: hidden;
        width: 350px;
        background-color: #006935;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 10px 10px;
        position: absolute;
        top: 10px;
        left: 105%;
        z-index: 1
    }

    .tooltip_c:hover .tooltiptext {
        visibility: visible
    }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}