/* ################### GLOBAL ELEMENTS ########### */
body {
    padding-top: 3rem;
    color: #505050;
    padding-right: 0px !important;
    max-width: 100%;
    /*overflow-x:hidden;*/
    font-family: HelveticaNeueMed,Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0.03rem;
}

main {
    min-height: 80vh;
}


    main a, .btn-link {
        color: rgb(0,54,136);
    }

ol li {
    margin-bottom: 1rem;
}

/*ul {
    list-style: none;*/ /* Remove default bullets */
/*}

    ul li::before {
        content: "\2022";*/ /* Add content: \2022 is the CSS Code/unicode for a bullet */
/*color: #003688; 
        font-weight: bold; 
        display: inline-block;*/ /* Needed to add space between the bullet and the text */
/*width: 1em;*/ /* Also needed for space (tweak if needed) */
/*margin-left: -1em;*/ /* Also needed for space (tweak if needed) */
/*}*/

ul li::marker {
    color: #003688 !important;
}

.opacity-fc-6 > div {
    opacity: 0.8;
}

.opacity-fc-6 div div {
    opacity: 1;
}

a {
    color: rgb(0,54,136);
}

    a.nav-link {
        color: rgb(0,54,136);
    }

.jobs::marker {
    color: red;
}



.noBorder th, td, tr {
    border: hidden;
}

.borderHeader {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

h3, h2, h1, h4 {
    color: #171c92;
}

h1, h2 {
    font-family: Helvetica-Neu,Helvetica, sans-serif !important;
    word-spacing: 0.1rem;
    letter-spacing: 0.03rem
}

h1 {
    margin-bottom: 2rem;
    font-size: 2.8rem;
    font-weight: 600;
}


h2 {
    font-weight: 400;
    font-size: 2.3rem;
}

h3 {
    font-size: 1.4rem;
    font-weight: 400;
    word-spacing: 0.1rem;
    letter-spacing: 0.03rem;
}

@media screen and (max-width: 320px) {
    .home-heading-responsive {
        font-size: 2.4rem !important;
    }
}

@media screen and (min-width: 321px) {
    .home-heading-responsive {
        font-size: 2.9rem !important;
    }
}

@media screen and (min-width: 426px) {
    .home-heading-responsive {
        font-size: 3.5rem !important;
    }
}

@media screen and (min-width: 769px) {
    .home-heading-responsive {
        font-size: 3rem !important;
    }
}

@media screen and (min-width: 1440px) {
    .home-heading-responsive {
        font-size: 3.5rem !important;
    }
}

@media screen and (max-width: 425px) {
    .product-heading-responsive {
        font-size: 1.8rem !important;
    }
}

@media screen and (max-width: 320px) {
    .big-heading h1 {
        font-size: 4rem !important;
        margin-block: unset !important;
    }
}

@media screen and (min-width: 321px) {
    .big-heading h1 {
        font-size: 5rem !important;
        margin-block: unset !important;
    }
}

@media screen and (min-width: 426px) {
    .big-heading h1 {
        font-size: 6rem !important;
        margin-block: unset !important;
    }
}

@media screen and (min-width: 0px) {
    .kupp-card-vertical h2 {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 321px) {
    .kupp-card-vertical h2 {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 376px) {
    .kupp-card-vertical h2 {
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 679px) {
    .kupp-card-vertical h2 {
        font-size: 2.3rem;
    }
}

@media screen and (max-width: 425px) {
    .text-page-heading h1 {
        font-size: 2.5rem;
    }
}

.color-blue {
    color: #171c92;
}

.green-text h1 {
    color: #a2de2d !important;
    text-align: left !important;
}

.green-text h3 {
    color: #a2de2d !important;
    text-align: left;
}

.green-text p {
    color: white !important;
}


h4 {
    font-size: 1.2rem !important;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #171c92
}

.h2-subtitle {
    font-size: 1.1rem;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
}

.animated {
    /*max-width:200px;*/
    overflow: hidden;
}

.mt-6 {
    margin-top: 8rem !important;
}

.overlay-h {
    z-index: 999;
    margin-bottom: -5rem;
}

.overlay-hbg {
    margin: 6rem 0;
}

    .overlay-hbg .embed-responsive {
        margin: -4rem 0;
    }

.text-white {
    color: white;
    border-radius: 20px;
    width: 95%;
    margin: auto;
}

    .text-white h1 {
        color: white;
    }


.white-text h1 {
    color: white !important;
    text-align: left
}

.white-text h2 {
    color: white !important;
    text-align: left
}

.white-text h3 {
    color: white !important;
    text-align: left
}

.align-left h3 {
    text-align: left !important;
}

.align-left div {
    text-align: left !important;
}

.align-left span {
    text-align: left !important;
}


@font-face {
    font-family: lulo-clean-w01-one-bold;
    src: url('/css/Lulo-Clean-W01-One-Bold.ttf');
}


@font-face {
    font-family: HelveticaNeue-Light;
    src: url('/css/HelveticaNeue Light.ttf');
}


@font-face {
    font-family: Helvetica-Neu-Bold;
    src: url('/css/Helvetica Neu Bold.ttf');
}


/* ################### STYLE OVERRIDE ########### */

.navbar-light .navbar-nav .nav-link {
    color: rgb(0,54,136);
}

.rounded-circle img {
    border-radius: 50% !important;
}

.navbar-collapse > .form-control {
    background-color: rgb(0,54,137);
    color: white;
}

.btn {
    text-shadow: none;
}


.clear-overlap {
    margin-top: 2rem;
}


.btn-primary:hover, .btn-secondary:hover, .btn-third:hover, .btn-5 {
    cursor: pointer;
    font-style: normal;
}

.btn-primary a, .btn-secondary a, .btn-third a {
    /*text-decoration: none !important;*/
}


.btn-primary, .btn-secondary, {
    /* box-shadow: 1px 2px 5px 2px rgba(255,255,255,0.70); */
}

.btn-primary, .btn-secondary, .btn-third, .btn-5 {
    padding: .5rem 1.5rem !important;
    border-radius: .9rem;
    margin: .5rem;
    display: inline-block;
    height: 2em;
    text-align: center;
    line-height: 1.1em;
}


.btn-primary {
    background-color: #171c92 !important;
    border: 1px;
    color: white !important;
    color: inherit;
    box-shadow: black 1px 1px 13px -6px
}

.btn-4 {
    background-color: #f0246c !important;
}

.btn-5 {
    background-color: transparent !important;
}

.btn-primary a {
    display: flex;
    align-items: center;
    color: white;
}

.btn-primary:hover, .btn-secondary:hover, {
    background-color: rgb(6, 40, 91) !important;
    /* border: 0px; */
    color: white !important;
    /*text-decoration: none !important;
        text-decoration-color: transparent !important;*/
}


/*.btn-secondary:hover {
    background-color: rgb(0,54,136) !important;
    border: 1px;
}*/

.btn-secondary {
    background-color: #92bbf6 !important;
    border-radius: 0.5em;
    color: #171c92 !important;
    border: 0px;
}


.btn-third:hover {
    color: #003688;
    border-color: #003688;
}

.btn-third {
    /* background-color: transparent !important;
    color: #171c92;
    border-bottom: 2px #171c92 solid;*/
    background-color: white !important;
    color: #171c92 !important;
    border: 0px;
}

/*.btn-link {
    text-decoration: underline !important;
}*/

.text-muted {
    color: rgb(91,127,179) !important;
    font-style: italic !important;
}

.modal {
    padding-right: 0px !important;
}

.text-shadow {
    text-shadow: -1px 0 #6d6d6d, 0 1px #6d6d6d, 1px 0 #6d6d6d, 0 -1px #6d6d6d;
}

.prettyprint li {
    margin-bottom: 0px !important;
    background: none !important;
}


/* ################### CUSTOM STYLE ########### */
.white h1, .white h2, .white h3 {
    color: white !important;
}


.homepage-banner {
    height: 35rem !important;
    text-align: center;
    font-family: helvetica-w01-roman,helvetica-w02-roman,helvetica-lt-w10-roman,sans-serif !important;
}

    .homepage-banner > div {
        overflow: hidden;
        height: 100%;
        z-index: 2;
    }

    .homepage-banner .container {
        color: white;
        opacity: 1;
    }

    .homepage-banner h1 {
        text-transform: uppercase;
        font-size: 4rem;
        letter-spacing: 0.2rem !important;
        font-family: lulo-clean-w01-one-bold,sans-serif !important;
    }

    .homepage-banner h3 {
        text-transform: uppercase;
        color: white;
        font-size: 1.0rem;
        letter-spacing: 0.2rem;
        line-height: 2.3rem;
    }

.company-banner {
}

    .company-banner h3 {
        text-align: left;
        border-bottom-style: solid;
        border-block-width: 2px;
        width: 50%;
        height: 10%;
    }

    .company-banner .center-block {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.partner-card {
}

    .partner-card > div {
        background-color: white;
        border-radius: 15px;
        -webkit-box-shadow: 0px 4px 22px -3px #505050;
        box-shadow: 0px 4px 16px -3px #505050;
        color: #505050;
    }

        .partner-card > div > div {
            border-radius: 15px;
        }

    .partner-card p {
        margin-left: 0 !important;
    }

    .partner-card h2 {
        font-weight: 600;
    }

    .partner-card h3 {
        font-weight: 600;
    }

    .partner-card hr {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .partner-card ul {
        line-height: 2em;
    }

.divider h3 {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.partner-card ul li .font-weight-bold {
    font-weight: 800 !important;
}


.kupp-card {
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 22px -3px #505050;
    box-shadow: 0px 4px 16px -3px #505050;
    color: #505050;
}

    .kupp-card p {
        margin-left: 0 !important;
    }

    .kupp-card hr {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .kupp-card ul {
        line-height: 2em;
    }

        .kupp-card ul li .font-weight-bold {
            font-weight: 800 !important;
        }


.kupp-card-vertical .container > div {
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 22px -3px #505050;
    box-shadow: 0px 4px 16px -3px #505050;
    color: #505050;
    width: 75%;
    margin: auto;
}

    .kupp-card-vertical .container > div > div > .h-100 {
        border-right-style: solid;
        border-width: thin;
        border-color: #c7c7c7;
    }

.kupp-card-vertical p {
    display: flex;
    align-items: start;
}

.kupp-card-vertical h2 {
    text-align: left !important;
    margin-bottom: 0.5em;
}

.blog-card {
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 22px -3px #505050;
    box-shadow: 0px 4px 16px -3px #505050;
    color: #505050;
}

    .blog-card h2 {
        color: white;
    }

.bg-dark-blue {
    background-color: #171c92;
}

.bg-light-blue {
    background-color: #f3faff;
}

.bg-middle-blue {
    background-color: #76aeff;
}

.bg-mid-blue {
    background-color: #2776ea;
}

.bg-split-blue > div > div > div {
    background: linear-gradient(90deg, rgba(23,28,146,1) 53%, rgba(243,250,255,1) 53%);
}

.bg-dark-light-blue {
    background: rgb(23,28,146);
    background: linear-gradient(90deg, rgba(23,28,146,1) 50%, rgba(195,220,251,1) 50%);
}

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

    .blue-arrow {
        max-width: 70%;
        height: 9vh;
        background: #2776ea;
        position: relative;
        border-radius: 0.5em;
        top: -7.5vh;
    }

        .blue-arrow:after {
            content: '';
            position: absolute;
            left: 99.5%;
            bottom: 0;
            width: 0;
            height: 0;
            border-left: 3vw solid #2776ea;
            border-top: 5vh solid transparent;
            border-bottom: 4vh solid transparent;
        }

    .arrow-section {
        margin-top: 3em;
    }

    .blue-arrow {
        display: flex;
        justify-content: center;
        align-content: center;
    }

        .blue-arrow h1 {
            text-align: left;
            margin: auto;
        }
}

.bold-heading h1 {
    font-weight: 600;
}

.bold-heading h2 {
    font-weight: 600;
}

.bold-heading h3 {
    font-weight: 600;
}

.big-heading h1 {
    font-size: 6rem;
    margin-block: unset !important
}

#accordion {
    margin-bottom: 3rem;
}

.pricing-block #pricing_Community {
    margin-bottom: 6em;
}

.pricing-block #pricing_Professional {
    margin-bottom: 2em;
}

.pricing-block #pricing_Enterprise {
    margin-bottom: 5em;
}

.kca .pricing-block #pricing_Enterprise {
    margin-bottom: 2em;
}

.pricing-block #pricing_Single {
    margin-bottom: 5em;
}

.pricing-block li a {
    color: white;
}

.glas-box-container {
    color: #171c92;
}

    .glas-box-container h1 {
        font-weight: 600;
    }

    .glas-box-container h2 {
        font-weight: 600;
    }

    .glas-box-container h3 {
        font-weight: 600;
    }

    .glas-box-container h4 {
        font-weight: 600;
    }

    .glas-box-container > div {
        height: unset !important;
        padding-bottom: 1em;
    }

        .glas-box-container > div > div {
            border-style: solid;
            border-radius: 30px;
            border-color: #bed4f5;
            background: linear-gradient( 320deg, rgba(39, 118, 234,0.3) 0%, rgba(255, 255, 255,0.8) 80%) !important;
            background-position-x: 6em;
        }
            /*            .glas-box-container > div > div p {
                margin-bottom: unset!important;
            }
*/ .glas-box-container > div > div h3 {
                margin-bottom: 1em
            }

/*    .glas-box-container > div > div h1, h2, h3, h4 {
        font-weight: 600;
    }
*/
.service-card {
}

    .service-card > div {
        border-style: solid;
        border-radius: 30px;
        border-color: #bed4f5;
        color: #171c92;
        background: linear-gradient( 40deg, rgba(39, 118, 234,0.3) 0%, rgba(255, 255, 255,0.8) 80%) !important;
        background-position-x: 6em;
    }

    .service-card h1 {
        font-size: 5rem;
        text-align: left;
    }

    .service-card h3 {
        margin-bottom: 1em;
    }

    .service-card h2 {
        margin-bottom: 0.5em;
    }

    .service-card ul {
        line-height: 2em;
    }

    .service-card h1 {
        font-weight: 600;
    }

    .service-card h2 {
        font-weight: 600;
    }

    .service-card h3 {
        font-weight: 600;
    }

    .service-card h4 {
        font-weight: 600;
    }

    .service-card .mx-auto > div > p:last-child {
        margin-bottom: unset !important;
    }

/*    .service-card p{
        margin-bottom: unset!important;
    }
*/
.card-img-top {
    width: 100%;
    height: 30vh;
    object-fit: cover;
}

.card-img-top-small {
    width: 100%;
    height: 12vw;
    object-fit: contain;
}

/*.bg-gradient-left {
    background: linear-gradient( 150deg, rgba(251,251,250,1) 0%, rgba(190,212,245,1) 80%) !important;
}*/

.bg-gradient-left > div {
    background: linear-gradient( 320deg, rgba(39, 118, 234,0.3) 0%, rgba(255, 255, 255,0.8) 80%) !important;
}

.absolute-left {
    position: absolute;
    left: 0;
}

.home-products {
    margin: auto;
}

    .home-products h1 {
        text-align: left !important;
        margin-bottom: 1.5rem !important;
        font-weight: 500;
    }

    .home-products h3 {
        text-align: left !important;
        font-weight: 500;
    }

    .home-products .mt-auto {
        margin-top: 0 !important;
        text-align: left !important;
    }

.bg-radial-gradient-blue {
    background: rgb(38,113,229) !important;
    background: radial-gradient(circle, rgba(38,113,229,1) 0%, rgba(22,27,145,1) 100%) !important;
}

.product-card {
    max-width: 32% !important;
    margin: auto;
    padding: 1.5rem !important;
}

    .product-card h2 {
        text-align: left;
    }

    .product-card .h-100 .mt-auto {
        text-align: left !important;
        margin-top: 1em !important;
    }

.price-container {
    margin-top: 4em;
}

.pricing-block {
    color: white;
    padding: 2em;
}

.pricing-shadow {
    box-shadow: -1px 0px 24px 9px rgba(0,0,0,0.35);
}

.pricing-block ul li::marker {
    color: white !important;
}

.pricing-block ul li {
    margin: .5em
}

.pricing-block:first-child {
    /* height: 70% !important; */
}

.pricing-block:nth-child(2) {
    height: 70% !important;
    position: relative;
    /* top: -2em; */
    /* padding-top: 4em; */
    /* padding-bottom: 6em; */
}

.pricing-block:nth-child(3) {
    position: relative;
    top: -4em;
    padding-top: 6em;
    padding-bottom: 4em;
}


.hiddenContainer {
    display: none;
}

.bg-1, .bg-2, .bg-3, .bg-4 {
    color: white;
    padding: 4rem;
}


.bgb-1 > div, .bgb-2 > div, .bgb-3 > div, .bgb-4 > div {
    padding: 1rem;
    margin-bottom: 0.5rem;
}


.bg-1 h3, .bg-2 h3, .bg-3 h3, .bg-4 h3, .bg-1 h2, .bg-2 h2, .bg-3 h2, .bg-4 h2, .bg-1 h1, .bg-2 h1, .bg-3 h1, .bg-4 h1 {
    color: white;
}

.bg-1 a, .bg-2 a, .bg-3 a, .bg-4 a {
    color: white;
}

.bg-4 {
    background-color: #414141;
}

.bg-3 {
    background-color: rgba(0,54,136,0.80);
}

.bg-2 {
    background-color: rgba(91,127,178,0.8);
}

.bg-1 {
    background-color: rgba(178,194,219, 0.8); /* #B2C2DB*/
    ;
}

.bgb-4 > div {
    border: #414141 4px solid;
    border-radius: 2rem;
}

.bgb-3 > div {
    border: #003688 4px solid;
    border-radius: 2rem;
}

.bgb-2 > div {
    border: #5A7FB2 4px solid;
    border-radius: 2rem;
}

.bgb-1 > div {
    border: #B2C2DB 4px solid;
    border-radius: 2rem;
}


.tag {
    font-weight: 400;
    /*padding: 0.3rem 0.5rem;*/
    padding: 0.1rem 0.5rem;
    margin-top: 1rem;
    background-color: #93baf7 !important;
    color: #505050 !important;
}

}

/*.carousel-bg .carousel-item {
    background-color: rgba(0,54,136,1);
}*/

.carousel-transparet .carousel-item {
    background-color: transparent !important;
}

.carousel-inner {
}

/*.carousel-item img {
    max-height: 2rem;
}*/
.carousel-300 img {
    max-height: 130px;
    max-width: 200px;
}

/*.carousel-item {
     height: 12rem; 
}*/

/*.extraSmallCarousel .carousel-item {
    height: 11rem;
}*/

.shadow {
    box-shadow: 1px 1px 5px grey;
}


.blueBG, .blueBG-fc > div {
    background-color: #5b7fb3;
    color: white;
}

.blueBG-holder h3, .blueBG-holder h1, .blueBG-holder h2 {
    color: white !important;
}

.blueBG-light {
    background: #76aeff;
}

.blueBG-dark {
    background-color: rgb(0,54,136);
}

    .blueBG-dark * {
        color: white;
    }

.carousel-indicators {
    position: unset;
    margin: 1rem 0 0 0;
}

.blueBG-middle > div {
    background: rgba(91,127,179,0.80);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.blueBG-light > div {
    background: #ecf0f6;
    overflow: hidden;
    height: 100%;
    z-index: 2;
}


.blueBG-holder > div {
    background: rgba(0,54,136,0.80);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.blueBG-holder, .blueBG-middle {
    background-size: cover;
    overflow: hidden;
    color: #FFFFFF;
}

    .blueBG-holder blockquote {
        font-size: 2.5rem;
        font-style: italic;
        font-weight: 600;
        text-align: center;
        /* max-width: 58%; */
        margin: 2.0rem 0;
    }

@media only screen and (min-width: 992px) {
    .w-lg-40 {
        max-width: 40% !important;
    }
}

@media only screen and (min-width:992px) {
    .ml-lg-n5 {
        margin-left: -7%;
    }
}

@media only screen and (min-width:1660px) {
    .d-xxl-block {
        display: block !important;
    }
}

@media only screen and (min-width:1660px) {
    .d-xxl-none {
        display: none !important;
    }
}

.product-banner-button :not(:first-child) {
    margin-left: -5%;
}

@media only screen and (max-width:576px) {
    .product-banner-button :not(:first-child) {
        margin-left: 0%;
    }
}

.white-form .fill {
    background-color: white;
    padding: 1rem;
    /*    box-shadow: 0.2rem 0.1rem 0.4rem grey;
*/
}

.pull-bottom {
    display: table-cell;
    float: none;
    vertical-align: bottom;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 50;
    min-width: unset;
}

.opc-08 {
    opacity: 0.8;
}

#privacyBox {
    background: #5b5858;
    width: 100%;
    position: fixed;
    padding: 0.5rem 1rem;
    bottom: 0;
    font-size: 0.8rem;
    z-index: 1;
    color: white;
}

    #privacyBox a {
        font-weight: 500;
    }

        #privacyBox a:hover {
            cursor: pointer;
        }

.caption {
    margin-top: 0.7rem;
}
/* ################### NAV ########### */
.nav-link {
    text-transform: uppercase;
    /*color:#5b7fb2  !important;*/
}

    .nav-link:hover {
        text-transform: uppercase;
        color: #b1c1da;
    }

@media (min-width: 1200px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.navbar-brand img {
    /* background: white; */
    /* border-radius: 0px 0px 10px 10px; */
    /* padding: 7px 16px 6px 13px; */
    /* margin-top: -18px; */
}

.navbar-brand span {
    font-size: 34px;
    vertical-align: middle;
    margin-left: 0.5em;
    font-weight: bold;
}

.nav-item > a {
    letter-spacing: 0.1em;
    font-size: 1rem;
}


#navbar-main {
    /*background-color: rgb(0,54,136);
    color: white;*/
    /* color: rgb(0,54,136); */
    background: #171c92;
    box-shadow: 1px 1px 1px gray;
}

    #navbar-main a {
        color: #ffffff
    }

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff !important;
}

.navbar-collapse > .form-inline > .form-control {
    background-color: white !important;
    color: #171c92 !important;
    background-image: url("/Images/navbar/search_icon.png");
    background-size: 15px;
    background-repeat: no-repeat;
    text-indent: 35px;
    background-position: 10px, center;
}

.form-control {
    background-color: white;
    border-radius: 10px !important;
}

.form-check-input {
    background-color: #eff2f7 !important;
}

.contact-form {
}

    .contact-form input {
        background-color: #f2f9ff;
        color: #505050;
        border-radius: 2em !important;
        text-indent: 1em;
        border-style: unset;
    }

    .contact-form select {
        background-color: #f2f9ff;
        color: #505050;
        border-radius: 2em !important;
        text-indent: 1em;
        border-style: unset;
    }

    .contact-form textarea {
        background-color: #f2f9ff;
        color: #505050;
        border-radius: 2em !important;
        border-style: unset;
    }

.contact-our-office {
}

    .contact-our-office p {
        text-align: left !important
    }

    .contact-our-office h2 {
        text-align: left !important;
        margin-bottom: .5em;
    }

.contact-linkedin {
    margin-top: 1em;
}

.icon-heading {
}

    .icon-heading h3 {
        text-align: left !important;
    }

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}

@media (min-width: 1000px) {
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-custom .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-custom .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-custom .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-custom .navbar-toggler {
            display: none;
        }
}

li.dropdown:hover > .dropdown-menu, .dropdown-menu:hover {
    display: block;
}

.dropdown-menu {
    min-height: 200px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}


li.dropdown:hover > .dropdown-menu {
    box-shadow: 0 0px 3px rgb(0,54,136);
}

.dropdown-menu {
    background: rgba(255,255,255,0,9);
    border: 0;
    font-size: 0.9em;
}

    .dropdown-menu a {
        color: rgba(255,255,255,0,9);
    }

.dropdown-item a {
}

.dropdown-item:hover {
    background: initial;
}


.dropdown-toggle a:hover {
    color: #0056b3 !important;
}

.dropdown-menu {
    min-width: 200px;
}

    .dropdown-menu.columns-2 {
        min-width: 250px;
        min-height: auto;
    }

    .dropdown-menu.columns-3 {
        min-width: 600px;
    }

    .dropdown-menu li a {
        padding: 5px 15px;
        font-weight: 300;
    }

.multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .multi-column-dropdown li a {
        display: block;
        clear: both;
        line-height: 1.428571429;
        color: #171c92 !important;
        white-space: normal;
    }

        .multi-column-dropdown li a:hover {
            text-decoration: none;
            color: #5B7FB3 !important;
        }


.customerCase .block-content-image {
    background-color: white;
    border: 4px black solid;
    margin: 15rem 0rem;
}

/* ########### FOOTER ############### */
footer a {
    color: gray;
}

footer h4 {
    color: white;
}

.footer-bs {
    /*    background-image: url('/Images/footer/background_footer.png');
*/
    background: rgb(23,28,146);
    background: linear-gradient(90deg, rgba(23,28,146,1) 0%, rgba(15,49,243,1) 100%);
    padding: 1em 1em;
    color: white;
    background-size: cover;
}

    .footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
        padding: 10px 25px;
    }

    .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
        border-color: transparent;
    }

    .footer-bs .footer-brand h2 {
        margin: 0px 0px 10px;
    }

    .footer-bs .footer-brand p {
        font-size: 16px;
        color: rgba(255,255,255,0.70);
    }

    .footer-bs .footer-nav ul.pages {
        list-style: none;
        padding: 0px;
    }

        .footer-bs .footer-nav ul.pages li {
            padding: 5px 0px;
        }

        .footer-bs .footer-nav ul.pages a {
            color: rgba(255,255,255,1.00);
            font-weight: bold;
            text-transform: uppercase;
        }

            .footer-bs .footer-nav ul.pages a:hover {
                color: rgba(255,255,255,0.80);
                text-decoration: none;
            }

    .footer-bs .footer-nav h4 {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 10px;
    }

    .footer-bs .footer-nav ul.list {
        list-style: none;
        padding: 0px;
    }

        .footer-bs .footer-nav ul.list li {
            padding: 5px 0px;
        }

        .footer-bs .footer-nav ul.list a {
            color: rgba(255,255,255,0.80);
        }

            .footer-bs .footer-nav ul.list a:hover {
                color: rgba(255,255,255,0.60);
                text-decoration: none;
            }

    .footer-bs .footer-social ul {
        list-style: none;
        padding: 0px;
    }

    .footer-bs .footer-social h4 {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    .footer-bs .footer-social li {
        padding: 5px 4px;
    }

    .footer-bs .footer-social a {
        color: rgba(255,255,255,1.00);
    }

        .footer-bs .footer-social a:hover {
            color: rgba(255,255,255,0.80);
            text-decoration: none;
        }

    .footer-bs .footer-ns h4 {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 10px;
    }

    .footer-bs .footer-ns p {
        font-size: 12px;
        color: rgba(255,255,255,0.70);
    }

.icon {
    width: 32px;
    height: 32px;
}

.social-icon {
    width: 40px;
    height: 40px;
}

@media (min-width: 768px) {
    .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
        border-left: solid 1px rgba(255,255,255,0.10);
    }
}

@media (min-width: 1000px) {

    #footer-newsletter {
        display: none;
    }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    footer > .row {
        width: 100%;
    }
}

/* ################### Carousel ########### */

#primaryCarousel {
}

.carousel {
    /* margin-bottom: 4rem; */
}

    .carousel ul {
        margin: 0;
    }

#blogCarousel {
    margin-bottom: 2rem;
}

.carousel-shadow {
    box-shadow: -6px 0px 12px 0 #b9c3d4;
}

.carousel-shadow-1 {
    box-shadow: 0px 0px 0.5rem 0px grey;
}

.box-shadow {
}

.carousel-caption-bg {
    background-color: #003688;
    border-radius: 4rem;
}

.carousel-caption {
    /* bottom: 2rem; */
    z-index: 10;
    padding-bottom: 0;
}

.carousel-item {
    /* min-height: 5rem; */
    /*background-color: #777;*/
}

    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        /* min-width: 100%; */
        /* height: 32rem; */
    }


.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}

#blog-container hr {
    border-top: 1px white !important;
}

#blog-container img {
    max-width: 100%;
}

#blog-container table tr {
    vertical-align: top;
}

    #blog-container table tr ul {
        margin: 1rem;
    }

#blog-container table p {
    margin: 0;
}

#blog-container table tr:nth-child(even) {
    background: rgba(236, 236, 236,0.3);
}

#blog-container table tr:first-child {
    font-style: italic;
}

#blog-container table tr:nth-child(odd) {
    background: inherit;
}

#blog-container table h3 {
    padding: 2rem 0 1rem 0;
}

.featurette-divider {
    /*margin: 3rem 0;*/
}

.featurette-heading {
    /*font-weight: 400;
    line-height: 1;
    letter-spacing: -.05rem;*/
}


/*@media (min-width: 40em) {
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 3rem;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
    }
}*/



/* ######################## */


@-webkit-keyframes bounceInUp {

    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}



@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

.delayed-1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.delayed-2 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.delayed-3 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.delayed-4 {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.delayed-5 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}



#tabs {
    margin-bottom: -4rem !important;
}

a {
    cursor: pointer;
}

#tabs li {
    float: left;
    list-style: none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-right: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    outline: none;
}

#tabs a {
    padding-top: 5px;
    padding-left: unset !important;
    padding-right: 7px;
    padding-bottom: 8px;
    background: #FFF;
    text-decoration: none;
    outline: none;
    border-radius: unset;
    background-color: unset !important;
    color: #171c92 !important;
    box-shadow: unset;
    border-bottom: solid 3px #171c92;
    margin-bottom: 3rem;
    font-size: 1.3rem !important;
}

    #tabs a.inactive {
        padding-top: 5px;
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px;
        color: #666666 !important;
        background: #EEE;
        /* font-weight: 600; */
        outline: none;
        font-size: 1.3rem;
        border-bottom: none;
    }

}

#tabs li a:hover, #tabs li a.inactive:hover {
    color: #5685bc;
    outline: none;
}

/*.tab-container {
    clear: both;
    width: 100%;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    text-align: left;
    padding-top: 20px;
}

    .tab-container h2 {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 10px;
        color: #5685bc;
    }

    .tab-container p {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.3;
        font-size: small;
    }

    .tab-container  ul {
        margin-left: 25px;
        font-size: small;
        line-height: 1.4;
        list-style-type: disc;
    }

    .tab-container li {
        padding-bottom: 5px;
        margin-left: 5px;
    }*/

/* KPI CSS */


.kpi-text {
    color: #f0246c;
}

.white-txt {
    color: white !important;
}

.custom-bullet {
    list-style-type: none;
    list-style-image: url('../Images/bullet points.png');
    color: white;
}

.custom-list {
    list-style-type: none; /* Remove the default list style */
    padding-left: 20px; /* Add some left padding to make room for the image */
}

.custom-link {
    color: #f0246c;
}

.bg-white {
    background-color: white;
}

.posrel {
    z-index: 5;
    position: relative
}

.testlist {
    max-width: 20px; /* Set a maximum width for the <ul> */
    list-style: none;
    padding: 0;
}


.header-block {
    margin-top: 200px;
}

.block-size {
    height: 200%;
    width: 200%;
}

.mar-top-bot {
    margin-top: 150px;
    margin-bottom: 50px;
}

.mar-top-bot2 {
}

.marg-top-bot3 {
    margin-top: 50px;
    margin-bottom: 150px;
}


@media (min-width: 576px) {
    .bgVideo {
        left: 0rem;
    }

    .bgVideoText {
        max-width: 710px;
    }
}

@media (min-width: 768px) {
    .bgVideo {
        left: 2rem;
    }

    .bgVideoText {
        max-width: 710px;
    }
}

@media (min-width: 992px) {
    .bgVideo {
        left: 7rem;
    }

    .bgVideoText {
        max-width: 710px;
    }
}

@media (min-width: 1600px) {
    .bgVideo {
        left: 10rem;
    }

    .bgVideoText {
        max-width: 920px;
        margin-bottom: 6rem;
    }
}