/*===== Image Preloader  =====*/
.edubin_image_preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999999; }

/*===== Preloader Style =====*/
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; }
.preloader .color-1 { background-color: var(--edubin-primary-color) !important; }
.preloader .rubix-cube { border: 1px solid transparent; width: 48px; height: 48px; background-color: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.preloader .rubix-cube .layer { width: 14px; height: 14px; background-color: #07294d; border: 1px solid transparent; position: absolute; }
.preloader .rubix-cube .layer-1 { left: 0px; top: 0px; -webkit-animation: rubixcube4 2s infinite linear; animation: rubixcube4 2s infinite linear; }
.preloader .rubix-cube .layer-2 { left: 16px; top: 0px; -webkit-animation: rubixcube3 2s infinite linear; animation: rubixcube3 2s infinite linear; }
.preloader .rubix-cube .layer-3 { left: 32px; top: 0px; }
.preloader .rubix-cube .layer-4 { left: 0px; top: 16px; -webkit-animation: rubixcube5 2s infinite linear; animation: rubixcube5 2s infinite linear; }
.preloader .rubix-cube .layer-5 { left: 16px; top: 16px; -webkit-animation: rubixcube2 2s infinite linear; animation: rubixcube2 2s infinite linear; }
.preloader .rubix-cube .layer-6 { left: 32px; top: 16px; -webkit-animation: rubixcube1 2s infinite linear; animation: rubixcube1 2s infinite linear; }
.preloader .rubix-cube .layer-7 { left: 0px; top: 32px; -webkit-animation: rubixcube6 2s infinite linear; animation: rubixcube6 2s infinite linear; }
.preloader .rubix-cube .layer-8 { left: 16px; top: 32px; -webkit-animation: rubixcube7 2s infinite linear; animation: rubixcube7 2s infinite linear; }
@-webkit-keyframes rubixcube1 {
    20% { top: 16px; left: 32px; }
    30% { top: 32px; left: 32px; }
    40% { top: 32px; left: 32px; }
    50% { top: 32px; left: 32px; }
    60% { top: 32px; left: 32px; }
    70% { top: 32px; left: 32px; }
    80% { top: 32px; left: 32px; }
    90% { top: 32px; left: 32px; }
    100% { top: 32px; left: 16px; }
}
@keyframes rubixcube1 {
    20% { top: 16px; left: 32px; }
    30% { top: 32px; left: 32px; }
    40% { top: 32px; left: 32px; }
    50% { top: 32px; left: 32px; }
    60% { top: 32px; left: 32px; }
    70% { top: 32px; left: 32px; }
    80% { top: 32px; left: 32px; }
    90% { top: 32px; left: 32px; }
    100% { top: 32px; left: 16px; }
}
@-webkit-keyframes rubixcube2 {
    30% { left: 16px; }
    40% { left: 32px; }
    50% { left: 32px; }
    60% { left: 32px; }
    70% { left: 32px; }
    80% { left: 32px; }
    90% { left: 32px; }
    100% { left: 32px; }
}
@keyframes rubixcube2 {
    30% { left: 16px; }
    40% { left: 32px; }
    50% { left: 32px; }
    60% { left: 32px; }
    70% { left: 32px; }
    80% { left: 32px; }
    90% { left: 32px; }
    100% { left: 32px; }
}
@-webkit-keyframes rubixcube3 {
    30% { top: 0px; }
    40% { top: 0px; }
    50% { top: 16px; }
    60% { top: 16px; }
    70% { top: 16px; }
    80% { top: 16px; }
    90% { top: 16px; }
    100% { top: 16px; }
}
@keyframes rubixcube3 {
    30% { top: 0px; }
    40% { top: 0px; }
    50% { top: 16px; }
    60% { top: 16px; }
    70% { top: 16px; }
    80% { top: 16px; }
    90% { top: 16px; }
    100% { top: 16px; }
}
@-webkit-keyframes rubixcube4 {
    50% { left: 0px; }
    60% { left: 16px; }
    70% { left: 16px; }
    80% { left: 16px; }
    90% { left: 16px; }
    100% { left: 16px; }
}
@keyframes rubixcube4 {
    50% { left: 0px; }
    60% { left: 16px; }
    70% { left: 16px; }
    80% { left: 16px; }
    90% { left: 16px; }
    100% { left: 16px; }
}
@-webkit-keyframes rubixcube5 {
    60% { top: 16px; }
    70% { top: 0px; }
    80% { top: 0px; }
    90% { top: 0px; }
    100% { top: 0px; }
}
@keyframes rubixcube5 {
    60% { top: 16px; }
    70% { top: 0px; }
    80% { top: 0px; }
    90% { top: 0px; }
    100% { top: 0px; }
}
@-webkit-keyframes rubixcube6 {
    70% { top: 32px; }
    80% { top: 16px; }
    90% { top: 16px; }
    100% { top: 16px; }
}
@keyframes rubixcube6 {
    70% { top: 32px; }
    80% { top: 16px; }
    90% { top: 16px; }
    100% { top: 16px; }
}
@-webkit-keyframes rubixcube7 {
    80% { left: 16px; }
    90% { left: 0px; }
    100% { left: 0px; }
}
@keyframes rubixcube7 {
    80% { left: 16px; }
    90% { left: 0px; }
    100% { left: 0px; }
}

/*== Preloader two style ===*/
#preloader_two { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999999; }
#preloader_two .preloader_two { width: 50px; height: 50px; display: inline-block; padding: 0px; text-align: left; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; }
#preloader_two .preloader_two span { position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background-color: #07294d; -webkit-animation: preloader_two 1.3s linear infinite; animation: preloader_two 1.3s linear infinite; }
#preloader_two .preloader_two span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; }
@keyframes preloader_two {
    0% { transform: scale(0, 0); opacity: 0.5; }
    100% { transform: scale(1, 1); opacity: 0; }
}
@-webkit-keyframes preloader_two {
    0% { -webkit-transform: scale(0, 0); opacity: 0.5; }
    100% { -webkit-transform: scale(1, 1); opacity: 0; }
}