﻿
/*  -------------------------------------------------------------------------- */
/*  --------------------- Overlay ------------------------------------------- */
/*  -------------------------------------------------------------------------- */
.full-screen-overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

    .full-screen-overlay .overlay-content {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 50px;
        color: white;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        z-index:9999;
    }
/*  -------------------------------------------------------------------------- */
/*  --------------------- Spinners ------------------------------------------- */
/*  -------------------------------------------------------------------------- */
.overlay-content.center-within{
    width:100%;
    height:100px;
}
/*  ----- circling  white dots -----*/
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    /*    transform: translate(-50%, -50%);*/
    margin: -25px 0 0 -25px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        /*background: #fff;*/
        background-color: #002B49;
        opacity:0.3;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}


/*  ------ pulsating color blocks -----------*/
@keyframes ldio-g833whftkw-1 {
    0% {
        top: 55.199999999999996px;
        height: 89.60000000000001px
    }

    50% {
        top: 72px;
        height: 56px
    }

    100% {
        top: 72px;
        height: 56px
    }
}

@keyframes ldio-g833whftkw-2 {
    0% {
        top: 59.39999999999999px;
        height: 81.20000000000002px
    }

    50% {
        top: 72px;
        height: 56px
    }

    100% {
        top: 72px;
        height: 56px
    }
}

@keyframes ldio-g833whftkw-3 {
    0% {
        top: 63.6px;
        height: 72.8px
    }

    50% {
        top: 72px;
        height: 56px
    }

    100% {
        top: 72px;
        height: 56px
    }
}

.ldio-g833whftkw div {
    position: absolute;
    width: 22px
}

    .ldio-g833whftkw div:nth-child(1) {
        left: 39px;
        background: rgb(100, 210, 230); /*#32bbc5;*/ /* #0051a2;*/
        animation: ldio-g833whftkw-1 1.2048192771084336s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: -0.24096385542168675s
    }

    .ldio-g833whftkw div:nth-child(2) {
        left: 89px;
        background: rgb(24, 185, 217) ; /* #0099a4;*/ /* #1b75be;*/
        animation: ldio-g833whftkw-2 1.2048192771084336s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: -0.12048192771084337s
    }

    .ldio-g833whftkw div:nth-child(3) {
        left: 139px;
        background: rgb(19, 150, 176); /*#00666d;*/ /* #408ee0;*/
        animation: ldio-g833whftkw-3 1.2048192771084336s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: undefineds
    }

.loadingio-spinner-pulse-69m3l1bj45t {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-g833whftkw {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-g833whftkw div {
        box-sizing: content-box;
    }
/* generated by https://loading.io/ */
/* generated by https://loading.io/ */
