@charset "UTF-8";

/********* public:xfs_index.less ********/
.home-header {
    background: fixed center / cover #082b45 url('../images/bg.jpg') no-repeat;
    background: center / cover #082b45 url('../images/bg.jpg') no-repeat
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .home-header .home-header-overlay {
        --backdrop-filter: blur(3px) grayscale(1);
        -webkit-backdrop-filter: var(--backdrop-filter);
        backdrop-filter: var(--backdrop-filter);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(8, 43, 69, 0.85))
    }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .home-header .home-header-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.95), rgba(8, 43, 69, 0.95))
    }
}

.home-header .p-body-inner {
    padding-bottom: 0
}

.home-header .home-header-inner {
    display: flex;
    flex-direction: column;
    align-content: center;
    min-height: calc(100vh - var(--stickyPoint))
}

.home-header .home-header-inner .home-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    text-align: center
}

.home-header .home-header-inner .home-figure {
    margin: 1em 0
}

.home-header .home-header-inner .home-clients {
    padding-bottom: 20px
}

.home-header .home-header-logo {
    margin: 0 0.5em
}

.home-header .home-cta {
    margin: 1em 0 4em;
}

.home-header .home-cta li:last-of-type {
    margin-right: 0
}

.home-header h1 {
    margin: 1em 0 .5em;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.8)
}

.home-header h2 {
    margin: .25em 0 0;
    font-size: 24px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.65)
}

.home-header .home-header-cloud {
    align-self: center;
    display: flex;
    margin-top: var(--unit2x);
    color: #a3d4f5;
    padding: var(--unit1x);
    border-radius: 8px
}

.home-header .home-header-cloud:hover {
    background: rgba(232, 244, 252, 0.1)
}

.home-header .home-header-cloud img {
    flex: 0 1 75px;
    max-width: 75px;
    border-radius: 8px
}

.home-header .home-header-cloud div {
    flex: 1 1 auto;
    text-align: left;
    padding-left: var(--unit1x);
    white-space: nowrap;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.home-header .home-header-cloud div h2,
.home-header .home-header-cloud div h3 {
    margin: 0
}

@media (max-width:900px) {
    .home-header h1 {
        font-size: 24px
    }

    .home-header h2 {
        font-size: 20px
    }
}

@media (max-width:500px) {
    .home-header {
        text-align: center
    }

    .home-header .home-header-inner {
        min-height: auto
    }

    .home-header .home-header-logo {
        margin: 2em 1em 0
    }

    .home-header h1 {
        font-size: 20px
    }

    .home-header h2 {
        font-size: 13px;
        margin-top: 0.5em
    }

    .home-header .home-cta {
        text-align: center;
    }

    .home-header .home-cta li:last-of-type {
        margin-right: .5em
    }
}

.p-body-clients {
    border: solid 1px #000;
    border-width: 1px 0;
    background: linear-gradient(180deg, #0f578a 25%, #0a3a5c)
}

.clients {
    min-height: 80px
}

.clients>div {
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.clients img {
    width: 150px;
    vertical-align: middle;
    opacity: 0.7;
    display: block
}

.clients img:hover {
    opacity: 0.9
}

.clients .logo--110 img {
    max-width: 110px
}

.clients .logo--125 img {
    max-width: 125px
}

.clients .logo--135 img {
    max-width: 135px
}

.clients .logo--155 img {
    max-width: 155px
}

.home-cta {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold
}

.home-cta li {
    display: inline-block;
    margin: .5em .5em 0
}

.home-cta a {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    display: inline-block;
    padding: 10px 20px;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(0, 0, 0, 0.5);
}

.home-cta a:hover {
    text-decoration: none;
    color: #fff;
    background: #000
}

.subHero {
    background: fixed center bottom / cover transparent url('styles/default/xfs/hbg2.jpg') no-repeat;
    background: center bottom / cover transparent url('styles/default/xfs/hbg2.jpg') no-repeat
}

.subHero .subHero-overlay {
    background: linear-gradient(180deg, rgba(71, 167, 235, 0.9), rgba(15, 87, 138, 0.9))
}

.subHero h2 {
    color: #e8f4fc !important
}

.subHero h3,
.subHero p {
    color: #a3d4f5 !important
}

.subHero .subHero-heading {
    margin: 0;
    text-align: center;
    padding: 3em 0
}

.subHero .subHero-heading h2 {
    margin: 0;
    font-size: 28px
}

.subHero .subHero-heading h3 {
    margin: 0;
    font-size: 22px;
    font-weight: normal
}

.subHero .subHero-heading.subHero-heading--top {
    border-bottom: solid 1px rgba(255, 255, 255, 0.5)
}

.subHero .subHero-heading.subHero-heading--bottom {
    border-top: solid 1px rgba(255, 255, 255, 0.5)
}

@media (max-width:400px) {
    .subHero .subHero-heading h2 {
        font-size: 22px
    }

    .subHero .subHero-heading h3 {
        font-size: 18px
    }
}

.subHero .home-cta {
    margin: 1em 0;
    font-size: 20px
}

.home-addons .home-cta a,
.home-features .home-cta a,
.insights-cta .home-cta a {
    font-size: 20px;
    background: #fef4e7;
    color: #915808;
    border-color: #fbdeb6
}

@media (max-width:500px) {
    .home-addons .feature.feature--c3 section {
        background: #f0f0f0;
        margin: 10px 0;
        border-radius: 4px
    }
}

.home-threads {
    margin-top: 3em
}

.feature.feature--threads .feature-blockTitle {
    font-size: 26px;
    padding-top: 40px
}

.feature.feature--threads h4 {
    margin-bottom: 0
}

.feature.feature--threads h4 a {
    color: inherit
}

.feature.feature--threads h4+p {
    margin-top: .5em
}

.feature.feature--threads em {
    font-style: normal;
    color: #1474b8
}

.feature.feature--threads .feature-blockTitle {
    font-size: 26px;
    padding-top: 40px
}

.feature.feature--threads h4 {
    margin-bottom: 0
}

.feature.feature--threads h4 a {
    color: inherit
}

.feature.feature--threads h4+p {
    margin-top: .5em
}

.feature.feature--threads em {
    font-style: normal;
    color: #1474b8
}