@-webkit-keyframes preload-show-1 {
        from {
                -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-show-1 {
        from {
                -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-hide-1 {
        to {
                -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-hide-1 {
        to {
                -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-cycle-1 {
        5% {
                -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        10%,
        75% {
                -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        80%,
        100% {
                -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-cycle-1 {
        5% {
                -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        10%,
        75% {
                -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        80%,
        100% {
                -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-show-2 {
        from {
                -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-show-2 {
        from {
                -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-hide-2 {
        to {
                -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-hide-2 {
        to {
                -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-cycle-2 {
        10% {
                -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        15%,
        70% {
                -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        75%,
        100% {
                -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-cycle-2 {
        10% {
                -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        15%,
        70% {
                -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        75%,
        100% {
                -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-show-3 {
        from {
                -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-show-3 {
        from {
                -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-hide-3 {
        to {
                -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-hide-3 {
        to {
                -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-cycle-3 {
        15% {
                -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        20%,
        65% {
                -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        70%,
        100% {
                -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-cycle-3 {
        15% {
                -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        20%,
        65% {
                -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        70%,
        100% {
                -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-show-4 {
        from {
                -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-show-4 {
        from {
                -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-hide-4 {
        to {
                -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-hide-4 {
        to {
                -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-cycle-4 {
        20% {
                -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        25%,
        60% {
                -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        65%,
        100% {
                -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-cycle-4 {
        20% {
                -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        25%,
        60% {
                -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        65%,
        100% {
                -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-show-5 {
        from {
                -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-show-5 {
        from {
                -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-hide-5 {
        to {
                -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-hide-5 {
        to {
                -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-cycle-5 {
        25% {
                -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        30%,
        55% {
                -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        60%,
        100% {
                -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-cycle-5 {
        25% {
                -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        30%,
        55% {
                -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        60%,
        100% {
                -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-show-6 {
        from {
                -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-show-6 {
        from {
                -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-hide-6 {
        to {
                -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-hide-6 {
        to {
                -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-cycle-6 {
        30% {
                -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        35%,
        50% {
                -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        55%,
        100% {
                -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@keyframes preload-cycle-6 {
        30% {
                -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }

        35%,
        50% {
                -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
                border-left-color: #e74c3c;
        }

        55%,
        100% {
                -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                border-left-color: #c0392b;
        }
}

@-webkit-keyframes preload-flip {
        0% {
                -webkit-transform: rotateY(0deg) rotateZ(-60deg);
                transform: rotateY(0deg) rotateZ(-60deg);
        }

        100% {
                -webkit-transform: rotateY(360deg) rotateZ(-60deg);
                transform: rotateY(360deg) rotateZ(-60deg);
        }
}

@keyframes preload-flip {
        0% {
                -webkit-transform: rotateY(0deg) rotateZ(-60deg);
                transform: rotateY(0deg) rotateZ(-60deg);
        }

        100% {
                -webkit-transform: rotateY(360deg) rotateZ(-60deg);
                transform: rotateY(360deg) rotateZ(-60deg);
        }
}

/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
/* ========= Text Load Start ========= */
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

#page {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.8);
        /*background: linear-gradient(to top right, #ffffff 10%, #ffffff 65%, #ffffff 125%);*/
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
}

#phrase_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        height: 150px;
        overflow: hidden;
        width: 260px;
}

#phrases {
        -webkit-animation: slide-phrases-upward 20s;
        animation: slide-phrases-upward 20s;
}

#ighex {
        bottom: 30px;
        color: white;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        position: fixed;
        right: 0;
}

@-webkit-keyframes slide-phrases-upward {
        0% {
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
        }

        5% {
                -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
        }

        10% {
                -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
        }

        15% {
                -webkit-transform: translateY(-150px);
                transform: translateY(-150px);
        }

        20% {
                -webkit-transform: translateY(-200px);
                transform: translateY(-200px);
        }

        25% {
                -webkit-transform: translateY(-250px);
                transform: translateY(-250px);
        }

        30% {
                -webkit-transform: translateY(-300px);
                transform: translateY(-300px);
        }

        35% {
                -webkit-transform: translateY(-350px);
                transform: translateY(-350px);
        }

        40% {
                -webkit-transform: translateY(-400px);
                transform: translateY(-400px);
        }

        45% {
                -webkit-transform: translateY(-450px);
                transform: translateY(-450px);
        }

        50% {
                -webkit-transform: translateY(-500px);
                transform: translateY(-500px);
        }

        55% {
                -webkit-transform: translateY(-550px);
                transform: translateY(-550px);
        }

        60% {
                -webkit-transform: translateY(-600px);
                transform: translateY(-600px);
        }

        65% {
                -webkit-transform: translateY(-650px);
                transform: translateY(-650px);
        }

        70% {
                -webkit-transform: translateY(-700px);
                transform: translateY(-700px);
        }

        75% {
                -webkit-transform: translateY(-750px);
                transform: translateY(-750px);
        }

        80% {
                -webkit-transform: translateY(-800px);
                transform: translateY(-800px);
        }

        85% {
                -webkit-transform: translateY(-850px);
                transform: translateY(-850px);
        }

        90% {
                -webkit-transform: translateY(-900px);
                transform: translateY(-900px);
        }

        95% {
                -webkit-transform: translateY(-950px);
                transform: translateY(-950px);
        }

        100% {
                -webkit-transform: translateY(-1000px);
                transform: translateY(-1000px);
        }
}

@keyframes slide-phrases-upward {
        0% {
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
        }

        5% {
                -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
        }

        10% {
                -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
        }

        15% {
                -webkit-transform: translateY(-150px);
                transform: translateY(-150px);
        }

        20% {
                -webkit-transform: translateY(-200px);
                transform: translateY(-200px);
        }

        25% {
                -webkit-transform: translateY(-250px);
                transform: translateY(-250px);
        }

        30% {
                -webkit-transform: translateY(-300px);
                transform: translateY(-300px);
        }

        35% {
                -webkit-transform: translateY(-350px);
                transform: translateY(-350px);
        }

        40% {
                -webkit-transform: translateY(-400px);
                transform: translateY(-400px);
        }

        45% {
                -webkit-transform: translateY(-450px);
                transform: translateY(-450px);
        }

        50% {
                -webkit-transform: translateY(-500px);
                transform: translateY(-500px);
        }

        55% {
                -webkit-transform: translateY(-550px);
                transform: translateY(-550px);
        }

        60% {
                -webkit-transform: translateY(-600px);
                transform: translateY(-600px);
        }

        65% {
                -webkit-transform: translateY(-650px);
                transform: translateY(-650px);
        }

        70% {
                -webkit-transform: translateY(-700px);
                transform: translateY(-700px);
        }

        75% {
                -webkit-transform: translateY(-750px);
                transform: translateY(-750px);
        }

        80% {
                -webkit-transform: translateY(-800px);
                transform: translateY(-800px);
        }

        85% {
                -webkit-transform: translateY(-850px);
                transform: translateY(-850px);
        }

        90% {
                -webkit-transform: translateY(-900px);
                transform: translateY(-900px);
        }

        95% {
                -webkit-transform: translateY(-950px);
                transform: translateY(-950px);
        }

        100% {
                -webkit-transform: translateY(-1000px);
                transform: translateY(-1000px);
        }
}

#loadingCheckCircleSVG-0 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: -1.5s;
        animation-delay: -1.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-1 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-2 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-3 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-4 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-5 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 3.5s;
        animation-delay: 3.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-6 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 4.5s;
        animation-delay: 4.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-7 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 5.5s;
        animation-delay: 5.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-8 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 6.5s;
        animation-delay: 6.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-9 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 7.5s;
        animation-delay: 7.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-10 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 8.5s;
        animation-delay: 8.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-11 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 9.5s;
        animation-delay: 9.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-12 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 10.5s;
        animation-delay: 10.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-13 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 11.5s;
        animation-delay: 11.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-14 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 12.5s;
        animation-delay: 12.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-15 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 13.5s;
        animation-delay: 13.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-16 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 14.5s;
        animation-delay: 14.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-17 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 15.5s;
        animation-delay: 15.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-18 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 16.5s;
        animation-delay: 16.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-19 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 17.5s;
        animation-delay: 17.5s;
        fill: white;
        opacity: 0;
}

#loadingCheckCircleSVG-20 {
        -webkit-animation: fill-to-white 5000ms;
        animation: fill-to-white 5000ms;
        -webkit-animation-delay: 18.5s;
        animation-delay: 18.5s;
        fill: white;
        opacity: 0;
}

@-webkit-keyframes fill-to-white {
        0% {
                opacity: 0;
        }

        10% {
                opacity: 1;
        }

        100% {
                opacity: 1;
        }
}

@keyframes fill-to-white {
        0% {
                opacity: 0;
        }

        10% {
                opacity: 1;
        }

        100% {
                opacity: 1;
        }
}

#loadingCheckSVG-0 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: -1.5s;
        animation-delay: -1.5s;
}

#loadingCheckSVG-1 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
}

#loadingCheckSVG-2 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
}

#loadingCheckSVG-3 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
}

#loadingCheckSVG-4 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s;
}

#loadingCheckSVG-5 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 3.5s;
        animation-delay: 3.5s;
}

#loadingCheckSVG-6 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 4.5s;
        animation-delay: 4.5s;
}

#loadingCheckSVG-7 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 5.5s;
        animation-delay: 5.5s;
}

#loadingCheckSVG-8 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 6.5s;
        animation-delay: 6.5s;
}

#loadingCheckSVG-9 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 7.5s;
        animation-delay: 7.5s;
}

#loadingCheckSVG-10 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 8.5s;
        animation-delay: 8.5s;
}

#loadingCheckSVG-11 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 9.5s;
        animation-delay: 9.5s;
}

#loadingCheckSVG-12 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 10.5s;
        animation-delay: 10.5s;
}

#loadingCheckSVG-13 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 11.5s;
        animation-delay: 11.5s;
}

#loadingCheckSVG-14 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 12.5s;
        animation-delay: 12.5s;
}

#loadingCheckSVG-15 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 13.5s;
        animation-delay: 13.5s;
}

#loadingCheckSVG-16 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 14.5s;
        animation-delay: 14.5s;
}

#loadingCheckSVG-17 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 15.5s;
        animation-delay: 15.5s;
}

#loadingCheckSVG-18 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 16.5s;
        animation-delay: 16.5s;
}

#loadingCheckSVG-19 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 17.5s;
        animation-delay: 17.5s;
}

#loadingCheckSVG-20 {
        -webkit-animation: fill-to-coral 5000ms;
        animation: fill-to-coral 5000ms;
        -webkit-animation-delay: 18.5s;
        animation-delay: 18.5s;
}

@-webkit-keyframes fill-to-coral {
        0% {
                fill: white;
        }

        10% {
                fill: #181A1C;
        }

        100% {
                fill: #181A1C;
        }
}

@keyframes fill-to-coral {
        0% {
                fill: white;
        }

        10% {
                fill: #181A1C;
        }

        100% {
                fill: #181A1C;
        }
}



/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
/* ========= Text Load END ========= */
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

#loader-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000000;
}

#loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #ffffff;
        z-index: 10000000;
}

.loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
        visibility: hidden;


}

/* Loaded */


.preloaded .preloader {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}

.preloaded #loader-wrapper {
        visibility: hidden;
        opacity: 0;

        -webkit-transition: all 0.3s .3s ease-out;
        transition: all 0.3s .3s ease-out;

}

.preloader {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 10px;
        display: block;
        width: 3.75em;
        height: 4.25em;
        margin-left: -1.875em;
        margin-top: -2.125em;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotateY(180deg) rotateZ(-60deg);
        transform: rotateY(180deg) rotateZ(-60deg);
        z-index: 10010000;
}

.preloader .slice {
        border-top: 1.125em solid transparent;
        border-right: none;
        border-bottom: 1em solid transparent;
        border-left: 1.875em solid #e74c3c;
        position: absolute;
        top: 0px;
        left: 50%;
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        border-radius: 3px 3px 0 0;
}

.preloader .slice:nth-child(1) {
        -webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
        transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
        -webkit-animation: 0.15s linear 0.82s preload-hide-1 both 1;
        animation: 0.15s linear 0.82s preload-hide-1 both 1;
}

.preloader .slice:nth-child(2) {
        -webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
        transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
        -webkit-animation: 0.15s linear 0.74s preload-hide-2 both 1;
        animation: 0.15s linear 0.74s preload-hide-2 both 1;
}

.preloader .slice:nth-child(3) {
        -webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
        transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
        -webkit-animation: 0.15s linear 0.66s preload-hide-3 both 1;
        animation: 0.15s linear 0.66s preload-hide-3 both 1;
}

.preloader .slice:nth-child(4) {
        -webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
        transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
        -webkit-animation: 0.15s linear 0.58s preload-hide-4 both 1;
        animation: 0.15s linear 0.58s preload-hide-4 both 1;
}

.preloader .slice:nth-child(5) {
        -webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
        transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
        -webkit-animation: 0.15s linear 0.5s preload-hide-5 both 1;
        animation: 0.15s linear 0.5s preload-hide-5 both 1;
}

.preloader .slice:nth-child(6) {
        -webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
        transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
        -webkit-animation: 0.15s linear 0.42s preload-hide-6 both 1;
        animation: 0.15s linear 0.42s preload-hide-6 both 1;
}

.preloader.loading {
        -webkit-animation: 2s preload-flip steps(2) infinite both;
        animation: 2s preload-flip steps(2) infinite both;
}

.preloader.loading .slice:nth-child(1) {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
        -webkit-animation: 2s preload-cycle-1 linear infinite both;
        animation: 2s preload-cycle-1 linear infinite both;
}

.preloader.loading .slice:nth-child(2) {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
        -webkit-animation: 2s preload-cycle-2 linear infinite both;
        animation: 2s preload-cycle-2 linear infinite both;
}

.preloader.loading .slice:nth-child(3) {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
        -webkit-animation: 2s preload-cycle-3 linear infinite both;
        animation: 2s preload-cycle-3 linear infinite both;
}

.preloader.loading .slice:nth-child(4) {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
        -webkit-animation: 2s preload-cycle-4 linear infinite both;
        animation: 2s preload-cycle-4 linear infinite both;
}

.preloader.loading .slice:nth-child(5) {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
        -webkit-animation: 2s preload-cycle-5 linear infinite both;
        animation: 2s preload-cycle-5 linear infinite both;
}

.preloader.loading .slice:nth-child(6) {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
        -webkit-animation: 2s preload-cycle-6 linear infinite both;
        animation: 2s preload-cycle-6 linear infinite both;
}



.body {
        width: 100%;
        z-index: 100;
        position: absolute;
        right: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}

.spinner-square {
        display: flex;
        flex-direction: row;
        width: 90px;
        height: 120px;
}

.spinner-square>.square {
        width: 17px;
        height: 80px;
        margin: auto auto;
        border-radius: 4px;
}

.square-1 {
        animation: square-anim 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite;
}

.square-2 {
        animation: square-anim 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms infinite;
}

.square-3 {
        animation: square-anim 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 400ms infinite;
}

@keyframes square-anim {
        0% {
                height: 80px;
                background-color: rgb(111, 163, 240);
        }

        20% {
                height: 80px;
        }

        40% {
                height: 120px;
                background-color: rgb(111, 200, 240);
        }

        80% {
                height: 80px;
        }

        100% {
                height: 80px;
                background-color: rgb(111, 163, 240);
        }
}