header a, footer a {

		text-decoration: none;

		font-weight: 400;

		-webkit-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out;

}

body {

    background-color: #aad3df;

}



.ld-initalize[data-ld-type='circle'] {

    position: relative;

    top: 40%;

    right: 2%;

    width: 40px;

    margin: auto;

    z-index: 1;

}



.ld-initalize[data-ld-type='circle'] .image {

    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABGCAMAAABfe/wQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURUdwTOTe2P////////////////////z8+////////////////////////////////////////////yMjOPn18ebp7+wiKdjgMXEwkD09T+jqXdnZ3RRbpfmsJXV1g0xMXfjysvHyk/brETWv4/zz0S0tQWFhccjIzYyMl8Tb65ycprq9waTP5/q2Q1KIvoKp0KurtP3cpfvEaJNhqtG82+5BR/NzePivsfzh4W6FpauFvXTI6/zNfb+izTZ3jXi9jI5kFnoAAAASdFJOUwDoV7gwRcz8GORvq5xoh394j3bgR+EAAASPSURBVEjHlVeJcqpKELXcRhLN0g7xAYKYgMgm4jVqubz3/3/1ejYBwcR7qpKCcc6c6dM9C61WMwbdXrvd7nUHrcfRHT1rBASI1nnrPkIajPqCQxgEWXv9TXbwqjGKtXYWMwMxc6KAspbhj6IjxgocY1yG78SoS17uag46yIpn4zqMCEW1XjOth2LWYtwMI0bJt8Y5EiBLX3VzonUQBHHkzFSTowMM67QnAF2KGUtLpYF5FMmZGxbAcwPNEr8bawpVkHixWMzQ36Cm2CNgcRf95S2roFOcKbxUKkQDnauxIYuO+vZyPP6ROB4vly0y2yVeBwiPbaYrjn45/vmnATpog3JwyzJN3+LgW44L8ssD/Cl5M9DA8qVhYn56mGUrjixLQh3HUdwL/q7y/w7AZylio8lqeotVFuoXRt2SpQ79q1zMaEs+xUx2uyJMMj5QFlrHLXFYNyH4BsC8NFgCkLUKw+T0VcIJZxoybgbUwUzp0OG8PgRMbi1oSSI6nxKOkxziFIaZLmyIgDBLuwCOlAuRxvu4c9OcMJimOXctPoETC4P5MCPwhLxXIIaMbjXNvr4S15QMDkGfeyEvWW6ExSfaAUu8MN7XV2jybkW1UYrqk7l8MXhEGvI0WLNpEsE7Ic2TaSyV3HUYNlEHoNsaiPAWwG1ZxRNT9qF27pFacUcsQFakPTEGTx6dTv9TagAe9fI896o8Zr1P4bXVFtlb89Zw+u+kqkHzc15eWcwLzOAQa5rbGYMi6rdTczebQlT3uYfPyOMeqXWnr6ZJLag8PStNWvDKekxytQpviTRNvRu9UTk+ycxWyY2Tpm171/jGLL6yn8UOkWRZSIsMksnEtmnJzxdVnk4tKD1JUlc+zyfmp30u5W/UGhD+bJCGHUxWG5lPJvNP22bPUqPHltG1PllXrP/qTugha+KiHpso914spPdiPWC7WgxzhIt/4hVpJtcLhATbKXrF+gP389N03evqU0OY2Hy2N3KauP5exPai1rvrsS7YCfu6HMjhLe7ZTnFgud6BH6JDIDO+U+e2vXE9V3AL4GrMU5sn3hHVKTa0LsEVaFh0f3A3tm2n59xDMC0UxaccW9OcqOgclgW1yzsW3X187PbUPac2Q5puGFL+tnF5lnRDyKmdHgWBfn8wfO/2B1x2ZySkgo3qMi/iCMHontRGPwTYfVzxvdvt94fDgVL8t0dInjMWZvZbpQNC6t2AyasS5TTfAlK6HuCiP+x2u2+E6P8tRIviE2e4H98cnC/FrsdQK9ZYXGkwuE71oH5Gl2cLx1kuo7hW3+p2ginQbm4/g748O1nsUXmPobG60ywIaLXrFnojQhfU5TqwdCuIlwv/2qZXPCldKehsfB9oZZG5MtqyIu7Q4sbrkjQ18O/x6lZWTF3foTVY2WxqFY1W3jO1wB0rSxeuRlONe1aWTCV1U308PN5/u8+/1k1d/2DlD6biDtl/5PPjxtRfrLxbqb9Z2Wwqs3L06AdSYepDVlZM5Vvzg1YWGIor1aNWVkyNHreyamr0uJUVU+EvrKyY+jdWFnirfw09SPzByv8Bo47y0JPpxtkAAAAASUVORK5CYII=');

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    width: 55px;

    height: 70px;

    border: none;

    box-shadow: none;

    position: absolute;

    animation-name: ldPulseAnimation;

    animation-duration: 1.5s;

    animation-timing-function: ease-out;

    animation-direction: alternate;

    animation-iteration-count: infinite;

    animation-play-state: running;

}



@keyframes ldPulseAnimation {

    0% {

        transform: scale(0.9);

    }



    50% {

        transform: scale(0.95);

    }



    100% {

        transform: scale(1);

    }

}



.ld-initalize[data-ld-type='circle'] .content {

    position: absolute;

    width: 55px;

    height: 70px;

    opacity: 0;

    transform: rotate(225deg);

    animation-iteration-count: infinite;

    animation-name: ldCircleAnimation;

    animation-duration: 5s;

}



.ld-initalize[data-ld-type='circle'] .content::after {

    content: '';

    position: absolute;

    width: 6px;

    height: 6px;

    border-radius: 50%;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(1)::after {

    background: #702f8f;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(2)::after {

    background: #04509f;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(3)::after {

    background: #29aae1;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(4)::after {

    background: #eb2027;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(5)::after {

    background: #f9a61b;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(2) {

    animation-delay: 240ms;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(3) {

    animation-delay: 480ms;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(4) {

    animation-delay: 720ms;

}



.ld-initalize[data-ld-type='circle'] .content:nth-child(5) {

    animation-delay: 960ms;

}



@keyframes ldCircleAnimation {

    0% {

        transform: scale(0.9);

        transform: rotate(225deg);

        opacity: 1;

        animation-timing-function: ease-out;

    }



    7% {

        transform: rotate(345deg);

        animation-timing-function: linear;

    }



    30% {

        transform: rotate(455deg);

        animation-timing-function: ease-in-out;

    }



    39% {

        transform: rotate(690deg);

        animation-timing-function: linear;

    }



    70% {

        transform: rotate(815deg);

        opacity: 1;

        animation-timing-function: ease-out;

    }



    75% {

        transform: rotate(945deg);

        animation-timing-function: ease-out;

    }



    76% {

        transform: rotate(945deg);

        opacity: 0;

    }



    100% {

        transform: scale(1);

        transform: rotate(945deg);

        opacity: 0;

    }

}



.ld-status[data-ld-type='a'] {

    position: absolute;

    top: 62px;

    left: -2px;

    z-index: 1;

    height: 100%;

}



.ld-status[data-ld-type='b'] {

    position: absolute;

    bottom: 0;

    left: -2px;

    z-index: 1;

}



.ld-status[data-ld-type='a'] .content,

.ld-status[data-ld-type='b'] .content {

    border-radius: 4px;

    box-shadow: 0 1px 4px rgba(128, 128, 128, 0.375);

    z-index: 2;

    position: relative;

    -webkit-animation-duration: 1.7s;

    animation-duration: 1.7s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-name: ldAnimation;

    animation-name: ldAnimation;

    background: #f6f7f8;

    background: -webkit-gradient(linear, left top, right top, color-stop(2%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));

    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);

    background-size: 1300px;

}



.ld-status[data-ld-type='a'] .content::after,

.ld-status[data-ld-type='a'] .content::before,

.ld-status[data-ld-type='b'] .content::after,

.ld-status[data-ld-type='b'] .content::before {

    width: inherit;

    height: inherit;

    content: '';

    position: absolute;

}



.ld-status[data-ld-type='a'] .content:nth-child(1) {

    top: 0.9em;

    left: 1em;

    width: 32px;

    height: 64px;

}



.ld-status[data-ld-type='a'] .content:nth-child(2) {

    top: 1.5em;

    left: 1em;

    width: 32px;

    height: 32px;

}



.ld-status[data-ld-type='a'] .content:nth-child(3) {

    top: 2.15em;

    left: 1em;

    width: 32px;

    height: 32px;

}



.ld-status[data-ld-type='a'] .content:nth-child(4) {

    top: 2.75em;

    left: 1em;

    width: 32px;

    height: 32px;

}



.ld-status[data-ld-type='a'] .content:nth-child(5) {

    top: 3.4em;

    left: 1em;

    width: 32px;

    height: 32px;

}



.ld-status[data-ld-type='a'] .content:nth-child(6) {

    top: 3.95em;

    left: 1em;

    width: 32px;

    height: 32px;

}



.ld-status[data-ld-type='a'] .content:nth-child(7) {

    position: absolute;

    top: 0.9em;

    left: calc(100vw - 2.75em);

    width: 32px;

    height: 32px;

}



.ld-status[data-ld-type='b'] .content:nth-child(1) {

    bottom: 0.9em;

    left: 1em;

    width: 32px;

    height: 32px;

}



/*

        .ld-status[data-ld-type='b'] .content:nth-child(1) {

            bottom: -1.1em;

            left: 3.45em;

            height: 216px;

            width: calc(100vw - 7.9em);

        }

        */

@-webkit-keyframes ldAnimation {

    0% {

        background-position: -650px 0;

    }



    100% {

        background-position: 650px 0;

    }

}



@keyframes ldAnimation {

    0% {

        background-position: -650px 0;

    }



    100% {

        background-position: 650px 0;

    }

}