.bkg-alt,
.bkg-normal,
html {
    --clr-primary: #191b1e;
    --clr-secondary: #b9905f;
    --clr-heading: #000;
    --clr-text: #282828;
    --clr-link: #ca6e3d
}

.sequel-theme,
.sequel-theme .section {
    color: var(--clr-text, #282828)
}

.sequel-theme .h1,
.sequel-theme .h2,
.sequel-theme .h3,
.sequel-theme h1,
.sequel-theme h2,
.sequel-theme h3 {
    color: var(--clr-heading, #191b1e)
}

.sequel-theme a[href]:not(.button) {
    color: var(--clr-link, #b9905f)
}

.sequel-theme .eyebrow {
    color: var(--clr-link, #ca6e3d)
}

.sequel-theme .bkg-dark,
.sequel-theme .introduction {
    --clr-text: #fff;
    --clr-heading: #fff
}

.sequel-theme .bkg-light {
    background-color: #ebeff1
}

.sequel-theme .bkg-normal {
    background-color: #fff
}

@font-face {
    font-family: Halyard Micro;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/halyard_micro_regular-webfont.9a22ad.woff2) format("woff2"), url(../fonts/halyard_micro_regular-webfont.f1a66e.woff) format("woff")
}

@font-face {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter-400.0f9e8d.woff2) format("woff2")
}

@font-face {
    font-family: Newsreader, serif;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/newsreader-400.4c805a.woff2) format("woff2")
}

@font-face {
    font-family: Public Sans, sans-serif;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/public-sans-300.1c1ce5.woff2) format("woff2")
}

@font-face {
    font-family: Public Sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/public-sans-400.1c1ce5.woff2) format("woff2")
}

.anim-fade-out {
    -webkit-animation: fadeout .5s;
    animation: fadeout .5s;
    opacity: 0
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.anim-fade-in {
    -webkit-animation: fadein .25s;
    animation: fadein .25s
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body.sequel-theme,
html {
    margin: 0;
    padding: 0
}

.sequel-theme .sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap;
    width: 1px
}

.sequel-theme .svgs {
    display: none
}

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

.sequel-theme a {
    color: #b9905f;
    text-decoration: none
}

.sequel-theme blockquote,
.sequel-theme figure {
    margin: 0
}

.sequel-theme figcaption {
    margin-top: 1em
}

.sequel-theme .responsive-media embed,
.sequel-theme .responsive-media img,
.sequel-theme .responsive-media video {
    display: block;
    height: auto;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .sequel-theme .nowrap-mobile {
        white-space: nowrap
    }
}

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

.sequel-theme .line {
    display: block
}

@media screen and (min-width:768px) {
    .sequel-theme .line-tablet {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .sequel-theme .line-desktop {
        display: block
    }
}

@media screen and (min-width:768px) {
    .sequel-theme .mobile-only {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .sequel-theme .line-mobile {
        display: block
    }
}

.sequel-theme .tablet {
    display: none
}

@media screen and (min-width:768px) {
    .sequel-theme .tablet {
        display: initial !important
    }
}

@media screen and (max-width:767px) {
    .sequel-theme .tablet-only {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .sequel-theme .tablet-only {
        display: none
    }
}

@media screen and (min-width:768px)and (max-width:1023px) {
    .sequel-theme .tablet-not {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .sequel-theme .desktop {
        display: none
    }
}

.sequel-theme canvas div {
    background-color: #eaf3ec;
    border: 1px dotted #191b1e;
    margin: 0;
    padding: 1rem
}

.sequel-theme canvas table {
    font-size: .8125rem;
    line-height: 1.1538461538
}

.sequel-theme {
    --fw-link: 400;
    font-family: Public Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 150%
}

.sequel-theme .footnote,
.sequel-theme .small,
.sequel-theme small {
    font-size: .75rem;
    line-height: 1.3333333333
}

@media screen and (min-width:768px) {

    .sequel-theme .footnote,
    .sequel-theme .small,
    .sequel-theme small {
        font-size: .875rem;
        line-height: 1.4285714286
    }
}

.sequel-theme a[href]:not(.button) {
    font-weight: var(--fw-link, normal)
}

.sequel-theme p {
    font-size: 1rem;
    line-height: 150%
}

.sequel-theme .h1,
.sequel-theme h1 {
    font-family: Newsreader, serif;
    font-size: 4rem;
    font-weight: 300;
    line-height: 110%;
    margin: 0 0 .8125rem
}

@media screen and (min-width:960px) {

    .sequel-theme .h1,
    .sequel-theme h1 {
        font-size: 5.75rem
    }
}

.sequel-theme .h2,
.sequel-theme h2 {
    font-family: Newsreader, serif;
    font-size: 2.625rem;
    font-weight: 400;
    line-height: 110%;
    margin: 0
}

@media screen and (min-width:1024px) {

    .sequel-theme .h2,
    .sequel-theme h2 {
        font-size: 3rem
    }
}

.sequel-theme .h3,
.sequel-theme .subhead,
.sequel-theme h3 {
    font-family: Newsreader, serif;
    font-size: 3.25rem;
    font-weight: 300;
    line-height: 110%;
    margin: 0 0 18px
}

@media screen and (min-width:1106px) {

    .sequel-theme .h3,
    .sequel-theme .subhead,
    .sequel-theme h3 {
        font-size: 4.125rem;
        margin-bottom: 12px
    }
}

.sequel-theme .h4,
.sequel-theme h4 {
    font-family: Newsreader, serif;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.2777777778;
    margin: 0 0 6px
}

@media screen and (min-width:1024px) {

    .sequel-theme .h4,
    .sequel-theme h4 {
        font-size: 3.625rem;
        line-height: 1.1724137931
    }
}

.sequel-theme .h5,
.sequel-theme h5 {
    font-family: Newsreader, serif;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.2222222222;
    margin: 0 0 8px
}

@media screen and (min-width:1024px) {

    .sequel-theme .h5,
    .sequel-theme h5 {
        font-size: 3rem;
        line-height: 1.2083333333;
        margin-bottom: 16px
    }
}

.sequel-theme .subtitle {
    font-family: Halyard Micro, sans-serif;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 32px;
    text-transform: uppercase
}

body.sequel-theme {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden
}

.sequel-theme .page {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sequel-theme .page-wrap {
    overflow: hidden
}

.sequel-theme .section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.sequel-theme .section-wrap,
.sequel-theme .solutions .solutions-slide {
    margin: 0 24px;
    width: calc(100% - 48px)
}

@media screen and (min-width:768px) {

    .sequel-theme .section-wrap,
    .sequel-theme .solutions .solutions-slide {
        margin: 0 32px;
        width: calc(100% - 64px)
    }
}

@media screen and (min-width:1024px) {

    .sequel-theme .section-wrap,
    .sequel-theme .solutions .solutions-slide {
        margin: 0 calc(16.827vw - 112.3px);
        width: calc(100% - 33.654vw + 224.6px)
    }
}

@media screen and (min-width:1440px) {

    .sequel-theme .section-wrap,
    .sequel-theme .solutions .solutions-slide {
        margin: 0 auto;
        max-width: 1180px
    }
}

.sequel-theme .section-copy p {
    margin-top: 0
}

.sequel-theme .section-copy p:last-child {
    margin-bottom: 0
}

.sequel-theme .columns p:first-child {
    margin-top: 0
}

.sequel-theme .columns p:last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .sequel-theme .columns {
        -webkit-columns: 2;
        -moz-columns: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .sequel-theme .columns p {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    .sequel-theme .columns .break {
        -webkit-column-break-before: column;
        -moz-column-break-before: column;
        break-before: column
    }
}

@media screen and (min-width:1106px) {
    .sequel-theme .columns--desktop-only {
        -webkit-columns: 2;
        -moz-columns: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .sequel-theme .columns--desktop-only p {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    .sequel-theme .columns--desktop-only .break {
        -webkit-column-break-before: column;
        -moz-column-break-before: column;
        break-before: column
    }
}

.sequel-theme .columns--all {
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.sequel-theme .columns--all p {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.sequel-theme .columns--all .break {
    -webkit-column-break-before: column;
    -moz-column-break-before: column;
    break-before: column
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos] {
    pointer-events: none
}

[data-aos].aos-animate {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-10px, 10px, 0);
        transform: translate3d(-10px, 10px, 0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(10px, 10px, 0);
        transform: translate3d(10px, 10px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-10px, -10px, 0);
        transform: translate3d(-10px, -10px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(10px, -10px, 0);
        transform: translate3d(10px, -10px, 0)
    }
}

.sequel-theme .brand {
    background-color: #ebeff1;
    padding-bottom: 176px;
    text-align: center
}

.sequel-theme .brand .section-wrap,
.sequel-theme .brand .solutions .solutions-slide,
.sequel-theme .solutions .brand .solutions-slide {
    padding: 60px 0
}

.sequel-theme .brand .section-copy {
    margin: 0 auto;
    max-width: 744px
}

.sequel-theme .brand .eyebrow-logo {
    margin: 0 auto 24px
}

.sequel-theme .brand .eyebrow-logo img {
    vertical-align: bottom
}

@media screen and (max-width:767px) {
    .sequel-theme .brand .eyebrow-logo {
        width: 212px
    }
}

@media screen and (min-width:768px) {
    .sequel-theme .brand {
        padding-bottom: 145px
    }

    .sequel-theme .brand .section-wrap,
    .sequel-theme .brand .solutions .solutions-slide,
    .sequel-theme .solutions .brand .solutions-slide {
        padding: 64px 0 60px
    }

    .sequel-theme .brand .eyebrow-logo {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1024px) {

    .sequel-theme .brand .section-wrap,
    .sequel-theme .brand .solutions .solutions-slide,
    .sequel-theme .solutions .brand .solutions-slide {
        padding: 104px 0 100px
    }
}

.sequel-theme .button,
.sequel-theme a.button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #191b1e;
    border-radius: 58px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Halyard Micro, sans-serif;
    font-size: .9375rem;
    justify-content: space-between;
    line-height: 1;
    min-height: 58px;
    padding: 20px 23px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sequel-theme .button-label,
.sequel-theme a.button-label {
    color: #fff;
    font-weight: 400
}

.sequel-theme .button-icon,
.sequel-theme a.button-icon {
    color: #fff;
    padding-left: 24px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sequel-theme .button-icon svg,
.sequel-theme a.button-icon svg {
    height: .8666666667em;
    vertical-align: bottom;
    width: .8666666667em
}

.sequel-theme .button:focus,
.sequel-theme .button:hover,
.sequel-theme a.button:focus,
.sequel-theme a.button:hover {
    background: #30343a
}

.sequel-theme .button:focus .button-icon,
.sequel-theme .button:hover .button-icon,
.sequel-theme a.button:focus .button-icon,
.sequel-theme a.button:hover .button-icon {
    -webkit-transform: translate(8px);
    transform: translate(8px)
}

.sequel-theme .header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20
}

.sequel-theme .header .section-wrap,
.sequel-theme .header .solutions .solutions-slide,
.sequel-theme .solutions .header .solutions-slide {
    padding: 24px 0
}

@media screen and (min-width:768px) {

    .sequel-theme .header .section-wrap,
    .sequel-theme .header .solutions .solutions-slide,
    .sequel-theme .solutions .header .solutions-slide {
        padding: 40px 0
    }
}

.sequel-theme .logo img {
    width: 284px;
}

.sequel-theme .header .logo {
    width: 174px;
}

.sequel-theme .header .logo img {
    vertical-align: bottom
}

@media screen and (min-width:768px) {
    .sequel-theme .header .logo {
        width: auto
    }

    .sequel-theme .header .menu {
        --clr-link: #fff;
        padding-right: calc(50vw - 384px)
    }
}

@media screen and (min-width:960px) {
    .sequel-theme .header .menu {
        padding-right: calc(33vw - 240px)
    }
}

@media screen and (min-width:1024px) {
    .sequel-theme .header .menu {
        padding-right: calc(46vw - 444px)
    }
}

@media screen and (min-width:1440px) {
    .sequel-theme .header .menu {
        --clr-link: unset;
        padding-right: 0
    }
}

.sequel-theme .header .menu a {
    text-decoration: underline
}

.sequel-theme .footer {
    background: #1b1e21;
    padding-bottom: 40px;
    padding-top: 60px
}

.sequel-theme .footer * {
    color: #ebeff1;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400
}

@media screen and (min-width:768px) {
    .sequel-theme .footer {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.sequel-theme .footer .logo {
    height: auto;
    margin-bottom: 62px;
    width: 248px
}

@media screen and (min-width:768px) {
    .sequel-theme .footer .logo {
        margin-bottom: 0
    }
}

.sequel-theme .footer .branding {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

@media screen and (min-width:768px) {
    .sequel-theme .footer .branding {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.sequel-theme .footer .footer-copy {
    margin-bottom: 5px
}

@media screen and (min-width:768px) {
    .sequel-theme .footer .footer-copy {
        margin-bottom: 0
    }

    .sequel-theme .footer .footer-privacy {
        text-align: right
    }
}

.sequel-theme .footer .footer-privacy a {
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .sequel-theme .footer .footer-privacy a {
        margin-top: 0
    }
}

.sequel-theme .footer a {
    color: #fff !important;
    text-decoration: underline
}

.sequel-theme .hero {
    background-color: #1b1e21;
    color: #fff;
    height: 100vh;
    min-height: 665px;
    position: relative;
    z-index: 12
}

.sequel-theme .hero:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.41%, #1b1e21), color-stop(29.75%, rgba(27, 30, 33, .83)), color-stop(53.09%, rgba(27, 30, 33, .41)), color-stop(76.43%, rgba(25, 27, 30, .3)), color-stop(96.86%, rgba(25, 27, 30, 0)));
    background: linear-gradient(180deg, #1b1e21 6.41%, rgba(27, 30, 33, .83) 29.75%, rgba(27, 30, 33, .41) 53.09%, rgba(25, 27, 30, .3) 76.43%, rgba(25, 27, 30, 0) 96.86%);
    bottom: -1px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 100%;
    z-index: -1
}

.sequel-theme .hero .section-wrap,
.sequel-theme .hero .solutions .solutions-slide,
.sequel-theme .solutions .hero .solutions-slide {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-top: 80px;
    pointer-events: none
}

.sequel-theme .hero #video-container {
    height: 100vh;
    left: 0;
    min-height: 665px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.sequel-theme .hero #video-bg {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.sequel-theme .hero-copy {
    max-width: 480px;
    padding: 34px 0;
    pointer-events: all
}

.sequel-theme .hero-copy-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.sequel-theme .hero-copy h1 {
    color: inherit
}

@media screen and (min-width:768px) {
    .sequel-theme .hero .hero-copy {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 885px;
        flex: 1 1 885px;
        max-width: 885px
    }

    .sequel-theme .hero .hero-copy .hero-copy-inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 840px
    }

    .sequel-theme .hero .hero-copy {
        padding: 34px 0 10vh
    }
}

@media screen and (min-width:1106px) {
    .sequel-theme .hero .hero-copy {
        padding: 34px 0 4.9vh
    }
}

.sequel-theme .hero p:last-of-type {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .sequel-theme .hero .hero-button-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 181px;
        flex: 0 0 181px;
        max-width: 181px
    }
}

.sequel-theme .hero .hero-text-wrap {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .sequel-theme .hero .hero-text-wrap {
        margin-bottom: 0
    }
}

.sequel-theme .hero .hero-text-wrap p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 162.5%;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .sequel-theme .hero .hero-text-wrap p {
        font-size: 1.125rem;
        line-height: 155.556%
    }
}

.sequel-theme .hero-button {
    position: relative
}

.sequel-theme .hero-button:before {
    background-color: transparent;
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sequel-theme .hero-button-icon {
    display: block;
    position: relative;
    z-index: 2
}

.sequel-theme .hero-button-icon svg {
    height: 48px;
    width: 48px
}

@media screen and (min-width:768px) {
    .sequel-theme .hero-button-icon svg {
        height: 61px;
        width: 61px
    }
}

.sequel-theme .hero-button:focus:before,
.sequel-theme .hero-button:hover:before {
    -webkit-animation: hero-bkg .3s ease-in-out 2 alternate;
    animation: hero-bkg .3s ease-in-out 2 alternate
}

.sequel-theme .hero-button:focus .hero-button-icon,
.sequel-theme .hero-button:hover .hero-button-icon {
    -webkit-animation: hero-button .3s ease-in-out 2 alternate;
    animation: hero-button .3s ease-in-out 2 alternate
}

@-webkit-keyframes hero-button {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hero-button {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hero-bkg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hero-bkg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.sequel-theme .introduction {
    background-color: #1b1e21
}

.sequel-theme .introduction .section-wrap,
.sequel-theme .introduction .solutions .solutions-slide,
.sequel-theme .solutions .introduction .solutions-slide {
    padding-bottom: 38px;
    padding-top: 38px;
    position: relative
}

@media screen and (min-width:768px) {

    .sequel-theme .introduction .section-wrap,
    .sequel-theme .introduction .solutions .solutions-slide,
    .sequel-theme .solutions .introduction .solutions-slide {
        padding-bottom: 130px;
        padding-top: 130px
    }
}

.sequel-theme .introduction h2 {
    margin-bottom: -26px
}

@media screen and (min-width:768px) {
    .sequel-theme .introduction h2 {
        margin-bottom: 0
    }
}

.sequel-theme .introduction .section-columns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    gap: 40px 20px;
    grid-template-columns: 100%
}

@media screen and (min-width:768px) {
    .sequel-theme .introduction .section-columns {
        grid-template-columns: 49.15% 40.67%
    }
}

.sequel-theme .introduction .section-column-50 {
    grid-column: 1
}

@media screen and (min-width:768px) {
    .sequel-theme .introduction .section-column-50 {
        grid-column: span 1
    }
}

.sequel-theme .introduction .section-column-100 {
    grid-column: 1;
    height: 478px;
    -o-object-fit: fill;
    object-fit: fill
}

@media screen and (min-width:768px) {
    .sequel-theme .introduction .section-column-100 {
        grid-column: span 3;
        height: auto
    }
}

.sequel-theme .introduction img {
    border-radius: 30px 0 0 0;
    width: unset
}

@media screen and (min-width:768px) {
    .sequel-theme .introduction img {
        height: auto;
        width: 100%
    }
}

.sequel-theme .introduction .circle-big {
    bottom: 0;
    height: 169px;
    position: absolute;
    right: 43%;
    width: 339px
}

.sequel-theme .introduction .circle-big svg {
    height: 100%;
    width: 100%
}

@media screen and (min-width:768px) {
    .sequel-theme .introduction .circle-big {
        height: 376px;
        right: 75%;
        width: 771px
    }
}

.sequel-theme .introduction .circle-small {
    bottom: 0;
    height: 81px;
    position: absolute;
    right: 43%;
    width: 172px
}

.sequel-theme .introduction .circle-small svg {
    height: 100%;
    width: 100%
}

@media screen and (min-width:768px) {
    .sequel-theme .introduction .circle-small {
        height: 190px;
        right: 75%;
        width: 388px
    }
}

.sequel-theme .solutions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    min-height: 670px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: initial;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
}

@media screen and (min-width:1440px) {
    .sequel-theme .solutions {
        width: 1440px
    }
}

@media screen and (min-width:1760px) {
    .sequel-theme .solutions {
        min-height: 878px
    }
}

.sequel-theme .solutions .solutions-item {
    background: #fff;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    width: 100%
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-item {
        max-height: 878px;
        min-height: 670px;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out
    }
}

@media screen and (min-width:1440px) {
    .sequel-theme .solutions .solutions-item {
        max-width: 1440px;
        min-width: 1440px;
        width: 1440px
    }
}

.sequel-theme .solutions .solutions-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0 40px;
    height: 100%
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-slide {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:1440px) {
    .sequel-theme .solutions .solutions-slide {
        width: 100%
    }
}

.sequel-theme .solutions .solutions-slide .section-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-slide .section-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 42.3%;
        flex: 0 0 42.3%;
        height: 100%;
        min-width: 42.3%;
        position: relative
    }

    .sequel-theme .solutions .solutions-slide .section-media:before {
        content: "";
        display: block;
        padding-top: 100%
    }
}

.sequel-theme .solutions .solutions-slide .section-media img {
    border-radius: 0 0 0 30px;
    max-height: 494px
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-slide .section-media img {
        height: 100%;
        left: 0;
        max-height: unset;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.sequel-theme .solutions .solutions-slide .section-copy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 40px 0
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-slide .section-copy {
        max-width: 545px;
        padding: 0
    }
}

.sequel-theme .solutions .solutions-slide .section-copy .button {
    margin-top: 23px
}

.sequel-theme .solutions .solutions-slide .section-copy h3 {
    font-size: 2.125rem;
    line-height: 120%
}

@media screen and (min-width:1760px) {
    .sequel-theme .solutions .solutions-slide .section-copy h3 {
        font-size: 3.875rem;
        line-height: 120%
    }
}

.sequel-theme .solutions .solutions-slide .solutions-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 60px
}

.sequel-theme .solutions .solutions-slide .solutions-icon svg {
    height: auto;
    width: 112px
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-slide .solutions-icon svg {
        height: auto;
        width: auto
    }

    .sequel-theme .solutions .solutions-slide .solutions-icon {
        height: auto;
        margin-bottom: auto;
        margin-top: 10px;
        width: auto
    }
}

.sequel-theme .solutions .solutions-button {
    cursor: pointer;
    height: 116px;
    -webkit-transition: all .7s linear;
    transition: all .7s linear
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-button {
        height: 100%;
        max-width: 180px;
        position: absolute;
        top: 0;
        width: 180px
    }
}

.sequel-theme .solutions .solutions-button .solutions-button-icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .3s linear;
    transition: all 0.6s linear
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-button .solutions-button-icon {
        -webkit-transform: none;
        transform: none
    }
    .sequel-theme .solutions .solutions-button.anim-fade-out .solutions-button-icon {
        -webkit-transform: none;
        transform: rotate(180deg);
    }
    .sequel-theme .solutions #button-show-item-2.anim-fade-out .solutions-button-icon {
        -webkit-transform: none;
        transform: rotate(-180deg);
    }
}

.sequel-theme .solutions .solutions-button .solutions-button-icon svg {
    height: 40px;
    width: 40px
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-button .solutions-button-icon svg {
        height: auto;
        width: auto
    }
}

.sequel-theme .solutions .solutions-button:hover .solutions-button-icon {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.sequel-theme .solutions #button-show-item-1 {
    background: #b9905f;
    left: 0
}

.sequel-theme .solutions #button-show-item-1:hover {
    background: #c9a982
}

.sequel-theme .solutions #button-show-item-2 {
    background: #ca6e3d;
    right: 0
}

.sequel-theme .solutions #button-show-item-2:hover {
    background: #d58c65
}

.sequel-theme .solutions .solutions-button-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 32px 24px;
    width: 100%
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions .solutions-button-inner {
        padding: 60px;
        text-orientation: mixed;
        -webkit-transform: scale(-1);
        transform: scale(-1);
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }
}

.sequel-theme .solutions .solutions-button-text {
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 120%
}

@media screen and (min-width:1024px) {
    .sequel-theme .solutions .solutions-button-text {
        font-size: 1.75rem;
        line-height: 110%
    }
}

.sequel-theme .solutions #solutions-item-1 {
    padding-bottom: 0;
    padding-top: 38px
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions #solutions-item-1 {
        margin-right: -180px;
        padding-bottom: 60px;
        padding-right: 200px;
        padding-top: 60px
    }

    .sequel-theme .solutions.item-2-sliding #solutions-item-2 {
        -webkit-transform: translateX(calc(-100% + 180px));
        transform: translateX(calc(-100% + 180px))
    }
}

.sequel-theme .solutions.item-2-active #solutions-item-1 {
    display: none
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions.item-2-active #solutions-item-1 {
        display: block;
        -webkit-transform: translateX(calc(-100% + 180px));
        transform: translateX(calc(-100% + 180px))
    }
}

.sequel-theme .solutions #solutions-item-2 {
    padding-bottom: 38px;
    padding-top: 0
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions #solutions-item-2 {
        height: 100%;
        left: calc(100% - 180px);
        padding-bottom: 60px;
        padding-left: 200px;
        padding-top: 60px;
        position: absolute;
        top: 0
    }
}

@media screen and (min-width:1440px) {
    .sequel-theme .solutions #solutions-item-2 {
        padding-left: 290px
    }
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions.item-1-sliding #solutions-item-1 {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        z-index: 1
    }
}

.sequel-theme .solutions.item-1-active #solutions-item-2 {
    display: none
}

@media screen and (min-width:880px) {
    .sequel-theme .solutions.item-1-active #solutions-item-2 {
        display: block;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .sequel-theme .solutions.item-1-active #button-show-item-1 {
        z-index: -1
    }

    .sequel-theme .solutions.item-1-active #button-show-item-2 {
        z-index: 1
    }
}

.sequel-theme .solutions:before {
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

@media screen and (min-width:1440px) {
    .sequel-theme .solutions:before {
        background: -webkit-gradient(linear, left top, right top, color-stop(80%, #fff), to(transparent));
        background: linear-gradient(90deg, #fff 80%, transparent)
    }
}

@media screen and (min-width:1760px) {
    .sequel-theme .solutions:before {
        background: -webkit-gradient(linear, left top, right top, color-stop(55%, #fff), to(transparent));
        background: linear-gradient(90deg, #fff 55%, transparent)
    }
}

.sequel-theme .solutions:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 3
}

@media screen and (min-width:1440px) {
    .sequel-theme .solutions:after {
        background: -webkit-gradient(linear, right top, left top, color-stop(80%, #fff), to(transparent));
        background: linear-gradient(270deg, #fff 80%, transparent)
    }
}

@media screen and (min-width:1760px) {
    .sequel-theme .solutions:after {
        background: -webkit-gradient(linear, right top, left top, color-stop(55%, #fff), to(transparent));
        background: linear-gradient(270deg, #fff 55%, transparent)
    }
}

.sequel-press-release.section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background: #ebeff1;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 608px;
    overflow: hidden
}

.sequel-press-release.section .section-columns {
    display: grid;
    gap: 40px 20px;
    grid-template-columns: 100%;
    height: 100%
}

@media screen and (min-width:768px) {
    .sequel-press-release.section .section-columns {
        grid-template-columns: 44% 56%
    }
}

.sequel-press-release.section .section-column-50 {
    display: block;
    height: 100%;
    z-index: 1
}

@media screen and (min-width:768px) {
    .sequel-press-release.section .section-column-50 {
        grid-column: span 1
    }
}

.sequel-press-release.section .section-copy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0 0
}

@media screen and (min-width:768px) {
    .sequel-press-release.section .section-copy {
        padding: 0
    }
}

.sequel-press-release.section .section-copy h2 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 10px
}

@media screen and (min-width:768px) {
    .sequel-press-release.section .section-copy h2 {
        font-size: 3.5rem;
        line-height: 120%
    }
}

.sequel-press-release.section .section-copy .button {
    margin-top: 16px
}

.sequel-press-release.section .subtitle {
    padding-left: 36px;
    position: relative
}

.sequel-press-release.section .subtitle:before {
    background: #282828;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    width: 26px
}

@media screen and (min-width:768px) {
    .sequel-press-release.section .subtitle {
        margin-top: -10px
    }
}

.sequel-press-release.section .section-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media screen and (min-width:768px) {
    .sequel-press-release.section .section-media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-end
    }
}

.sequel-press-release.section .section-media picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 354px;
    margin-top: -40px;
    max-width: 100%;
    position: relative;
    width: auto;
    z-index: 1
}

@media screen and (min-width:768px) {
    .sequel-press-release.section .section-media picture {
        bottom: 0;
        height: auto;
        left: 54px;
        margin-top: 0;
        max-width: none;
        position: absolute;
        width: 411px
    }
}

.sequel-press-release.section .section-media .graphics {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: -43%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    left: 119px;
    position: absolute;
    width: 488px;
    z-index: 0
}

@media screen and (min-width:768px) {
    .sequel-press-release.section .section-media .graphics {
        height: auto;
        left: 34%;
        width: 825px
    }
}

.sequel-press-release.section .section-media .graphics img {
    height: auto;
    width: 100%
}

.sequel-running {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1b1e21;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 151px;
    overflow: hidden;
    position: relative;
    width: 200vw
}

@media screen and (min-width:768px) {
    .sequel-running {
        height: 219px
    }
}

.sequel-running .running-string {
    -webkit-animation: scrollText 50s linear infinite;
    animation: scrollText 50s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    white-space: nowrap
}

.sequel-running .running-string .running-string-line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1
}

.sequel-running .running-string .running-string-line span {
    color: #4a3825;
    display: block;
    font-family: Halyard Micro, sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -6px;
    line-height: 100%;
    padding: 0 32px 0 70px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .sequel-running .running-string .running-string-line span {
        font-size: 7.5rem;
        letter-spacing: -12px;
        padding: 0 59px 0 92px
    }
}

.sequel-running .running-string .running-string-line img {
    display: block;
    margin-top: 4px
}

@-webkit-keyframes scrollText {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes scrollText {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

body.sequel-banner-show .off-canvas.position-left {
    top: var(--sequel-banner-height, 92px)
}

body.sequel-banner-show {
    padding-top: var(--sequel-banner-height, 92px);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

body.sequel-banner-show.sequel-hide {
    -webkit-transform: translateY(calc(var(--sequel-banner-height, 92px)*-1));
    transform: translateY(calc(var(--sequel-banner-height, 92px)*-1))
}

#sequel-banner {
    background: #1b1e21;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 30000
}

#sequel-banner .sequel-banner-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Newsreader, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 115.385%;
    margin: 0 auto;
    max-width: 1440px;
    min-height: 90px;
    overflow: hidden;
    padding: 25px 60px 25px 25px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (min-width:440px) {
    #sequel-banner .sequel-banner-inner {
        font-size: 1.375rem
    }
}

@media screen and (min-width:540px) {
    #sequel-banner .sequel-banner-inner {
        font-size: 1.625rem
    }
}

@media screen and (min-width:768px) {
    #sequel-banner .sequel-banner-inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 16px 100px
    }
}

#sequel-banner .sequel-banner-text {
    margin-bottom: 20px;
    position: relative
}

@media screen and (min-width:768px) {
    #sequel-banner .sequel-banner-text {
        margin-bottom: 0;
        margin-right: 32px
    }
}

#sequel-banner #sequel-banner-close {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 8px;
    width: 40px
}

@media screen and (min-width:768px) {
    #sequel-banner #sequel-banner-close {
        right: 32px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#sequel-banner #sequel-banner-close svg {
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

#sequel-banner #sequel-banner-close:focus svg,
#sequel-banner #sequel-banner-close:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#sequel-banner .circles {
    bottom: -16px;
    position: absolute;
    right: 15%;
    z-index: -1
}

.sequel-arrow-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ebeff1;
    border: none;
    border-radius: 50px;
    color: #1b1e21;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Halyard Micro, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 157.143%;
    padding: 0 24px;
    text-decoration: none;
    white-space: nowrap
}

.sequel-arrow-button,
.sequel-arrow-button svg {
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.sequel-arrow-button svg {
    margin-left: 8px
}

.sequel-arrow-button:focus,
.sequel-arrow-button:hover {
    background: #fff
}

.sequel-arrow-button:focus svg,
.sequel-arrow-button:hover svg {
    -webkit-transform: translate(8px);
    transform: translate(8px)
}

body {
    margin: 0
}

.sequel-noscroll {
    min-height: 100vh;
    overflow: hidden !important
}

.sequel-hide#sequel-splash {
    display: none
}

#sequel-splash {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(27, 30, 33, .45);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 10px;
    position: fixed;
    top: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    width: 100%;
    z-index: 20000
}

#sequel-splash,
#sequel-splash .sequel-modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#sequel-splash .sequel-modal-content {
    background: #1b1e21;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Newsreader, Helvetica, Arial, sans-serif;
    max-width: 768px;
    min-height: 299px;
    overflow: hidden;
    padding: 25px;
    position: relative;
    width: min(340px, 100% - 20px)
}

@media screen and (min-width:789px) {
    #sequel-splash .sequel-modal-content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: auto;
        max-width: 789px;
        padding: 56px;
        width: 789px
    }
}

#sequel-splash .sequel-modal-content :not(button):not(a) {
    color: #fff
}

#sequel-splash .sequel-modal-col-left {
    margin-bottom: 30px;
    padding: 0 20px 0 0
}

@media screen and (min-width:789px) {
    #sequel-splash .sequel-modal-col-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 273px);
        flex: 0 0 calc(100% - 273px);
        margin-bottom: 0
    }
}

#sequel-splash .sequel-modal-col-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    #sequel-splash .sequel-modal-col-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 273px;
        flex: 0 0 273px
    }
}

#sequel-splash .sequel-modal-col-right picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 325px;
    overflow: hidden;
    width: 273px
}

#sequel-splash .sequel-modal-col-right img,
#sequel-splash .sequel-modal-col-right picture,
#sequel-splash .sequel-modal-col-right source {
    border-radius: 0 0 0 30px;
    -o-object-fit: cover;
    object-fit: cover
}

#sequel-splash #sequel-splash-close {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px
}

#sequel-splash #sequel-splash-close svg {
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

#sequel-splash #sequel-splash-close:focus svg,
#sequel-splash #sequel-splash-close:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#sequel-splash #modalTitle {
    font-family: Halyard Micro;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    margin: 16px 0 20px;
    padding-left: 30px;
    position: relative
}

#sequel-splash #modalTitle:before {
    background: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    width: 26px
}

#sequel-splash #modalDescription p {
    font-family: Newsreader, Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 30px
}

@media screen and (min-width:768px) {
    #sequel-splash #modalDescription p {
        font-size: 37px
    }
}

#sequel-splash .sequel-modal-circles {
    -webkit-animation: sequelModalAnimationShow 1s ease-in;
    animation: sequelModalAnimationShow 1s ease-in;
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 3
}

@-webkit-keyframes sequelModalAnimationShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes sequelModalAnimationShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sequel-noscroll #sequel-splash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}