@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin-reverse{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;overflow:hidden;background:rgba(255,255,255,0.7)}.page-loaded .loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out;display:none}.page-loaded .loader{opacity:0;transition:all .3s ease-out;-webkit-transition:all .3s ease-out}.loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:4px solid transparent;border-top-color:#16a085;border-right-color:#16a085;-webkit-animation:spin 1.7s linear infinite;animation:spin 1.7s linear infinite;z-index:9999999}.loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:4px solid transparent;border-top-color:#e74c3c;border-right-color:#e74c3c;-webkit-animation:spin-reverse .6s linear infinite;animation:spin-reverse .6s linear infinite}.loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:4px solid transparent;border-top-color:#f9c922;border-right-color:#f9c922;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}