#loader{position:absolute;left:50%;top:50%;z-index:1;margin:-75px 0 0 -75px;border:8px solid #f3f3f3;border-radius:50%;border-top:8px solid #f39c12;width:60px;height:60px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;}@-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:0;opacity:1;}}@keyframes animatebottom{from{bottom:-100px;opacity:0;}to{bottom:0;opacity:1;}}