#loading{background:#000000c1;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999999999999;}
.loader{
    position: absolute;
    left:50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 50px;
    height: 50px;
    margin: -50px 0 0 -35px;
    border: 10px solid #fff0;
    border-radius: 50%;
    border-top: 10px solid #fbed43;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 0.3s linear infinite;
    background:#fff0;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
 
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
 
 
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}
 
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
}
 
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}