body.loading .loader-div,
body.loading-inline .loader-div {
    display: block !important;
}

body, html {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.body {
    position: relative;
}

.loader-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000000;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.loading-inline .loader-div {
    background: rgba(255, 255, 255, 0.5) !important;
}

.loader-div .loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 100%;
    background: 0 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loader-div > .loader #eneadeal path,
.loader-div > .loader #eneadeal polygon {
    animation-name: loader-letters;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}
.loader-div > .loader #eneadeal polygon {animation-delay: 0ms;}
.loader-div > .loader #eneadeal path:nth-of-type(1) {animation-delay: 100ms;}
.loader-div > .loader #eneadeal path:nth-of-type(2) {animation-delay: 200ms;}
.loader-div > .loader #eneadeal path:nth-of-type(3) {animation-delay: 300ms;}
.loader-div > .loader #eneadeal path:nth-of-type(4) {animation-delay: 400ms;}
.loader-div > .loader #eneadeal path:nth-of-type(5) {animation-delay: 500ms;}
.loader-div > .loader #eneadeal path:nth-of-type(6) {animation-delay: 600ms;}
.loader-div > .loader #eneadeal path:nth-of-type(7) {animation-delay: 700ms;}
.loader-div > .loader #eneadeal path:nth-of-type(8) {animation-delay: 800ms;}
.loader-div > .loader #eneadeal path:nth-of-type(9) {animation-delay: 900ms;}
.loader-div > .loader #eneadeal path:nth-of-type(10) {animation-delay: 1000ms;}

@keyframes loader-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes loader-letters {
    0%, 25%, 100% {
        opacity: 1;
    }
    5%, 15% {
        opacity: 0.7;
    }
}

@keyframes rotateloader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}