.loading
 { position : fixed;
   display : none;
   top : calc(50% - 35px);
   left: 50%;
   transform: translateX(-50%);
   z-index : 100;
 }
.loading div:nth-child(1)
 { border : 8px solid white;
   border-radius : 50%;
   border-top : 8px solid #3498db;
   width : 80px;
   height : 80px;
   -webkit-animation : spin 2s linear infinite;
   animation : spin 2s linear infinite;
 }
.loading div:nth-child(2)
 { position : absolute;
   top : 30px;
   text-align : center;
   width : 80px;
   -webkit-animation : fade 1.5s linear infinite;
   text-shadow : -1px -1px 0 white, 1px -1px 0 white, -1px  1px 0 white, 1px  1px 0 white;
 }
@-webkit-keyframes spin
 { 0%
    { -webkit-transform: rotate(0deg);
    }
   100%
    { -webkit-transform: rotate(360deg);
    }
 }
@keyframes spin
 { 0%
    { transform: rotate(0deg);
    }
   100%
    { transform: rotate(360deg);
    }
 }
@keyframes blink-animation
 { to
    { opacity : 0;
    }
 }
.loader-block
 { height : 100%;
   width : 100vw;
   background-color : #000;
   position : fixed;
   position : fixed;
   margin-left : auto;
   margin-right : auto;
   margin-top : auto;
   margin-bottom : auto;
   left : 0;
   right : 0;
   top : 0;
   bottom : 0;
   z-index : 99;
   opacity : 0.5;
   display : none;
 }