div#fullpage {
    overflow-x: hidden;
}

.fp-scroller {
    transition-duration: .75s !important;
    transition-timing-function: ease;
    /* transition-delay: 50ms; */
}

.fixed-section {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 2;
    background: #323232;
}

.fixed-section .video-background {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: 1s all ease-in-out;
    z-index: 1;
}

.fixed-section .video-background.zoom-out {
    transform: scale(.8);
}

.video-background video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

div#fullpage {
    z-index: 3;
    transition: all .3s ease-in-out;
}

div#fullpage.video-fullscreen {
    opacity: 0;
}

.section.fp-section:first-of-type {
    background: transparent !important;
    height: 100vh;
}

.hero-content {
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    position: fixed;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    max-width: calc(100% - 240rem);
    left: 50%;
}

.hero-content h1 {
    font-size: 100rem;
    color: #FFF;
    text-align: center;
    transition: all 1s ease-in-out;
}

.hero-content span.reveal {
    height: 0;
    opacity: 0;
    transition: all 1s ease-in-out;
}

.hero-content h1 span.reveal.revealed {
    opacity: 1;
    height: 110px;
}

.hero-content h1.zoom-out {
    /*transform: scale(.8);*/
}

#fullpage.increase-z {
    position: relative;
    z-index: 4;
}


/*Hero Animations*/

/* loader css starts here */
.loader {position: fixed; z-index: 999999; top: 0; left: 0; height: 100%; width: 100%; background: #090924 50% 50% no-repeat;}
.spinner {position: absolute; top: 50%; left: 50%;; z-index: 300; width: 70px; text-align: center; transform: translate3d(-50%,-50%,0); pointer-events: none; opacity: 1.0; transition: opacity 0.5s;}
.spinner > div {width: 18px; height: 18px; background-color: white; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay{0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay{0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0);} 40% {-webkit-transform: scale(1.0); transform: scale(1.0);}}
/* loader css ends here */



.row column-ctas {
    display: none;
}

.hero-bg {
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-size: cover !important;
    opacity: 0;
    transform: scale(1);
    transition: all 1.5s ease-in-out
}

.copy-content p {
    font-size: 16rem;
    line-height: 24rem;
}

video#hero-video {
    height: 100%;
    position: absolute;
    width: 100%;
    object-fit: cover;
    object-position: top !important;
}

.hero-bg.fade-in-zoom-in {
    opacity: 1;
    /*transform: scale(1.35);*/
    /*animation: fullScale 5s ease 1.5s 1 forwards;*/
}

/*@keyframes fullScale{
    from{
        transform:scale(1.35);
    }
    to{
        transform:scale(1.5);
    }
}*/

.hero-bg.fade-bg-out {
    opacity: 0;
}

.hero-filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    opacity: .2;
}

.hero-section .content-width {
    z-index: 2;
    position: relative;
}


.main-header, .main-header-last {
    text-align: center;
}

.main-header h1, .main-header-last h1 {
    color: #FFF;
    font-size: 60rem;
    line-height: 60rem;
    text-transform: uppercase;
    padding-bottom: 28rem;
}

.hero-message {
    position: absolute;
    top: 50%;
    opacity: 1;
    transition: all .75s ease-in-out;
    text-align: center;
    width: 100%;
    transform: translateY(-50%);
}


.super-header {
    text-align: center;
    color: #FFF;
    font-family: 'source_sans_proregular', sans-serif;
    font-size: 40rem;
    line-height: 1;
    
    
}

.super-header > span::after {
    content: "";
    position: absolute;
    width: calc(60rem);
    height: 6px;
    background: #4bcd3e;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.super-header span {
    position: relative;
    display: block;
    padding-bottom: 25rem;
    line-height: 1;
    margin-bottom: 25rem;
}

.main-header, .super-header, .main-header-last {
    position: relative;
    transition: all 1s ease-in-out;
}

.main-header-last {
    margin-bottom: 18vh;
}

.main-header-last {
    margin-bottom: 18vh;
    filter: blur(5px);
    transform: scale(.5);
    opacity: 0;
}

.main-header-last.zoom-in-clear {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
}

.main-header-last h1 {
    position: relative;
}

.main-header-last h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 75px;
    height: 5px;
    background: #4bcd3e;
    left: 50%;
    transform: translateX(-50%);
}

.main-header-last p {
    font-size: 20rem;
}

.main-header-last.fade-in-up {
    margin-top: 0;
    margin-bottom: 0;
    opacity: 1;
}

.super-header.fade-up-and-out, .main-header.fade-up-and-out {
    margin-top: -100rem;
    opacity: 0;
    z-index: -1;
}

.row.column-ctas .col-4 {
    width: calc(100% / 3);
    color: #FFF;
    font-size: 30rem;
    position: relative;
    padding-bottom: 0;
    opacity: 0;
    bottom: -75rem;
    transition: all 1s ease-in-out;

}

.row.column-ctas .col-4.fade-in {
    opacity: 1;
    bottom: 0;
}

.row.column-ctas .col-4:hover {
    transform: scale(1.1);
}

.row.column-ctas .col-4 a {
    color: #FFF;
    font-size: 28rem;
}

.row.column-ctas {
    display: flex !important;
    flex-direction: row;
    z-index: 999;
    /*max-height: 0;*/
    margin-top: 60rem;
    transition: all 1s ease-in-out;
}

.row.column-ctas.fade-in-up {
    max-height: 70px;
    margin-top: 60rem;
}

.row.column-ctas .col-4::after {
    content: "";
    width: calc(60rem);
    height: 6px;
    background: #4bcd3e;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.row.column-ctas {
    margin-top: 60rem;
}

@media(max-width: 768px){
    .section.fp-section .content-width {
        max-width: calc(100% - 120rem);
    }
    
}

@media(max-width: 576px){

    .section.fp-section .content-width {
        max-width: calc(100% - 60rem);
    }

    .row.column-ctas .col-4:hover {
        transform: scale(1);
    }

    .row.column-ctas {
        
        flex-direction: column;
        margin-top: 0;
       
    }

    .row.column-ctas .col-4::after {
        bottom: initial;
        top: 50%;
        left: 50%;
        height: 5px;
        transform: translate(-50%, 50%);
    }

    .row.column-ctas .col-4 {
        width: calc(100%);
        min-height: calc(100vh / 10);
    }

    .main-header-last {
        margin-bottom: 35rem;
    }

    .main-header h1, .main-header-last h1 {
        font-size: 45rem;
        line-height: 1.1;
    }

    

}

/*End Hero Animations*/


/*Side Navigation*/

#fp-nav ul li, .fp-slidesNav ul li {
    width: 5px;
    height: 40px;
    margin: 0;
    position: relative;
    margin-bottom: 7px;
}

div#fp-nav ul li a.active span + span {
    background: #4bcd3e;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    width: 5px;
    height: 40px;
    margin: 0 !important;
    border-radius: 0;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    margin: 0 !important;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 0;
    height: 40px !important;
    width: 4px !important;
    left: 0;
    top: 0;
    background: rgb(255 255 255 / 61%);
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 5px;
    height: 40px;
    margin: 0 0;
}

/*End Side Navigation*/


/*Transition betweeen hero and Economies*/

.section.hero-section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100vh;
    background: #FFF;
    left: 0;
}


.section.economy {
    transition: all 1.2s ease-in-out;
    position: relative;
}

.section.economy .gradient {
    /* transform: translate(-50%, 50%); */
    width: 60%;
    left: 50%;
    top: 50%;
    height: 100%;
    margin-left: -30%;
    transition: all 1.25s ease-in-out;
}

.section.economy .gradient.expanded {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    margin-left: 0
}

/*.section.economy::before {
    content: "";
    position: absolute;
    transform: translate(-50%, 0);
    width: 60%;
    left: 50%;
    background: transparent linear-gradient(61deg, #1B1B6F 0%, #285BC5 45%, #3BCFF0 100%) 0% 0% no-repeat padding-box;
    bottom: -50%;
    height: 100%;
    transition: all 1.25s ease-in-out;
}

.section.economy.expanded::before {
    width: 100%;
    bottom: 0;
}*/

/*End transition between hero and Economies*/

/*Economies Rely on Us Section*/


.col-6 .copy-content {
    max-width: 80%;
}

.col-6 .super-header {
    text-align: left;
    padding-bottom: 20rem;
    margin-bottom: 20rem;
    font-size: 24rem;
    line-height: 30rem;
}

.col-6 .super-header::after {
    content: "";
    position: absolute;
    width: 50rem;
    height: 4px;
    background: #4bcd3e;
    bottom: 0;
    left: 0;
}

.html-spot-section h2, .copy-content h2 {
    font-size: 48rem;
    font-family: 'titillium_webregular', sans-serif;
    font-weight: 200;
    line-height: 60rem;
    margin-bottom: 40rem;
}

.section a.btn-tertiary-white-on-dark {
    letter-spacing: 1px !important;
    font-family: 'source_sans_probold', sans-serif;
}

/*#canvas0 {
    width: 136vh;
    height: 136vh;
    z-index: 99999;
    position: absolute;
    top: 11vh;
    left: 0;
    transform: rotate( 
25deg) translateX(-50%);
    mix-blend-mode: overlay;
    opacity: 0;
    transition: all 1.5s ease-in-out;
}*/

.deep-purple-dark-blue {
    background: transparent linear-gradient(241deg, #285BC5 0%, #4B12A1 85%, #330C6E 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mid-blue-darkest-blue {
    background: transparent linear-gradient(61deg, #027FB0 0%, #090924 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dark-blue-mid-light-blue {
    background: transparent linear-gradient(61deg, #1B1B6F 0%, #285BC5 45%, #3BCFF0 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.canvas-contain + .content-width {
    z-index: 99999999;
    position: relative;
}

.sphere-canvas {
    width: 110vh;
    height: 110vh;
    z-index: 99999;
    position: absolute;
    top: 18vh;
    left: 0;
    transform: rotate( 
25deg) translateX(-50%);
    mix-blend-mode: overlay;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.sphere-canvas.fade-in-sphere {
    opacity: 1;
}

.sphere-container {
    padding-top: calc(100vw / 20);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.economy .two-col-stat {
    display: flex;
    align-items: center;
    justify-content: center;
}

.economy .two-col-stat .stat:nth-of-type(2) {
    padding-left: 25rem;
}

.economy .two-col-stat .counter-value {
    font-size: 144rem !important;
}

.economy .stat.stat-icon img {
    position: relative;
    top: -15rem;
}

.two-col-stat .col-5 {
    width: 41.66666666666667%;
}

.two-col-stat .col-4 {
    width: 33.33333333333333%;
}

.two-col-stat .col-3 {
    width: 25%;
}

.two-col-stat .col-2 {
    width: 16.66666666666667%;
}


span.percentage {
    font-family: 'titillium_webregular', sans-serif;
    font-size: 96rem !important;
    line-height: 1.2;
    position: relative;
    transform: translateY(-12.5%) translateX(8rem);
    display: inline-block;
}

.two-col-stat .col-6 {
    text-align: center;
}

.economy .description-top, .economy .description-bottom {
    text-align: center;
    font-size: 20rem;
    line-height: 30rem;
    /* padding: 15rem 30rem; */
    max-width: 100%;
    margin-left: 0;
}

.description-top {
    margin-bottom: 12rem;
}

.description-bottom {
    margin-top: 10rem;
}

.economy .count-up-stat {
    text-align: center;
    font-family: 'Titillium Web';
}


.count-up-stat span:first-of-type sup {
    margin-right: 10rem;
    font-size: .75em;
    vertical-align: top;
    position: relative;
    top: 5rem;
}

.economy .count-up-stat span:first-of-type {
    font-size: 85rem;
    line-height: 1;
}

.economy .count-up-stat span:first-of-type {
    font-size: 85rem;
}

.economy .count-up-stat span:nth-of-type(2) {
    font-size: 110rem;
    line-height: 60rem !important;
}

.economy .count-up-stat span:last-of-type {
    font-size: 50rem;
    align-self: flex-end;
}

  
.section.economy .content-width .row.economies-row {
    margin-bottom: 0;
}
  
.economy .gradient {
    opacity: 0;
    transition: all 1s ease-in-out;
}

.economy .gradient.bg-blue-to-green {
    background: transparent linear-gradient(
61deg, #009775 0%, #285BC5 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.economy .gradient.bg-red-to-purple {
    background: transparent linear-gradient(60deg, #FB3B56 0%, #66066E 67%, #5C0769 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.economy .gradient.bg-blue-to-purple {
    background: linear-gradient( 
        0deg, #383ab5 10%, #5f62d5 29%, #4226ab 60%);
        position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.economy .active-gradient {
    opacity: 1;
}

.economy .animated-cards {
    height: calc(100vh / 3);
    width: 100%;
    flex-direction: column;
    /*position: relative;*/
}

.economy .animated-card {
    position: absolute;
    height: calc(100% - (41px + 20rem));
    width: 100%;
    opacity: 0;
    transition: all .75s ease-in-out;
    z-index: 1;
    background: rgb(255 255 255 / 20%);
    border-radius: 10px;
    filter: blur(5px);
    transform: scale(.35);
    border: 1px solid #FFFFFF80;
}

.economy .animated-card.active-card {
    opacity: 1;
    z-index: 2;
    filter: blur(0);
    transform: scale(1);
}

.economy .animated-card.fade-forward {
    opacity: 0;
    z-index: 1;
    filter: blur(5px);
    transform: scale(1.35);
}

.economy .card-button {
    width: calc(100% / 3);
    overflow: hidden;
    opacity: .3;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.economy .card-button:hover {
    opacity: 1;
}

.economy .card-button.active-card {
    opacity: 1;
}

.economy .card-button img {
    max-height: 27px;
}

.economy .card-button:nth-of-type(2) {
    text-align: center;
}

.economy .card-buttons .card-button:last-of-type {
    text-align: right;
}

.economy .animated-card .card-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    height: 100%;
    padding: 40rem;
    width: 100%;
}

.economy .animated-card .card-copy .card-header h3 {
    font-family: 'source_sans_proregular';
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 25rem;
    font-weight: 300;
}

.section.economy .card-copy a.btn-tertiary-white-on-dark {
    letter-spacing: 1px !important;
    font-family: 'source_sans_semibold', sans-serif;
    font-size: 18px;
}

.economy .card-shadow {
    position: absolute;
    width: 100%;
    height: 20vh;
    width: calc(105%);
    height: calc(100vw / 30);
    background: radial-gradient( rgb(0 0 0 / 90%), #fff0 72% );
    bottom: 0;
    transform: translateY(22vh);
    left: -2.5%;
    /* mix-blend-mode: unset; */
    opacity: .35;
}

.section.economy .row:first-of-type {
    display: flex;
    width: 100%;
    margin-bottom: 20rem;
}

.section.economy .row .col-6 {
    width: 50%;
    z-index: 2;
    position: relative;
}

.section.economy .col-6 .copy-content {
    position: relative;
    transform: translateY(25vh);
    opacity: 0;
    transition: all 1s ease-in-out;
}


.section.economy .col-6 .copy-content.fade-up-in {
    transform: translateY(0);
    opacity: 1;
}

.section.economy .row .col-6:nth-of-type(2) {
    transform: scale(.25);
    opacity: 0;
    transition: all 1s ease-in-out;
}

.section.economy .row .col-6.zoom-in-fade-in {
    transform: scale(1);
    opacity: 1;
}

.section.economy .card-buttons .card-button {
    text-align: center;
}

@media(max-height: 1080px){
    .economy .animated-card {
        height: 100%;
    }
}

@media(max-width: 991px){

    .card-shadow {
        display: none;
    }

    .section .content-width {
        position: relative;
        z-index: 2;
    }

    .section.economy .row:first-of-type {
        width: 100%;
        flex-direction: column;
    }

    .section.economy .row .col-6 {
        width: 100%;
    }

    .row.card-buttons {
        flex-direction: row !important;
    }

    .row.column-ctas .col-4 a {
        font-size: 20rem;
    }

    .row.column-ctas .col-4 {
        padding: 0 20rem;
        line-height: 1;
    }

    .section.economy .row .col-6 {
        width: 100%;
        margin-bottom: 40rem;
    }

    .sphere-canvas {
        z-index: 1;
    }
}

@media(max-width: 576px){

    .section.economy .gradient {
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        margin-left: 0;
    }

    .section h2 {
        font-size: 35rem;
        line-height: 1.2;
    }

    .economy .two-col-stat .counter-value {
        font-size: 70px !important;
    }


    .economy .count-up-stat span:nth-of-type(2) {
        font-size: 70px;
    }

    span.percentage {
        font-size: 70px !important;
        transform: none;
    }

    .economy .stat.stat-icon img {
        top: 0;
        max-height: 120px;
    }

    .economy .animated-card .card-copy {
        padding: 25rem;
    }

    .economy .animated-cards {
        height: calc(100vh / 4);
    }

    .economy .description-top, .economy .description-bottom {
        font-size: 16rem;
        line-height: 1.2;
    }
}
/*End Economies Rely on Us Section*/


/*BG Video Slider*/

.bg-video-slider .fis-hero-home-wrapper .cust-content-rich-inner .padding-lg {
    height: 100vh;
}

.bg-video-slider .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.bg-video-slider .content-rich-slide .hero-image.sxa-card-bg-js {
    background: transparent !important;
}

.bg-video-slider .content-rich-slide-bg.padding-lg {
    background-color: transparent;
}

.bg-video-slider .video-container {
    z-index: 1;
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
}

.bg-video-slider .video-container.active-video {
    z-index: 2;
}

.bg-video-slider .content-rich-inner {
    z-index: 2;
    position: absolute;
    top: 0;
}

.bg-video-slider .row {
    display: flex;
    align-self: center;
    align-items: center;
    height: 100vh;
    width: calc(100% - 240rem);
}

.bg-video-slider .row .col-6 {
    width: 50%;
    z-index: 3;
    position: relative;
    text-align: left;
    transform: translateY(25vh);
    opacity: 0;
    transition: all 1.5s ease-in-out;
}

.bg-video-slider .row .col-6.fade-up-in {
    transform: translateY(0);
    opacity: 1;
}

.bg-video-slider .fixed-buttons {
    display: flex;
    z-index: 3;
    flex-direction: column;
    width: 50%;
    align-items: center;
    transform: translateX(25vw);
    opacity: 0;
    transition: all 1.5s ease-in-out;
}

.bg-video-slider .fixed-buttons.fade-in-right {
    opacity: 1;
    transform: translateX(0);
}

.bg-video-slider .product-button {
    width: 50%;
    flex: 1;
    padding: 35rem 0 25rem;
    margin-bottom: 25rem;
    cursor: pointer;
    position: relative;
    opacity: .4;
    transition: all .3s ease-in-out;
    overflow: hidden;
    text-align: left;
}

.bg-video-slider ul.slick-dots {
    opacity: 0;
    pointer-events: none;
}

.bg-video-slider .product-button.active-product {
    opacity: 1;
}

.bg-video-slider .fixed-buttons .product-button:last-of-type {
    margin-bottom: 0;
}

.bg-video-slider h2.heading-large {
    font-family: 'Titillium Semibold', sans-serif !important;
    letter-spacing: -1rem !important;
    color: #000;
    line-height: 1.2;
    font-size: 55rem;
}

.bg-video-slider .video-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
    z-index: 2;
    left: 0;
    top: 0;
}

.bg-video-slider .product-button .product-label {
    font-family: 'source_sans_probold', sans-serif;
    position: relative;
    opacity: 1;
    transition: all .3s ease-in-out;
    color: #6ACDEC;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}

.bg-video-slider .product-button:hover {
    opacity: 1;
}

.bg-video-slider .product-button:hover .product-label {
    opacity: 1;
}

.bg-video-slider .product-button .cta-label {
    font-size: 24px;
    font-family: 'source_sans_probold', sans-serif;
    color: #FFF;
    margin-bottom: 15rem;
}

.bg-video-slider .product-label {
    margin-bottom: 10rem;
}

.bg-video-slider .progress-indicator-bg {
    position: absolute;
    height: 3px;
    width: 100%;
    background: rgb(106 206 236 / 20%);
    left: 0;
    bottom: 0;
    opacity: 0;
}


.bg-video-slider .progress-indicator {
    position: absolute;
    height: 3px;
    width: 0;
    background: #6ACDEC;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.bg-video-slider .product-button.active-product .progress-indicator-bg {
    opacity: 1;
}


.bg-video-slider .product-button.active-product .progress-indicator {
    opacity: 1;
}

.bg-video-slider img.go-cart-vid-logo {
    max-height: 26px;
}

.bg-video-slider .cta-link a {
    font-size: 18px;
}

.bg-video-slider .product-button.active-product .product-label {
    opacity: 1;
}

.bg-video-slider .progress-indicator.animate-width {
    animation: animateWidth 5.7s linear 1 forwards;
}

@keyframes animateWidth {
    from{
        width: 0;
    }
    to{
        width: 100%;
    }
}

.bg-video-slider .content-width .text-wrapper {
    max-width: 50%;
}

.bg-video-slider .fis-hero-home-wrapper .cust-content-rich-inner .content-width {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.bg-video-slider .fis-hero-home-wrapper .cust-content-rich-inner .slick-active .content-width {
    padding-bottom: 0;
}
/*End BG Video Slider*/
/*End BG Video Slider*/
/*End BG Video Slider*/


/*Businesses Alternative Layout*/
/*Businesses Alternative Layout*/
/*Businesses Alternative Layout*/

.businesses .card-button {
    font-family: 'source_sans_probold', sans-serif;
    color: #FFF;
}

.businesses .animated-card:nth-of-type(2) video {
    transform: rotateY( 
180deg);
}

.businesses .card-buttons .card-button .button-content {
    display: flex;
    justify-content: center !important;
    font-size: 18rem;
    line-height: 20rem;
}

.businesses .card-buttons .card-button:last-of-type .button-content {
    display: flex;
    justify-content: flex-end;
}

.section.businesses .row:first-of-type {
    display: flex;
    width: 100%;
    margin-bottom: 20rem;
    align-items: center;
}

.section.businesses .row .col-6 {
    width: 50%;
    z-index: 2;
    position: relative;
}

.section.businesses .col-6 .copy-content {
    position: relative;
    transform: translateY(-25vh);
    opacity: 0;
    transition: all 1s ease-in-out;
}


.section.businesses .col-6 .copy-content.fade-up-in {
    transform: translateY(0);
    opacity: 1;
}

.section.businesses .row .col-6:nth-of-type(2) {
    transform: scale(.25);
    opacity: 0;
    transition: all 1s ease-in-out;
}

.section.businesses .row .col-6.zoom-in-fade-in {
    transform: scale(1);
    opacity: 1;
}


.businesses .highlight {
    position: absolute;
    left: 50%;
    bottom: 0;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 72%);
    transform: translateX(-50%);
    opacity: .75;
    z-index: 3;
    border-radius: 50%;
    width: calc(135vw);
    height: 35vh;
    background: radial-gradient( rgb(255 255 255 / 64%), rgb(255 255 255 / 0%) 68% );
    mix-blend-mode: overlay;
}

.businesses .animated-card::after {
    content: "";
    background: transparent linear-gradient(
90deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .57;
}

.businesses .gradient {
    opacity: 0;
    transition: all 1s ease-in-out;
}

.businesses .bg-purple-to-pink-gradient {
    background: transparent linear-gradient(241deg, #FD8D62 0%, #66066E 67%, #5C0769 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.businesses .gradient.bg-blue-to-green {
    background: transparent linear-gradient(
61deg, #009775 0%, #285BC5 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.businesses .gradient.bg-red-to-purple {
    background: transparent linear-gradient(60deg, #FB3B56 0%, #66066E 67%, #5C0769 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.businesses .gradient.bg-blue-to-purple {
    background: linear-gradient( 
        0deg, #383ab5 10%, #5f62d5 29%, #4226ab 60%);
        position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.businesses .active-gradient {
    opacity: 1;
}

.businesses .animated-cards {
    height: calc(100vh / 3);
    width: 100%;
    flex-direction: column;
    /*position: relative;*/
}

.businesses .animated-card {
    position: absolute;
    height: calc(100% - (48px + 20rem));
    width: 100%;
    opacity: 0;
    transition: all .75s ease-in-out;
    z-index: 1;
    background: rgb(0 0 0 / 30%);
    border-radius: 10px;
    filter: blur(5px);
    transform: scale(.35);
    overflow: hidden;
}

.businesses .animated-card video {
    position: absolute;
    min-width: 100%;
    height: 100% !important;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}

.businesses .animated-card.active-card {
    opacity: 1;
    z-index: 2;
    filter: blur(0);
    transform: scale(1);
    background-size: cover !important;
}

.businesses .animated-card.fade-forward {
    opacity: 0;
    z-index: 1;
    filter: blur(5px);
    transform: scale(1.35);
}

.businesses .card-button {
    width: calc(100% / 3);
    overflow: hidden;
    opacity: .3;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.businesses .card-button:hover {
    opacity: 1;
}

.businesses .card-button.active-card {
    opacity: 1;
}

.businesses .card-button img {
    max-height: 27px;
}

.businesses .card-button:first-of-type {
    text-align: center;
}

.businesses .card-button:nth-of-type(2) {
    text-align: center;
}

.businesses .card-buttons .card-button:last-of-type {
    text-align: center;
}


.businesses .animated-card .card-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 40rem;
    width: 72%;
    position: relative;
    z-index: 2;
}

.businesses .animated-card .card-copy .card-header h3 {
    font-family: 'titillium_webregular', sans-serif;
    font-size: 32rem;
    line-height: 40rem;
    margin-bottom: 25rem;
    font-weight: normal;
}

.section.businesses .card-copy a.btn-tertiary-white-on-dark {
    letter-spacing: 1px !important;
    font-family: 'source_sans_probold', sans-serif;
    font-size: 18rem;
    line-height: 24rem;
}

.businesses .card-shadow {
    position: absolute;
    width: 100%;
    height: 20vh;
    width: calc(105%);
    height: calc(100vw / 30);
    background: radial-gradient( rgb(0 0 0 / 90%), #fff0 72% );
    bottom: 0;
    transform: translateY(22vh);
    left: -2.5%;
    opacity: .35;
}

@media(max-height: 1080px){
    .businesses .animated-card {
        height: 100%;
    }
}

@media(max-width: 991px){
    .section.businesses .row:first-of-type {
        flex-direction: column;
    }

    .section.businesses .row .col-6 {
        width: 100%;
    }

    .col-6 .copy-content {
        max-width: 100%;
    }

    .section.businesses .row .col-6:first-of-type {
        margin-bottom: 40rem;
    }

    .section h2 {
        margin-bottom: 25rem;
    }

}

@media(max-width: 576px){
    .businesses .animated-cards {
        height: calc(100vh / 4);
    }

    .businesses .animated-card .card-copy .card-header h3 {
        font-size: 22rem;
        line-height: 1.2;
    }

    .businesses .animated-card .card-copy {
        padding: 25rem;
        width: 100%;
    }

    .businesses .card-buttons .card-button .button-content {
        font-size: 16rem;
        line-height: 1.2;
    }

    .businesses .card-button img {
        max-height: 20px;
    }
}

/*Businesses Alternative Layout*/
/*Businesses Alternative Layout*/
/*Businesses Alternative Layout*/


/*Innovators Styles*/
/*Innovators Styles*/
/*Innovators Styles*/

.section.innovators .row:first-of-type {
    display: flex;
    width: 100%;
    margin-bottom: 20rem;
}

.section.innovators .row .col-6 {
    width: 50%;
    z-index: 2;
    position: relative;
}

.section.innovators .col-6 .copy-content {
    position: relative;
    transform: translateY(-25vh);
    opacity: 0;
    transition: all 1s ease-in-out;
}


.section.innovators .col-6 .copy-content.fade-up-in {
    transform: translateY(0);
    opacity: 1;
}

.section.innovators .row .col-6:nth-of-type(2) {
    transform: scale(.25);
    opacity: 0;
    transition: all 1s ease-in-out;
}

.section.innovators .row .col-6.zoom-in-fade-in {
    transform: scale(1);
    opacity: 1;
}


.highlight {
    position: absolute;
    left: 50%;
    bottom: 0;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 72%);
    transform: translateX(-50%);
    opacity: .75;
    z-index: 3;
    border-radius: 50%;
    width: calc(135vw);
    height: 35vh;
    background: radial-gradient( rgb(255 255 255 / 64%), rgb(255 255 255 / 0%) 68% );
    mix-blend-mode: overlay;
}

.innovators .gradient {
    opacity: 0;
    transition: all 1s ease-in-out;
}

.innovators .gradient.bg-green-to-blue {
    background: transparent linear-gradient(
61deg, #009775 0%, #285BC5 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.innovators .gradient.bg-red-to-purple {
    background: transparent linear-gradient(60deg, #FB3B56 0%, #66066E 67%, #5C0769 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.innovators .gradient.bg-blue-to-purple {
    background: linear-gradient( 
        0deg, #383ab5 10%, #5f62d5 29%, #4226ab 60%);
        position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.innovators .gradient.bg-blue-to-green {
    background: transparent linear-gradient(258deg, #50FF48 0%, #50FF48 0%, #015B7E 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.innovators .active-gradient {
    opacity: 1;
}

.innovators .animated-cards {
    height: calc(100vh / 3);
    width: 100%;
    flex-direction: column;
    /*position: relative;*/
}

.innovators .animated-card {
    position: absolute;
    height: calc(100% - (41px + 20rem));
    width: 100%;
    opacity: 0;
    transition: all .75s ease-in-out;
    z-index: 1;
    background: rgb(0 0 0 / 30%);
    border-radius: 10px;
    filter: blur(5px);
    transform: scale(.35);
    overflow: hidden;
}

.animated-card video {
    position: absolute;
    min-width: 100%;
    height: 100% !important;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}

.innovators .animated-card.active-card {
    opacity: 1;
    z-index: 2;
    filter: blur(0);
    transform: scale(1);
}

.innovators .animated-card.fade-forward {
    opacity: 0;
    z-index: 1;
    filter: blur(5px);
    transform: scale(1.35);
}

.innovators .card-button {
    width: calc(100% / 3);
    overflow: hidden;
    opacity: .3;
    cursor: pointer;
    transition: all .3s ease-in-out;
    text-align: center !important;
}

.innovators .card-button:hover {
    opacity: 1;
}

.innovators .card-button.active-card {
    opacity: 1;
}

.innovators .card-button img {
    max-height: 27px;
}

.innovators .card-button:nth-of-type(2) {
    text-align: center;
}

.innovators .card-buttons .card-button:last-of-type {
    text-align: right;
}


.animated-card .card-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    height: 100%;
    padding: 40rem;
    width: 60%;
    position: relative;
    z-index: 2;
}

.animated-card .card-copy .card-header h3 {
    font-family: 'titillium_webregular', sans-serif;
    font-size: 32rem;
    line-height: 40rem;
    margin-bottom: 25rem;
    font-weight: normal;
}

.section.innovators .card-copy a.btn-tertiary-white-on-dark {
    letter-spacing: 1px !important;
    font-family: 'source_sans_probold', sans-serif;
    font-size: 18rem;
    line-height: 24rem;
}

.card-shadow {
    position: absolute;
    width: 100%;
    height: 20vh;
    width: calc(105%);
    height: calc(100vw / 30);
    background: radial-gradient( rgb(0 0 0 / 90%), #fff0 72% );
    bottom: 0;
    transform: translateY(22vh);
    left: -2.5%;
    /* mix-blend-mode: unset; */
    opacity: .35;
}

/*Style Updates for Logo Soup*/

.innovators .animated-card {
    height: 100%;
    background: none;

}

.innovators .animated-card.active-card {
    top: -30rem;
}

.logo-row {
    width: 100%;
    display: flex;
    align-items: center;
    height: calc(100% / 3);
}

.logo-row .logo-col {
    width: calc(100% / 3);
    flex: 1;
    align-items: center;
    display: flex;
    justify-content: center;
}

.shadow-row {
    display: flex;
    flex-direction: row;
}

.shadow-row .shadow-holder {
    width: calc(100% / 3);
    position: relative;
}

.shadow-holder .card-shadow {
    height: calc(100vw / 50);
    left: 50%;
    width: 70%;
    transform: translateY(22vh) translateX(-50%);
    height: calc(100vw / 50);
    opacity: .1;
    mix-blend-mode: multiply;
}

/*END Style Updates for Logo Soup*/

@media(max-height: 1080px){
    .innovators .animated-card {
        height: 100%;
    }
}

@media(max-width: 991px){
    .section.innovators .row:first-of-type {
        flex-direction: column;
    }

    .section.innovators .row .col-6 {
        width: 100%;
    }

    .section.innovators .row .col-6:first-of-type {
        margin-bottom: 40rem;
    }

    /*Style Updates for Logo Soup*/

    .innovators .animated-card.active-card {
        top: 0;
        margin-top: 50rem;
    }
    
    .logo-row .logo-col:nth-of-type(n+1) {
        justify-content: flex-start;
    }
    
    .logo-row .logo-col:nth-of-type(n+2) {
        justify-content: center;
    }
    
    .logo-row .logo-col:nth-of-type(n+3) {
        justify-content: flex-end;
    }

    /*END Style Updates for Logo Soup*/

}

@media(max-width: 576px){
    .innovators .animated-cards {
        height: calc(100vh / 4);
    }

    .animated-card .card-copy .card-header h3 {
        font-size: 22rem;
        line-height: 1.2;
    }

    .animated-card .card-copy {
        width: 100%;
        padding: 25rem;
    }

    .innovators .card-button img {
        max-height: 20px;
    }

    .section.innovators .card-copy a.btn-tertiary-white-on-dark {
        font-size: 14rem;
        line-height: 1.2;
    }

    /*Style Updates for Logo Soup*/
    .innovators .animated-card.active-card {
        margin-top: 20rem;
        position: relative;
    }
    
        .section.innovators {
        padding-top: 120rem;
    }
    
        .innovators .animated-card {
        height: auto;
    }
    
    .innovators .animated-cards {
        height: auto;
        padding-bottom: 60rem;
    }
    
    .logo-row {
        height: auto;
        flex-direction: column;
    }
    
    .logo-row .logo-col:nth-of-type(n+1), .logo-row .logo-col:nth-of-type(n+2), .logo-row .logo-col:nth-of-type(n+3) {
        justify-content: center;
        margin-bottom: 40rem;
    }

    /*END Style Updates for Logo Soup*/
}

/*End Innovators Styles*/


/*APIs Section Styles*/

section#apis {
    padding-top: 100rem;
    position: relative;
    padding-bottom: 200rem;
    float: none;
    clear: both;
}

.apis .animating-background {
    position: absolute;
    width: 130%;
    height: 100%;
    left: 0;
    top: 0;
    transform: translateX(-20%);
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.apis .animating-background.now-animating {
    animation: moveToLeft;
    animation-duration: 5s;
    animation-delay: 0;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}


.hero-bg.fade-in-zoom-in {
    opacity: 1;
    /*transform: scale(1.35);*/
    
}

@keyframes moveToLeft {
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-20%);
    }
}


section#apis .content-width {
    position: relative;
    z-index: 1;
    padding-top: 80rem;
}

#apis .row.cards {
    display: flex;
    min-height: 350px;
}

#apis .content-width.three-column-cards h3 {
    font-size: 37rem;
    line-height: 48rem;
    text-align: center;
    font-family: 'titillium_webregular', sans-serif;
    margin-bottom: 50rem;
    font-weight: normal;
}

#apis .content-width.three-column-cards h3 {
    transform: translateY(100rem);
    opacity: 0;
    transition: all 1s ease-in-out;
}

#apis .content-width.three-column-cards h3.fade-up-in {
    transform: translateY(0);
    opacity: 1;
}

#apis .row.cards .solution-card {
    background: transparent linear-gradient( 
75deg, #53139d 0%, #8a167f 100%) 0% 0% no-repeat padding-box;
    padding: 50rem 25rem;
    margin: 0 20rem 0 0;
    border-radius: 12px;
    flex: 1;
    position: relative;
    transform: translateY(100rem);
    opacity: 0;
    max-width: 100% !important;
    transition: all 1s ease-in-out;
}

#apis .row.cards .solution-card.fade-up-in {
    transform: translateY(0);
    opacity: 1;
}



#apis .row.cards .solution-card:nth-of-type(2){
    background: transparent linear-gradient(
75deg, #8d177d 0%, #c21b60 100%) 0% 0% no-repeat padding-box;
}

#apis .row.cards .solution-card:nth-of-type(3) {
    background: transparent linear-gradient( 
75deg, #c51b5e 0%, #fe1f3f 100%) 0% 0% no-repeat padding-box;
    margin-right: 0;
}

#apis .search-button-container.text-center {
    margin-top: 35rem;
    padding-bottom: 60rem;
    position: relative;
    /*transform: translateY(100rem);*/
    opacity: 0;
    transition: all 1s ease-in-out;
}

#apis .search-button-container.fade-up-in {
    transform: translateY(0);
    opacity: 1;
}

#apis .solution-card .card-headbox h5.card-title, #apis .solution-card .card-headbox h4.card-title {
    font-size: 24rem;
    line-height: 34rem;
    padding-bottom: 25rem;
    margin-bottom: 20rem;
    position: relative;
}

#apis .solution-card .card-headbox h5.card-title::after, #apis .solution-card .card-headbox h4.card-title::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(255 255 255 / 25%);
}

#apis .card-copy-container p {
    font-size: 16rem;
    line-height: 24rem;
    margin-top: 0;
}

#apis .solution-card .card-copy-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

#apis .solution-card .card-links {
    position: absolute;
    bottom: 0;
}

#apis .solution-card .card-intro {
    margin-top: 0;
    padding-bottom: 25rem;
}

#apis .card-links a {
    font-size: 14rem;
    line-height: 24rem;
}

#apis .search-button-container a {
    font-size: 14rem;
    /* line-height: 16rem; */
}

#apis .solution-card .card-links a svg {
    margin-top: 0;
}

@media(max-width: 991px){
    #apis .row.cards {
        flex-direction: column;
    }

    #apis .row.cards .solution-card {
        margin-right: 0;
        margin-bottom: 25rem;
        margin-left: 0;
        width: 100%;
    }
}
/*End APIs Section Styles*/

/*The Latest at FIS Styles*/

.latest {
    padding-top: 60rem;
    position: relative;
    margin-bottom: -130rem;
}

.latest .content-width h3 {
    font-size: 36px;
    text-align: center;
    font-family: 'titillium_webregular', sans-serif;
    margin-bottom: 50rem;
}

.latest .swiper-wrapper .swiper-slide {
    min-width: calc(100% / 5);
}

.latest .swiper-wrapper {
    display: flex;
}

.swiper-slide {
    display: flex;
    border-radius: 8px;
}

.latest .swiper-wrapper .swiper-slide:first-of-type {
    min-width: 500px;
    height: 350px;
}

.latest .swiper-wrapper .swiper-slide {
    /*min-width: 239px;
    height: 350px;*/
    min-width: 500px;
    height: 350px;
    background-size: cover !important;
    background-position: left !important;
    overflow: hidden;
}

.latest .copy-filter.has-right-img {
    width: 53%;
}

.latest .swipe-header p {
    font-size: 16px;
}

.latest .swipe-header p.fis-text-white {
    color: #FFF;
}

.latest .swiper-slide .img-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 45%;
}

.latest .swiper-slide img.right-align {
    max-width: 75%;
    margin: 0 auto;
}

.latest .fis-video-slider {
    max-width: calc(100% - 240rem);
    margin: 0 auto;
    width: 1180rem;
    top: -200rem;
    position: relative;
}

.latest .swiper-wrapper {
    margin-bottom: 35rem;
}

.latest .fis-video-slider h3 {
    text-align: center;
    margin-bottom: 45rem;
    font-family: 'titillium_webregular', sans-serif;
    font-size: 37rem;
    line-height: 48rem;
    font-weight: normal;
}

.latest .swiper-container a.cta-button {
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #FFF;
    font-size: 14rem;
    letter-spacing: 1px;
}

.latest .swiper-container a.cta-button:hover {
    border: 2px solid #4bcd3e;
}

.latest .eyebrow-header {
    font-size: 14px;
    font-family: 'source_sans_probold', sans-serif;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4rem;
}

.swipe-header h4 {
    font-size: 24px;
    font-family: 'titillium_webregular', sans-serif;
    color: #FFF;
    font-weight: 300;
    margin-bottom: 25rem;
}

.swiper-slide .copy-filter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 35rem 14rem 50rem;
    position: relative;
    opacity: 1;
    transition: all .3s ease-in-out;
}

.swiper-slide.swiper-slide-visible .copy-filter {
    opacity: 1;
}

.swiper-slide.featured-slide .swipe-header h4 {
    font-size: 32px;
}

.swiper-slide.featured-slide .copy-filter {
    max-width: 65%;
}

.swipe-copy a {
    font-size: 14px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -240rem;
    padding-right: 60px;
    padding-left: 60px;
    left: auto;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    /* background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); */
    /* background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
    top: 0;
    position: absolute;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -60rem;
    right: auto;
    padding-right: 60px;
    padding-left: 60px;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    top: 0;
    position: absolute;
}

section.latest::before {
    position: absolute;
    width: 100%;
    height: calc(100% - 130rem);
    background: transparent radial-gradient(closest-side at 50% 55%, #2196BA 0%, #005B7E 100%) 0% 0% no-repeat padding-box;
    content: "";
    top: 0;
}

.swiper-button-next svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    height: 35px;
    width: 35px;
    right: 120rem;
}

.swiper-button-prev svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    height: 35px;
    width: 35px;
    right: 120rem;
}

.swiper-button-next svg {
    transform: rotate( 
-90deg);
    border: 2px solid #FFF;
    border-radius: 50%;
    padding: 4rem;
    fill: #FFF;
}

.swiper-button-prev svg {
    transform: rotate(90deg);
    border: 2px solid #FFF;
    border-radius: 50%;
    padding: 4rem;
    fill: #FFF;
}

.swiper-slide:not(.swiper-slide-visible) .copy-filter::after {
    background: rgb(0 0 0 / 85%);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    max-width: 200%;
    z-index: 1;
}

.swiper-slide:not(.swiper-slide-visible) .swipe-header, .swiper-slide:not(.swiper-slide-visible) .swipe-copy {
    z-index: 2;
    opacity: .25;
    transition: all .3s ease-in-out;
}

.swiper-slide.swiper-slide-visible .swipe-header, .swiper-slide.swiper-slide-visible .swipe-copy {
    opacity: 1;
}

.swiper-button-prev, .swiper-button-next {
    opacity: 1;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.swiper-slide.swiper-slide-visible {
    box-shadow: rgb(0 0 0 / 0%) 3px 7px 20px 4px;
    transition: all .3s ease-in-out;
}

.swiper-slide.swiper-slide-visible:hover {
    box-shadow: rgb(0 0 0 / 32%) 3px 7px 20px 4px;
    z-index: 1;
    transform: scale(1.1);
}

.fis-video-slider {
    opacity: 0;
    transform: translateY(100rem);
    transition: all 1s ease-in-out;
}

.fis-video-slider.fade-up-in {
    opacity: 1;
    transform: translateY(0rem);
}

.latest .swipe-copy .btn-tertiary-white-on-dark svg {
    margin-top: 0;
}

.latest a.fis-primary-content-bold-font.fis-text-white.play-video svg {
    position: relative;
    top: 8rem;
    width: 28rem;
    height: 28rem;
    left: 5rem;
}

@media(max-width: 991px){
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: -202rem;
    }
}

@media(max-width: 768px){
    .latest .fis-video-slider {
        max-width: calc(100% - 120rem);
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0;
        padding-right: 0;
        top: 45.6%;
    }

    .swiper-button-next svg {
        right: 0;
    }

    .swiper-button-prev {
        padding-left: 0;
        left: 0;
        top: 45.6%;
    }

    .swiper-button-prev svg {
        left: 0;
    }
}

@media(max-width: 576px){

    .fis-video-slider {
        opacity: 1;
        transform: translateY(0rem);
    }

    .latest .fis-video-slider {
        max-width: calc(100% - 60rem);
    }

    .latest .swiper-wrapper .swiper-slide:first-of-type {
        min-width: 80vw;
        max-width: 80vw;
        background-size: cover !important;
        background-position: center !important;
    }
    
    .swiper-slide.featured-slide .swipe-header h4 {
        font-size: 30rem;
        line-height: 1.2;
    }

    .swiper-slide.featured-slide .copy-filter {
        max-width: 100%;
    }

    .swipe-header h4 {
        font-size: 24rem;
    }

    .swipe-copy a {
        font-size: 14rem;
    }

    .latest .swiper-wrapper .swiper-slide {
        max-width: 80vw;
        min-width: 80vw;
    }
}
/*End The Latest at FIS Styles*/


/*Video Modal for Brightcove*/

.show {
    height: 100%;
}

video-js#modal-player {
    height: 100%;
    width: 100%;
}

.modal-body img.close-icon {
    max-width: 100%;
}

.modal-body {
    height: 100%;
}



.modal.show .modal-dialog {
    width: 95vw;
    height: 75vh;
    left: 2.5vw;
    right: 2.5vw;
    margin-top: 0 !important;
}

.modal.show .modal-dialog.full-screen {
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
}

.modal.show .modal-dialog.full-screen .modal-content button.close {
    right: 20rem;
    top: 20rem;
    width: 37px;
    height: 37px;
    background: #000;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px;
    opacity: .75;
    transition: all .3s ease-in-out;
}

.modal-dialog.full-screen .modal-body button.close span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-dialog.full-screen .modal-body img.close-icon {
    max-width: 80%;
}

.modal.show .modal-dialog.full-screen .modal-content button.close:hover {
    opacity: 1;
}

.modal-content {
    height: 100%;
}

.modal-content button.close {
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 2;
    background: none;
    outline: none;
    border: none;
    width: 37px;
    height: 37px;
    cursor: pointer;
}

/*button.vjs-fullscreen-control.vjs-control.vjs-button {
    display: none !important;
}*/
/*END Video Modal for Brightcove*/


/*Begin photo banner section*/

section#photo-banner {
    min-height: 75vh;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#photo-banner h2 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 48rem;
    line-height: 60rem;
}

@media(max-width: 576px){

    section#photo-banner {
        position: relative;
    }

    section#photo-banner::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        width: 100%;
        opacity: .5;
    }

    #photo-banner h2 {
        font-size: 40rem;
        line-height: 1.2;
        text-align: center;
    }
}


/*End photo banner section */

/*Card grid section*/

section#card-grid-area {
    position: relative;
    top: -90rem;
    
}

.homecard-blue-to-red-gradient {
    background: transparent linear-gradient(55deg, #4C12A1 0%, #FF1F3E 100%) 0% 0% no-repeat padding-box;
}

.row.homepagecardsrow .homecard {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 55rem 25rem;
    border-radius: 10px;
    margin-bottom: 18rem;
    min-height: 335rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.homecard.content-centered {
    text-align: center;
}

.homecard .video-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.homecard .video-background video {
    object-fit: cover;
    object-position: bottom !important;
    width: 100%;
    height: 100%;
}

.fis-green-bg {
    background: #009775;
}

.row.homepagecardsrow {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.homecard.homepagecard1-3 {
    width: calc((100% / 3) - 18rem);
}

.homecard.homepagecard2-3 {
    width: calc(((100% / 3) * 2) - 18rem);
}

.homepagecardcopy {
    margin-bottom: 30rem;
    position: relative;
    z-index: 1;
}

.row.homecard-stat-row {
    display: flex;
    margin-top: 40rem;
}

.row.homecard-stat-row .stat, .row.homecard-stat-row .stat + span {
    font-size: 60rem;
    font-family: 'Titillium Web', sans-serif;
    line-height: 1;
}

.row.homepagecardsrow .homecard:last-of-type {
    margin-right: 0;
}

.homepagecardcopy h3 {
    font-family: 'titillium_webregular', sans-serif;
    font-weight: normal;
    font-size: 37rem;
    line-height: 48rem;
    margin-bottom: 20rem;
}

.homepagecardcopy.rotating-message h3 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 60rem;
    line-height: 1;
}

.homecard a.btn-primary-green-on-dark {
    max-width: 200px;
    margin: 0 auto;
    font-family: 'source_sans_probold', sans-serif !important;
}

.homepagecardcopy p {
    font-size: 14rem;
    line-height: 1.4;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.homecard .homepagecardcopy + a {
    font-size: 14rem !important;
    position: relative;
    z-index: 2;
}

.homepagecardcopy + a > svg {
    max-width: 25px;
    margin-left: 10rem;
}

.homepagecardcopy.rotating-message > h3 > span.rotate-wrapper {
    text-transform: uppercase;
    position: relative;
    display: block;
    
}

.homepagecardcopy.rotating-message > h3 > span.rotate-wrapper span {
    position:absolute;
}

.homepagecardcopy.rotating-message > h3 > span.rotate-wrapper span.active {
   opacity: 1 !important; 
   transform: translateX(0);
   transition: all 1s ease-in-out;
}

.homepagecardcopy.rotating-message > h3 > span.rotate-wrapper span.inactive {
    opacity: 0 !important;
    transform: translateX(100%);
    transition: all 1s ease-in-out;
}

.homepagecardcopy.rotating-message h3 {
    text-transform: uppercase;
}

.homepagecardcopy.rotating-message > h3 > span.rotate-wrapper span.inactive.inactive-past {
    opacity: 0 !important;
    transform: translateX(-100%);
    transition: all 1s ease-in-out;
}

.homecard .video-background {
    border-radius: 10px;
    overflow: hidden;
}

.homecard .homepagecardcopy + a {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}

.homecard .homepagecardcopy + a:hover {
    color: #4bcd3e !important;
}

.homepagecardcopy + a > svg {
    transform: translateX(0);
    transition: all .3s ease-in-out;
}

.homepagecardcopy + a:hover > svg {
    transform: translateX(5px);
}


.homecard a.btn-primary-green-on-dark {
    font-weight: normal;
}

@media(max-width: 991px){
    .homecard.homepagecard1-3 {
        width: 100%;
    }

    .row.homepagecardsrow {
        flex-direction: column;
    }

    .row.homepagecardsrow .homecard {
        background-position: center !important;
    }

    .homecard.homepagecard2-3 {
        width: 100%;
    }

    .homepagecardcopy.rotating-message h3 {
        text-align: center;
    }

    .homepagecardcopy.rotating-message > h3 > span.rotate-wrapper span.active {
        transform: translateX(-50%);
     }

     .homepagecardcopy.rotating-message h3 {
        margin-bottom: 70rem;
    }

    .homepagecardcopy.rotating-message > h3 > span.rotate-wrapper span {
        width: 100%;
    }

}

@media(max-width: 576px){

    .homepagecardcopy.rotating-message h3 {
        font-size: 50rem;
    }

    .row.homecard-stat-row {
        display: flex;
        margin-top: 40rem;
        flex-direction: column;
    }

    .row.homecard-stat-row .col-4 {
        margin-bottom: 25rem;
    }

    .row.homecard-stat-row .col-4:last-of-type {
        margin-bottom: 0;
    }
}

/*End Card grid section*/

/*Begin Floating Cards Section*/

section#floating-cards {
    padding-top: 100rem;
    padding-bottom: 100rem;
    background: #EBEBEB 0% 0% no-repeat padding-box;
    position: relative;
}

.floating-cards .highlight {
    transform: translateY(-50%);
    transform: translateX(-50%);
    bottom: initial;
    top: 50%;
    z-index: 1;
    mix-blend-mode: initial;
    background: radial-gradient( rgb(255 255 255 / 100%), rgb(255 255 255 / 0%) 68% );
    opacity: 1;
}

section#floating-cards .content-width > .row {
    min-height: calc(100vh + 200rem);
    position: relative;
}

.component.highlight-component {
    display:none;
}

.float-card.stock-card {
    background: transparent linear-gradient(
138deg, #015B7E 0%, #0A95BA 100%) 0% 0% no-repeat padding-box;
}

section#floating-cards .content-width > .row {
    min-height: 943px;
    position: relative;
    max-width: 1188px;
    margin: 0 auto;
}

.float-card {
    position: absolute;
    background-size: cover !important;
    border-radius: 12px;
    color: #FFF;
    box-shadow: rgb(0 0 0 / 20%) 0 0 5px;
    z-index: 2;
}

.float-card.single-stat-card .col-6 span {
    font-size: 49px;
    font-family: 'Titillium Web', sans-serif;
    line-height: 1;
}

.float-card.single-stat-card {
    width: 34%;
    min-height: 45.5%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0 20rem;
    top: 0;
    left: 0;
    transform: translate(0, 67%);
    transition: all 1.5s ease-in-out;

}

.float-card.single-stat-card.transform-up {
    transform: translate(0, 0);
}

.float-card.single-stat-card p.stat-description {
    font-size: 14px;
}

.float-card.stock-card {
    /* width: calc(100% / 4); */
    min-height: 34.14%;
    padding: 25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24.07%;
    bottom: 5%;
    left: 3%;
    align-items: center;
    transform: translate(0, 67%);
    transition: all 1.5s ease-in-out;
}

.float-card.stock-card.transform-up {
    transform: translate(0, 0);
}


.stock-price-dup .fis-text-green, .stock-price-dup .stock-price-value.fis-text-gradient-dark-green {
    color: #ffffff !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #FFF !important;
}

.stock-usd-change span, .stock-usd-change p {
    color: #FFF !important;
    font-family: 'source_sans_proregular', sans-serif;
    font-size: 18px;
}

.stock-volume p {
    font-size: 18px;
}

.stock-usd-change p:first-of-type, .stock-volume p:first-of-type {
    margin-bottom: 0;
}

.stock-volume p:nth-of-type(2), .stock-usd-change p:nth-of-type(2) {
    margin-top: 0;
}

.stock-price-dup p {
    margin: 0;
}

.stock-last-updated {
    font-size: 14px;
    font-style: italic;
}

.stock-title-dup {
    font-family: 'source_sans_probold', sans-serif;
    font-size: 18px;
}
.stock-row {
    display: flex;
    width: 100%;
    align-items: center;
    text-align: center;
}

.stock-arrow-icon {
    width: calc(100% / 3);
}

.stock-usd-change, .stock-volume {
        width: calc(100% / 3);
}

.stock-usd-change span.label, .stock-volume span.label {
    font-size: 18px;
    font-family: 'source_sans_probold', sans-serif;
    text-transform: uppercase;
}

.stock-arrow-icon .circle svg {
    fill: #4bcd3e;
    font-size: 35px;
}

span.stock-price-dollar.fis-text-green, span.stock-price-value {
    font-size: 60px;
    font-family: 'Titillium Web', sans-serif;
}

.float-card.image-only-card {
    right: 0;
    min-width: 32.65%;
    min-height: 31.81%;
    top: 19%;
    transform: translate(0, 60%);
    transition-delay: .5s;
    transition: all 1.5s ease-in-out;
}

.float-card.image-only-card.transform-up {
    transform: translate(0, 0);
}

.float-card.three-col-stat-card {
    width: 45.7%;
    min-height: 38%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 15rem 15rem;
    bottom: 0;
    right: 5%;
    transform: translate(0, 64%);
    transition: all ease-in-out 1.5s;
}

.float-card.three-col-stat-card.transform-up {
    transform: translate(0, 0);
}

.float-card.three-col-stat-card .col-4 span.stat, .float-card.three-col-stat-card .col-4 span {
    font-size: 60px;
    font-family: 'Titillium Web', sans-serif;
}

.float-card.three-col-stat-card .col-4 p {
    font-size: 16px;
    margin: 0;
    line-height: 1.4;
}

.float-card.three-col-stat-card .col-4 {
    text-align: center;
    width: calc(100% / 3);
}


.float-card.three-col-stat-card .col-4:nth-of-type(2) {
    padding-left: 10rem;
    padding-right: 10rem;
}

.float-card.three-col-stat-card .row {
    display: flex;
}

.float-card.spotlight-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 45rem 25rem;
    width: 41.6%;
    top: 50%;
    left: 50%;
    min-height: 68%;
    transform: translate(-50%, -5%);
    z-index: 5;
    position: absolute;
    overflow: hidden;
    transition: all 1.5s ease-in-out;
    box-shadow: rgb(0 0 0 / 20%) 0 0 20px;
}

.float-card.spotlight-card.transform-up {
    transform: translate(-50%, -60%);
}

.float-card.spotlight-card video {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 120%;
    z-index: 1;
    /* min-height: 100%; */
    object-fit: cover;
}

.float-card-copy a.btn-primary-green-on-dark {
    display: inline-block;
    max-width: 170px;
    font-size: 16px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.float-card-header {
    font-size: 32px;
    font-family: 'titillium_webregular', sans-serif;
    position: relative;
    padding-bottom: 20rem;
    z-index: 2;
}

.float-card-header::after {
    content: "";
    width: 60px;
    height: 4px;
    position: absolute;
    background: #4bcd3e;
    bottom: 0;
    left: 0;
}

.float-card-copy p {
    font-size: 16px;
    margin-bottom: 25rem;
}

.float-card-copy {
    position: relative;
    z-index: 2;
}

.float-card .col-6 .stat-description {
    margin-top: 0;
}

.float-card.single-stat-card .col-6 {
    width: 50%;
}

@media(max-width: 991px){
    .float-card {
        position: relative !important;
        width: 100% !important;
        min-height: calc(100vh / 2) !important;
        left: initial !important;
        right: initial !important;
        top: initial !important;
        bottom: initial !important;
        transform: translate(0, 0) !important;
        margin-bottom: 25rem;
    }

    .float-card.stock-card {
        min-height: calc(100vh / 3) !important;
    }

    .float-card.three-col-stat-card {
        min-height: calc(100vh / 3) !important;
    }

    .float-card.image-only-card.transform-up {
        display: none;
    }

    
}

@media(max-width:576px){
    .float-card.spotlight-card video {
        width: initial;
        height: 100%;
        min-height: 100%;
        object-fit: cover;
    }

    .float-card-header {
        font-size: 30rem;
    }

    .float-card.three-col-stat-card .col-4 span.stat, .float-card.three-col-stat-card .col-4 span {
        font-size: 40rem !important;
    }

    .float-card.three-col-stat-card .col-4 p {
        font-size: 14px !important;
    }

    .float-card.three-col-stat-card .row {
        flex-direction: column;
        /* width: 100%; */
    }

    .float-card.three-col-stat-card {
        justify-content: center;
    }

    .float-card.three-col-stat-card .col-4 {
        text-align: center;
        width: 100% !important;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0;
        left: auto;
        height: auto;
        top: 92.65%;
        position: absolute;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
    height: auto;
    top: 92.6%;
    position: absolute;
}
}
/*End Floating Cards Section*/


/*Navigation adjustments for homepage layout*/

nav-container a.contact-us {
    font-weight: normal;
}

.fis-main-nav.clearfix.light .menu-item > a {
    color: #FFF !important;
}

.navigation-dropdown h2 a, ul.nav-L1-items.column2 h2 span {
    color: #000;
}

.no-scroll .fis-main-nav.clearfix.light .menu-item > a {
    color: #000 !important;
}

.dropdown-active .fis-logo-svg, .fis-main-nav.darkLight.dropdown-active  .fis-logo .fis-logo-svg {
    fill: #4bcd3e !important;
}

.fis-main-nav.darkLight.active-state .nav-container .secondary-nav .menu-item a {
    color: #fff !important;
}

.fis-main-nav.darkLight.active-state .nav-container .primary-nav .menu-item a {
    color: #fff !important;
}

.fis-main-nav.active-state.clearfix.darkLight {
    background: #090825;
}

.fis-main-nav.darkLight.active-state .fis-logo .fis-logo-svg {
    fill: #fff !important;
}


@media(min-width:992px){
    .dropdown-active .fis-logo-svg, .fis-main-nav.darkLight.dropdown-active .fis-logo .fis-logo-svg {
        fill: #4bcd3e !important;
    }
}

@media(max-width: 991px){
    header .row:first-of-type {
        height: 0;
    }
    /*.fis-main-nav {
        background: none !important;
    }*/

    /*.fis-main-nav.clearfix a.fis-logo {
        top: 5px !important;
        line-height: 0 !important;
        position: relative;
    }

    .fis-main-nav.clearfix .hamburger-menu .icon-bar {
        background: #4bcd3e !important;
    }*/
}


/*End Navigation adjustments for homepage layout*/

/*Footer Adjustment*/

@media(max-width: 991px){
    footer#footer h2 {
        margin-bottom: initial !important;
    }
}

/*Safari Only*/
/*Safari Only*/
/*Safari Only*/

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .section a.btn-tertiary-white-on-dark {
            font-weight: normal;
        }

        .middle-image .copy-contain a {
            font-weight: normal;
        }

        .row.homepagecardsrow video {
            display: none;
        }

        .businesses .animated-card video {
            object-position: 50% 50%;
            width: 100%;
        }

        .section.economy .gradient {
            width: 100%;
            left: 0;
            top: 0;
            height: 100%;
            margin-left: 0;
        }
    }
}