.ms-preloader-container{
    margin-top: 10px;
    width: 98%;
}

.ms-preloader-container .ms-preloader{
    width: 100%;
    height: 200px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Loader 1 */
.ms-loader1 .ms-spinnerblock {
    animation: ms-rotate1 1000ms linear 100ms infinite;
    transform-origin: center;
    display: block;
    height: 50px;
    width: 50px;
}
.ms-loader1 span {
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ms-loader1 span:nth-child(1) {
    border-color: #eee;
}
.ms-loader1 span:nth-child(2) {
    left: -18px;
    top: 10px;
}
.ms-loader1 span:nth-child(3) {
    left: -18px;
    top: -10px;
}
.ms-loader1 span:nth-child(4) {
    left: 0;
    top: -18px;
}
.ms-loader1 span:nth-child(5) {
    left: 18px;
    top: -10px;
}
.ms-loader1 span:nth-child(6) {
    left: 18px;
    top: 10px;
}
.ms-loader1 span:nth-child(7) {
    left: 0;
    top: 18px;
}
@-webkit-keyframes ms-rotate1 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes ms-rotate1 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Loader 2 */
.ms-preloader svg {
    display: none;
}
.ms-loader2 {
    filter: url(#ms-svg-blob);
    width: 300px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border-radius: 70px;
    transform-style: preserve-3d;
}
.ms-loader2 .ms-blob-center {
    transform-style: preserve-3d;
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform-origin: left top;
    transform: scale(0.9) translate(-50%, -50%);
    -webkit-animation: ms-blob-grow linear 3.4s infinite;
    animation: ms-blob-grow linear 3.4s infinite;
    border-radius: 50%;
    box-shadow: 0 -10px 40px -5px #FFF;
}
.ms-blob {
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-animation: ms-blobs ease-out 3.4s infinite;
    animation: ms-blobs ease-out 3.4s infinite;
    transform: scale(0.9) translate(-50%, -50%);
    transform-origin: center top;
    opacity: 0;
}
.ms-blob:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.ms-blob:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.ms-blob:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.ms-blob:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.ms-blob:nth-child(5) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@-webkit-keyframes ms-blobs {
    0% {
        opacity: 0;
        transform: scale(0) translate(calc(-330px - 50%), -50%);
    }
    1% {
        opacity: 1;
    }
    35%, 65% {
        opacity: 1;
        transform: scale(0.9) translate(-50%, -50%);
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(0) translate(calc(330px - 50%), -50%);
    }
}
@keyframes ms-blobs {
    0% {
        opacity: 0;
        transform: scale(0) translate(calc(-330px - 50%), -50%);
    }
    1% {
        opacity: 1;
    }
    35%, 65% {
        opacity: 1;
        transform: scale(0.9) translate(-50%, -50%);
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(0) translate(calc(330px - 50%), -50%);
    }
}
@-webkit-keyframes ms-blob-grow {
    0%, 39% {
        transform: scale(0) translate(-50%, -50%);
    }
    40%, 42% {
        transform: scale(1, 0.9) translate(-50%, -50%);
    }
    43%, 44% {
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }
    45%, 46% {
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }
    47%, 48% {
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }
    52% {
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }
    54% {
        transform: scale(1.7, 1.6) translate(-50%, -50%);
    }
    58% {
        transform: scale(1.8, 1.7) translate(-50%, -50%);
    }
    68%, 70% {
        transform: scale(1.7, 1.5) translate(-50%, -50%);
    }
    78% {
        transform: scale(1.6, 1.4) translate(-50%, -50%);
    }
    80%, 81% {
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }
    82%, 83% {
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }
    84%, 85% {
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }
    86%, 87% {
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }
    90%, 91% {
        transform: scale(1, 0.9) translate(-50%, -50%);
    }
    92%, 100% {
        transform: scale(0) translate(-50%, -50%);
    }
}
@keyframes ms-blob-grow {
    0%, 39% {
        transform: scale(0) translate(-50%, -50%);
    }
    40%, 42% {
        transform: scale(1, 0.9) translate(-50%, -50%);
    }
    43%, 44% {
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }
    45%, 46% {
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }
    47%, 48% {
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }
    52% {
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }
    54% {
        transform: scale(1.7, 1.6) translate(-50%, -50%);
    }
    58% {
        transform: scale(1.8, 1.7) translate(-50%, -50%);
    }
    68%, 70% {
        transform: scale(1.7, 1.5) translate(-50%, -50%);
    }
    78% {
        transform: scale(1.6, 1.4) translate(-50%, -50%);
    }
    80%, 81% {
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }
    82%, 83% {
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }
    84%, 85% {
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }
    86%, 87% {
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }
    90%, 91% {
        transform: scale(1, 0.9) translate(-50%, -50%);
    }
    92%, 100% {
        transform: scale(0) translate(-50%, -50%);
    }
}
/* Loader 3 */
.ms-loader3{
    position: relative;
    height: 50px;
    width: 50px;
}
.ms-loader3 .ms-box {
    width: 50px;
    height: 50px;
    background: #FFF;
    animation: ms-animate3 .5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.ms-loader3 .ms-shadow {
    width: 50px;
    height: 5px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    animation: ms-shadow3 .5s linear infinite;
}
@keyframes ms-shadow3 {
    50% {
        transform: scale(1.2,1);
    }
}
@keyframes ms-animate3 {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        transform: translateY(18px) scale(1,.9) rotate(45deg) ;
        border-bottom-right-radius: 40px;
    }
    75% {
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        transform: translateY(0) rotate(90deg);
    }
}
/* Pre-loader 4 */
.ms-loader4 {
    width: 60px;
    height: 50px;
}
.ms-loader4 > div {
    height: 100%;
    width: 8px;
    display: inline-block;
    float: left;
    margin-left: 2px;
    -webkit-animation: ms-delay 0.8s infinite ease-in-out;
    animation: ms-delay 0.8s infinite ease-in-out;
}
.ms-loader4 .ms-bar1 {
    background-color: #754fa0;
}
.ms-loader4 .ms-bar2 {
    background-color: #09b7bf;
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.ms-loader4 .ms-bar3 {
    background-color: #90d36b;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.ms-loader4 .ms-bar4 {
    background-color: #f2d40d;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.ms-loader4 .ms-bar5 {
    background-color: #fcb12b;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.ms-loader4 .ms-bar6 {
    background-color: #ed1b72;
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
@-webkit-keyframes ms-delay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.05);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}
@keyframes ms-delay {
    0%, 40%, 100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}
/*Loader 5*/
.ms-loader5{
    position: relative;
    height: 60px;
    width: 60px;
}
.ms-loader5 .ms-css-star {
    margin: 10px 0;
    position: relative;
    display: block;
    width: 0px;
    height: 0px;
    border-right: 26px solid transparent;
    border-bottom: 23px solid #FFF;
    border-left: 23px solid transparent;
    transform: rotate(180deg);
}
.ms-loader5 .ms-css-star:before {
    border-bottom: 18px solid #FFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    height: 0;
    width: 0;
    top: -9px;
    left: -16px;
    display: block;
    content: "";
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
}
.ms-loader5 .ms-css-star:after {
    position: absolute;
    display: block;
    top: 2px;
    left: -26px;
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-bottom: 22px solid #FFF;
    border-left: 27px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    content: "";
}
.ms-loader5 .ms-css-star {
    position: absolute;
    -webkit-transform: rotate(180deg) scale(0.5);
    -ms-transform: rotate(180deg) scale(0.5);
    transform: rotate(180deg) scale(0.5);
    opacity: 0.4;
}
.ms-loader5 .ms-css-star, 
.ms-loader5 .ms-css-star:before, 
.ms-loader5 .ms-css-star:after {
    border-bottom-color: #FFF;
}
.ms-loader5 .ms-star1 {
    top: -20px;
    left: 5px;
    -webkit-animation: star-crazyness 1s 0.125s ease infinite;
    animation: star-crazyness 1s 0.125s ease infinite;
}
.ms-loader5 .ms-star2 {
    left: 25px;
    top: -10px;
    -webkit-animation: star-crazyness 1s 0.3s ease infinite;
    animation: star-crazyness 1s 0.3s ease infinite;
}
.ms-loader5 .ms-star3 {
    left: 35px;
    top: 10px;
    -webkit-animation: star-crazyness 1s 0.425s ease infinite;
    animation: star-crazyness 1s 0.425s ease infinite;
}
.ms-loader5 .ms-star4 {
    top: 30px;
    left: 27px;
    -webkit-animation: star-crazyness 1s 0.54s ease infinite;
    animation: star-crazyness 1s 0.54s ease infinite;
}
.ms-loader5 .ms-star5 {
    top: 40px;
    left: 5px;
    -webkit-animation: star-crazyness 1s 0.665s ease infinite;
    animation: star-crazyness 1s 0.665s ease infinite;
}
.ms-loader5 .ms-star6 {
    top: 30px;
    left: -15px;
    -webkit-animation: star-crazyness 1s 0.79s ease infinite;
    animation: star-crazyness 1s 0.79s ease infinite;
}
.ms-loader5 .ms-star7 {
    top: 10px;
    left: -25px;
    -webkit-animation: star-crazyness 1s 0.9s ease infinite;
    animation: star-crazyness 1s 0.9s ease infinite;
}
.ms-loader5 .ms-star8 {
    top: -10px;
    left: -15px;
    -webkit-animation: star-crazyness 1s 1s ease infinite;
    animation: star-crazyness 1s 1s ease infinite;
}
@-webkit-keyframes star-crazyness {
    0% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0px, 0) scale(0.6);
    }
    25% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.2);
    }
    50% {
        opacity: 0.7;
        transform: rotate(180deg) translate(5px, 5px) scale(0.4);
    }
    75% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }
    80% {
        opacity: 1;
        transform: rotate(180deg) translate(5px, 0) scale(0.1);
    }
    100% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }
}
@keyframes star-crazyness {
    0% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0px, 0) scale(0.6);
    }
    25% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.2);
    }
    50% {
        opacity: 0.7;
        transform: rotate(180deg) translate(5px, 5px) scale(0.4);
    }
    75% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }
    80% {
        opacity: 1;
        transform: rotate(180deg) translate(5px, 0) scale(0.1);
    }
    100% {
        opacity: 0.4;
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }
}
/*Loader 6*/
.ms-loader6 {
    width: 70px;
    height: 70px;
    position: relative;
    border: 8px solid transparent;
    border-radius: 50%;
    -webkit-animation: border-opacity6 0.7s linear infinite;
    animation: border-opacity6 0.7s linear infinite;
    -webkit-animation-delay: 0.24s;
    animation-delay: 0.24s;
}
.ms-loader6:before, .ms-loader6:after {
    content: "";
    display: block;
    position: absolute;
    border: 8px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-animation: border-opacity6 0.7s linear infinite;
    animation: border-opacity6 0.7s linear infinite;
}
.ms-loader6:before {
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
}
.ms-loader6:after {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    -webkit-animation-delay: 0.12s;
    animation-delay: 0.12s;
}
@-webkit-keyframes border-opacity6 {
    from {
        border-color: #FFF;
    }
    to {
        border-color: transparent;
    }
}
@keyframes border-opacity6 {
    from {
        border-color: #FFF;
    }
    to {
        border-color: transparent;
    }
}
/*Loader 7*/
.ms-loader7 {
    width: 68px;
    height: 68px;
    border: 2px solid #FFF;
    box-sizing: border-box;
    -webkit-animation: spinner7 2.6s linear infinite;
    animation: spinner7 2.6s linear infinite;
}
.ms-loader7:before, .ms-loader7:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #FFF;
    box-sizing: border-box;
    -webkit-animation: spinner7 1.3s linear infinite;
    animation: spinner7 1.3s linear infinite;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}
.ms-loader7:before {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
}
.ms-loader7:after {
    width: 96px;
    height: 96px;
    margin: -48px 0 0 -48px;
}
@-webkit-keyframes spinner7 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner7 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*Loader 8*/
.ms-loader8 {
    position: relative;
    width: 100px;
    height: 100px;
}
.ms-item {
    width: 50px;
    height: 50px;
    position: absolute;
}
.ms-item-1 {
    background-color: #FA5667;
    top: 0;
    left: 0;
    z-index: 1;
    animation: ms-item-1-move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}
.ms-item-2 {
    background-color: #7A45E5;
    top: 0;
    right: 0;
    animation: ms-item-2-move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}
.ms-item-3 {
    background-color: #1B91F7;
    bottom: 0;
    right: 0;
    z-index: 1;
    animation: ms-item-3-move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}
.ms-item-4 {
    background-color: #FAC24C;
    bottom: 0;
    left: 0;
    animation: ms-item-4-move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}
@keyframes ms-item-1-move {
    0%, 100% {
        transform: translate(0, 0)
    }
    25% {
        transform: translate(0, 50px)
    }
    50% {
        transform: translate(50px, 50px)
    }
    75% {
        transform: translate(50px, 0)
    }
}
@keyframes ms-item-2-move {
    0%, 100% {
        transform: translate(0, 0)
    }
    25% {
        transform: translate(-50px, 0)
    }
    50% {
        transform: translate(-50px, 50px)
    }
    75% {
        transform: translate(0, 50px)
    }
}
@keyframes ms-item-3-move {
    0%, 100% {
        transform: translate(0, 0)
    }
    25% {
        transform: translate(0, -50px)
    }
    50% {
        transform: translate(-50px, -50px)
    }
    75% {
        transform: translate(-50px, 0)
    }
}
@keyframes ms-item-4-move {
    0%, 100% {
        transform: translate(0, 0)
    }
    25% {
        transform: translate(50px, 0)
    }
    50% {
        transform: translate(50px, -50px)
    }
    75% {
        transform: translate(0, -50px)
    }
}
/*Loader 9*/
.ms-loader9 {
    text-align: center;
    padding: 35px 0 30px;
    margin: 50px auto;
}
.ms-loader9 ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.ms-loader9 ul li{
    width: 30px;
    height: 30px;
    display: inline-block;
}
.ms-loader9 ul li:nth-child(1){
    background: #e45600;
    transform: translate(34px, -34px);
    animation: animate-li 4s ease-in-out infinite;
}
.ms-loader9 ul li:nth-child(2){
    background: #4834d4;
    animation: animate-li-1 4s ease-in-out infinite;
}
.ms-loader9 ul li:nth-child(3){
    background: #be2edd;
    animation: animate-li-2 4s ease-in-out infinite;
}
.ms-loader9 ul li:nth-child(4){
    background: #eb2f06;
    animation: animate-li-3 4s ease-in-out infinite;
}
.ms-loader9 ul li:nth-child(5){
    background: #009432;
    animation: animate-li-4 4s ease-in-out infinite;
}
@keyframes animate-li{
    4.167%{
        transform: translate(34px, 0);
    }
    50%{
        transform: translate(34px, 0);
    }
    54.67%{
        transform: translate(34px, 34px);
    }
    58.33%{
        transform: translate(68px, 34px);
    }
    62.5%{
        transform: translate(68px, 0);
    }
    91.67%{
        transform: translate(68px, 0);
    }
    95.83%{
        transform: translate(68px, -34px);
    }
    100%{
        transform: translate(34px, -34px);
    }
}
@keyframes animate-li-1{
    4.167%{
        transform: translate(0, 34px);
    }
    8.33%{
        transform: translate(34px, 34px);
    }
    12.5%{
        transform: translate(34px, 0);
    }
    41.67%{
        transform: translate(34px, 0);
    }
    45.83%{
        transform: translate(34px, -34px);
    }
    50%{
        transform: translate(0, -34px);
    }
    54.167%{
        transform: translate(0, 0);
    }
    100%{
        transform: translate(0, 0);
    }
}
@keyframes animate-li-2{
    8.33%{
        transform: translate(0, 0);
    }
    12.5%{
        transform: translate(0, -34px);
    }
    16.67%{
        transform: translate(34px, -34px);
    }
    20.83%{
        transform: translate(34px, 0);
    }
    33.33%{
        transform: translate(34px, 0);
    }
    37.5%{
        transform: translate(34px, 34px);
    }
    41.67%{
        transform: translate(0, 34px);
    }
    45.83%{
        transform: translate(0, 0);
    }
    58.33%{
        transform: translate(0, 0);
    }
    62.5%{
        transform: translate(0, -34px);
    }
    66.67%{
        transform: translate(34px, -34px);
    }
    70.83%{
        transform: translate(34px, 0);
    }
    83.33%{
        transform: translate(34px, 0);
    }
    87.5%{
        transform: translate(34px, 34px);
    }
    91.67%{
        transform: translate(0, 34px);
    }
    95.83%{
        transform: translate(0, 0);
    }
    100%{
        transform: translate(0, 0);
    }
}
@keyframes animate-li-3{
    16.67%{
        transform: translate(0, 0);
    }
    20.83%{
        transform: translate(0, 34px);
    }
    25%{
        transform: translate(34px, 34px);
    }
    29.167%{
        transform: translate(34px, 0);
    }
    75%{
        transform: translate(34px, 0);
    }
    79.167%{
        transform: translate(34px, -34px);
    }
    83.33%{
        transform: translate(0, -34px);
    }
    87.5%{
        transform: translate(0, 0);
    }
    100%{
        transform: translate(0, 0);
    }
}
@keyframes animate-li-4{
    25%{
        transform: translate(0, 0);
    }
    29.167%{
        transform: translate(0, -34px);
    }
    33.33%{
        transform: translate(-34px, -34px);
    }
    37.5%{
        transform: translate(-34px, 0);
    }
    66.67%{
        transform: translate(-34px, 0);
    }
    70.83%{
        transform: translate(-34px, 34px);
    }
    75%{
        transform: translate(0, 34px);
    }
    79.167%{
        transform: translate(0, 0);
    }
    100%{
        transform: translate(0, 0);
    }
}
/* Preloader 10*/
.book {
    width: 32px;
    height: 12px;
    position: relative;
    margin: 60px 0 0 0;
    zoom: 1.5;
}
.book .inner {
    width: 32px;
    height: 12px;
    position: relative;
    transform-origin: 2px 2px;
    transform: rotateZ(-90deg);
    -webkit-animation: book 6.8s ease infinite;
    animation: book 6.8s ease infinite;
}
.book .inner .left, 
.book .inner .right {
    width: 60px;
    height: 4px;
    top: 0;
    border-radius: 2px;
    background: #fff;
    position: absolute;
}
.book .inner .left:before, 
.book .inner .right:before {
    content: "";
    width: 48px;
    height: 4px;
    border-radius: 2px;
    background: inherit;
    position: absolute;
    top: -10px;
    left: 6px;
}
.book .inner .left {
    right: 28px;
    transform-origin: 58px 2px;
    transform: rotateZ(90deg);
    -webkit-animation: left 6.8s ease infinite;
    animation: left 6.8s ease infinite;
}
.book .inner .right {
    left: 28px;
    transform-origin: 2px 2px;
    transform: rotateZ(-90deg);
    -webkit-animation: right 6.8s ease infinite;
    animation: right 6.8s ease infinite;
}
.book .inner .middle {
    width: 32px;
    height: 12px;
    border: 4px solid #fff;
    border-top: 0;
    border-radius: 0 0 9px 9px;
    transform: translateY(2px);
}
.book ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 50%;
    top: 0;
}
.book ul li {
    height: 4px;
    border-radius: 2px;
    transform-origin: 100% 2px;
    width: 48px;
    right: 0;
    top: -10px;
    position: absolute;
    background: #fff;
    transform: rotateZ(0deg) translateX(-18px);
    -webkit-animation-duration: 6.8s;
    animation-duration: 6.8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.book ul li:nth-child(0) {
    -webkit-animation-name: page-0;
    animation-name: page-0;
}
.book ul li:nth-child(1) {
    -webkit-animation-name: page-1;
    animation-name: page-1;
}
.book ul li:nth-child(2) {
    -webkit-animation-name: page-2;
    animation-name: page-2;
}
.book ul li:nth-child(3) {
    -webkit-animation-name: page-3;
    animation-name: page-3;
}
.book ul li:nth-child(4) {
    -webkit-animation-name: page-4;
    animation-name: page-4;
}
.book ul li:nth-child(5) {
    -webkit-animation-name: page-5;
    animation-name: page-5;
}
.book ul li:nth-child(6) {
    -webkit-animation-name: page-6;
    animation-name: page-6;
}
.book ul li:nth-child(7) {
    -webkit-animation-name: page-7;
    animation-name: page-7;
}
.book ul li:nth-child(8) {
    -webkit-animation-name: page-8;
    animation-name: page-8;
}
.book ul li:nth-child(9) {
    -webkit-animation-name: page-9;
    animation-name: page-9;
}
.book ul li:nth-child(10) {
    -webkit-animation-name: page-10;
    animation-name: page-10;
}
.book ul li:nth-child(11) {
    -webkit-animation-name: page-11;
    animation-name: page-11;
}
.book ul li:nth-child(12) {
    -webkit-animation-name: page-12;
    animation-name: page-12;
}
.book ul li:nth-child(13) {
    -webkit-animation-name: page-13;
    animation-name: page-13;
}
.book ul li:nth-child(14) {
    -webkit-animation-name: page-14;
    animation-name: page-14;
}
.book ul li:nth-child(15) {
    -webkit-animation-name: page-15;
    animation-name: page-15;
}
.book ul li:nth-child(16) {
    -webkit-animation-name: page-16;
    animation-name: page-16;
}
.book ul li:nth-child(17) {
    -webkit-animation-name: page-17;
    animation-name: page-17;
}
.book ul li:nth-child(18) {
    -webkit-animation-name: page-18;
    animation-name: page-18;
}
@-webkit-keyframes page-0 {
    4% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    13%, 54% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    63% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-0 {
    4% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    13%, 54% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    63% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-1 {
    5.86% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    14.74%, 55.86% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    64.74% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-1 {
    5.86% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    14.74%, 55.86% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    64.74% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-2 {
    7.72% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    16.48%, 57.72% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    66.48% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-2 {
    7.72% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    16.48%, 57.72% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    66.48% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-3 {
    9.58% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    18.22%, 59.58% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    68.22% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-3 {
    9.58% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    18.22%, 59.58% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    68.22% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-4 {
    11.44% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    19.96%, 61.44% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    69.96% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-4 {
    11.44% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    19.96%, 61.44% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    69.96% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-5 {
    13.3% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    21.7%, 63.3% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    71.7% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-5 {
    13.3% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    21.7%, 63.3% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    71.7% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-6 {
    15.16% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    23.44%, 65.16% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    73.44% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-6 {
    15.16% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    23.44%, 65.16% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    73.44% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-7 {
    17.02% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    25.18%, 67.02% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    75.18% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-7 {
    17.02% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    25.18%, 67.02% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    75.18% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-8 {
    18.88% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    26.92%, 68.88% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    76.92% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-8 {
    18.88% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    26.92%, 68.88% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    76.92% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-9 {
    20.74% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    28.66%, 70.74% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    78.66% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-9 {
    20.74% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    28.66%, 70.74% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    78.66% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-10 {
    22.6% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    30.4%, 72.6% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    80.4% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-10 {
    22.6% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    30.4%, 72.6% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    80.4% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-11 {
    24.46% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    32.14%, 74.46% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    82.14% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-11 {
    24.46% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    32.14%, 74.46% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    82.14% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-12 {
    26.32% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    33.88%, 76.32% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    83.88% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-12 {
    26.32% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    33.88%, 76.32% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    83.88% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-13 {
    28.18% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    35.62%, 78.18% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    85.62% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-13 {
    28.18% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    35.62%, 78.18% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    85.62% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-14 {
    30.04% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    37.36%, 80.04% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    87.36% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-14 {
    30.04% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    37.36%, 80.04% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    87.36% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-15 {
    31.9% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    39.1%, 81.9% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    89.1% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-15 {
    31.9% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    39.1%, 81.9% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    89.1% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-16 {
    33.76% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    40.84%, 83.76% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    90.84% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-16 {
    33.76% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    40.84%, 83.76% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    90.84% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-17 {
    35.62% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    42.58%, 85.62% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    92.58% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-17 {
    35.62% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    42.58%, 85.62% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    92.58% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-18 {
    37.48% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    44.32%, 87.48% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    94.32% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-18 {
    37.48% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    44.32%, 87.48% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    94.32% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes left {
    4% {
        transform: rotateZ(90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
    }
    46%, 54% {
        transform: rotateZ(90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
    }
    96% {
        transform: rotateZ(90deg);
    }
}
@keyframes left {
    4% {
        transform: rotateZ(90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
    }
    46%, 54% {
        transform: rotateZ(90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
    }
    96% {
        transform: rotateZ(90deg);
    }
}
@-webkit-keyframes right {
    4% {
        transform: rotateZ(-90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
    }
    46%, 54% {
        transform: rotateZ(-90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
    }
    96% {
        transform: rotateZ(-90deg);
    }
}
@keyframes right {
    4% {
        transform: rotateZ(-90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
    }
    46%, 54% {
        transform: rotateZ(-90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
    }
    96% {
        transform: rotateZ(-90deg);
    }
}
@-webkit-keyframes book {
    4% {
        transform: rotateZ(-90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
        transform-origin: 2px 2px;
    }
    40.01%, 59.99% {
        transform-origin: 30px 2px;
    }
    46%, 54% {
        transform: rotateZ(90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
        transform-origin: 2px 2px;
    }
    96% {
        transform: rotateZ(-90deg);
    }
}
@keyframes book {
    4% {
        transform: rotateZ(-90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
        transform-origin: 2px 2px;
    }
    40.01%, 59.99% {
        transform-origin: 30px 2px;
    }
    46%, 54% {
        transform: rotateZ(90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
        transform-origin: 2px 2px;
    }
    96% {
        transform: rotateZ(-90deg);
    }
}
/*Loader 11*/
.ms-loader11{
    width:200px;
    height:60px;
    position: relative;
}
.ms-circle{
    width:20px;
    height:20px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    left:15%;
    transform-origin: 50%;
    animation: circle-11 .5s alternate infinite ease;
}
.ms-circle:nth-child(2){
    left:45%;
    animation-delay: .2s;
}
.ms-circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.ms-shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top:62px;
    transform-origin: 50%;
    z-index: -1;
    left:15%;
    filter: blur(1px);
    animation: shadow-11 .5s alternate infinite ease;
}

.ms-shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s 
}
.ms-shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
@keyframes circle-11{
    0%{
        top:60px;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top:0%;
    }
}
@keyframes shadow-11{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}
/*Loader 12*/
.ms-loader12 {
    position: relative;
    width: 80px;
    height: 80px;
}
.ms-loader12 div {
    transform-origin: 40px 40px;
    animation: spinner12 1.2s linear infinite;
}
.ms-loader12 div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
}
.ms-loader12 div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.ms-loader12 div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.ms-loader12 div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.ms-loader12 div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.ms-loader12 div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.ms-loader12 div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.ms-loader12 div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.ms-loader12 div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.ms-loader12 div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.ms-loader12 div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.ms-loader12 div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.ms-loader12 div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes spinner12 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/*Loader 13*/
.ms-loader13 {
    height: 40px;
    width: 6px;
    background-color: transparent;
    animation: paddles13 0.75s ease-out infinite;
    transform: translate3d(0, 0, 0);
}
.ms-loader13:before {
    content: "";
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    animation: ballbounce13 0.6s ease-out infinite;
}
@keyframes paddles13 {
    0% {
        box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff;
    }
    50% {
        box-shadow: -25px 8px 0px #fff, 25px -10px 0px #fff;
    }
    100% {
        box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff;
    }
}
@keyframes ballbounce13 {
    0% {
        transform: translateX(-20px) scale(1, 1.2);
    }
    25% {
        transform: scale(1.2, 1);
    }
    50% {
        transform: translateX(15px) scale(1, 1.2);
    }
    75% {
        transform: scale(1.2, 1);
    }
    100% {
        transform: translateX(-20px);
    }
}
/*Loader 14*/
.ms-loader14 {
    position: relative;
    width: 75px;
    height: 100px;
}
.ms-loader-bar {
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 50%;
    background: #fff;
    transform-origin: center bottom;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.ms-loader-bar:nth-child(1) {
    left: 0px;
    transform: scale(1, 0.2);
    -webkit-animation: barUp1 4s infinite;
    animation: barUp1 4s infinite;
}
.ms-loader-bar:nth-child(2) {
    left: 15px;
    transform: scale(1, 0.4);
    -webkit-animation: barUp2 4s infinite;
    animation: barUp2 4s infinite;
}
.ms-loader-bar:nth-child(3) {
    left: 30px;
    transform: scale(1, 0.6);
    -webkit-animation: barUp3 4s infinite;
    animation: barUp3 4s infinite;
}
.ms-loader-bar:nth-child(4) {
    left: 45px;
    transform: scale(1, 0.8);
    -webkit-animation: barUp4 4s infinite;
    animation: barUp4 4s infinite;
}
.ms-loader-bar:nth-child(5) {
    left: 60px;
    transform: scale(1, 1);
    -webkit-animation: barUp5 4s infinite;
    animation: barUp5 4s infinite;
}
.ms-loader-ball {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: ball 4s infinite;
    animation: ball 4s infinite;
}
@-webkit-keyframes ball {
    0% {
        transform: translate(0, 0);
    }
    5% {
        transform: translate(8px, -14px);
    }
    10% {
        transform: translate(15px, -10px);
    }
    17% {
        transform: translate(23px, -24px);
    }
    20% {
        transform: translate(30px, -20px);
    }
    27% {
        transform: translate(38px, -34px);
    }
    30% {
        transform: translate(45px, -30px);
    }
    37% {
        transform: translate(53px, -44px);
    }
    40% {
        transform: translate(60px, -40px);
    }
    50% {
        transform: translate(60px, 0);
    }
    57% {
        transform: translate(53px, -14px);
    }
    60% {
        transform: translate(45px, -10px);
    }
    67% {
        transform: translate(37px, -24px);
    }
    70% {
        transform: translate(30px, -20px);
    }
    77% {
        transform: translate(22px, -34px);
    }
    80% {
        transform: translate(15px, -30px);
    }
    87% {
        transform: translate(7px, -44px);
    }
    90% {
        transform: translate(0, -40px);
    }
    100% {
        transform: translate(0, 0);
    }
}
@keyframes ball {
    0% {
        transform: translate(0, 0);
    }
    5% {
        transform: translate(8px, -14px);
    }
    10% {
        transform: translate(15px, -10px);
    }
    17% {
        transform: translate(23px, -24px);
    }
    20% {
        transform: translate(30px, -20px);
    }
    27% {
        transform: translate(38px, -34px);
    }
    30% {
        transform: translate(45px, -30px);
    }
    37% {
        transform: translate(53px, -44px);
    }
    40% {
        transform: translate(60px, -40px);
    }
    50% {
        transform: translate(60px, 0);
    }
    57% {
        transform: translate(53px, -14px);
    }
    60% {
        transform: translate(45px, -10px);
    }
    67% {
        transform: translate(37px, -24px);
    }
    70% {
        transform: translate(30px, -20px);
    }
    77% {
        transform: translate(22px, -34px);
    }
    80% {
        transform: translate(15px, -30px);
    }
    87% {
        transform: translate(7px, -44px);
    }
    90% {
        transform: translate(0, -40px);
    }
    100% {
        transform: translate(0, 0);
    }
}
@-webkit-keyframes barUp1 {
    0% {
        transform: scale(1, 0.2);
    }
    40% {
        transform: scale(1, 0.2);
    }
    50% {
        transform: scale(1, 1);
    }
    90% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 0.2);
    }
}
@keyframes barUp1 {
    0% {
        transform: scale(1, 0.2);
    }
    40% {
        transform: scale(1, 0.2);
    }
    50% {
        transform: scale(1, 1);
    }
    90% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 0.2);
    }
}
@-webkit-keyframes barUp2 {
    0% {
        transform: scale(1, 0.4);
    }
    40% {
        transform: scale(1, 0.4);
    }
    50% {
        transform: scale(1, 0.8);
    }
    90% {
        transform: scale(1, 0.8);
    }
    100% {
        transform: scale(1, 0.4);
    }
}
@keyframes barUp2 {
    0% {
        transform: scale(1, 0.4);
    }
    40% {
        transform: scale(1, 0.4);
    }
    50% {
        transform: scale(1, 0.8);
    }
    90% {
        transform: scale(1, 0.8);
    }
    100% {
        transform: scale(1, 0.4);
    }
}
@-webkit-keyframes barUp3 {
    0% {
        transform: scale(1, 0.6);
    }
    100% {
        transform: scale(1, 0.6);
    }
}
@keyframes barUp3 {
    0% {
        transform: scale(1, 0.6);
    }
    100% {
        transform: scale(1, 0.6);
    }
}
@-webkit-keyframes barUp4 {
    0% {
        transform: scale(1, 0.8);
    }
    40% {
        transform: scale(1, 0.8);
    }
    50% {
        transform: scale(1, 0.4);
    }
    90% {
        transform: scale(1, 0.4);
    }
    100% {
        transform: scale(1, 0.8);
    }
}
@keyframes barUp4 {
    0% {
        transform: scale(1, 0.8);
    }
    40% {
        transform: scale(1, 0.8);
    }
    50% {
        transform: scale(1, 0.4);
    }
    90% {
        transform: scale(1, 0.4);
    }
    100% {
        transform: scale(1, 0.8);
    }
}
@-webkit-keyframes barUp5 {
    0% {
        transform: scale(1, 1);
    }
    40% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1, 0.2);
    }
    90% {
        transform: scale(1, 0.2);
    }
    100% {
        transform: scale(1, 1);
    }
}
@keyframes barUp5 {
    0% {
        transform: scale(1, 1);
    }
    40% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1, 0.2);
    }
    90% {
        transform: scale(1, 0.2);
    }
    100% {
        transform: scale(1, 1);
    }
}
/*Loader 15*/
.ms-loader15{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 50px auto;
    position: relative;
    animation: loading15 20s infinite linear;
}
.ms-loader15 .ms-loader-inner{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ms-loader15 .ms-loader-inner:after{
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #FFF;
    position: absolute;
    left: 20px;
    top: 20px;
    animation: loading-2 2s infinite;
}
.ms-loader15 .ms-loader-inner:nth-child(1){
    transform: rotate(0deg);
}
.ms-loader15 .ms-loader-inner:nth-child(1):after{
    animation-delay: -0.5s;
}
.ms-loader15 .ms-loader-inner:nth-child(2){
    transform: rotate(45deg);
}
.ms-loader15 .ms-loader-inner:nth-child(2):after{
    animation-delay: -1s;
}
.ms-loader15 .ms-loader-inner:nth-child(3){
    transform: rotate(90deg);
}
.ms-loader15 .ms-loader-inner:nth-child(3):after{
    animation-delay: -1.5s;
}
.ms-loader15 .ms-loader-inner:nth-child(4){
    transform: rotate(135deg);
}
.ms-loader15 .ms-loader-inner:nth-child(4):after{
    animation-delay: -2s;
}
.ms-loader15 .ms-loader-inner:nth-child(5){
    transform: rotate(180deg);
}
.ms-loader15 .ms-loader-inner:nth-child(5):after{
    animation-delay: -2.5s;
}
.ms-loader15 .ms-loader-inner:nth-child(6){
    transform: rotate(225deg);
}
.ms-loader15 .ms-loader-inner:nth-child(6):after{
    animation-delay: -3s;
}
.ms-loader15 .ms-loader-inner:nth-child(7){
    transform: rotate(270deg);
}
.ms-loader15 .ms-loader-inner:nth-child(7):after{
    animation-delay: -3.5s;
}
.ms-loader15 .ms-loader-inner:nth-child(8){
    transform: rotate(315deg);
}
.ms-loader15 .ms-loader-inner:nth-child(8):after{
    animation-delay: -4;
}
@keyframes loading15{
    100%{
        transform: rotate(-360deg);
    }
}
@keyframes loading-2{
    50%{
        border-radius: 50%;
        transform: scale(0.4,0.4) rotate(-90deg);
    }
}