#loading {
    background-color: #6a006a;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 150px;
    margin-top: -25px;
    margin-left: -75px;
}

#loading-image {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAlCAYAAAAHgqbCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACj9JREFUeNrsXV1oXEUUnt2kCEZMUixUBdtuUVD6k5L44A9mxYRSqDSgaX0oZAW78afS+LR5KDTVl923Fis1AWHrSzEpmvZJzdYm+iLaSCL1B7HbFF/qD91EqYZiEs9pzm0m05m5M/end23vgcPN7r333Duz55vvnHNnbhLz8/PMRhKJxH2w2Q/6wMLCwnbT8+bm5lhtbS2LJZb/kyQtwbEFNpOgr4D+G3dfLDFAlsBxB2xOgN5DX83E3RdLDJAl2Q2a4j6vjrsvlltdbJKCTuHz08AqX8H2V9AzoEcgJ7kad2kstxVAAAQ1sMmBPiPsWgH6KP2Nyfo60NfjLo3ltgEIgONOyju2GdjaS3nKW8Akv8RdG8stnYOAs6+i0Gmbhb09oN/DuS/EXRvLLcsg4OB1sPkEdIsHm3eBHgcbdwOTDHA2bzhwZGREa6i9vT3+hSTi1m9xPwYnCdmDQnDmImy6fNpGw2kAyRf4AbYsmUx6tdUE2qDYNwE6bWAjHXJfTtO92EgHtU3VvlHQKdBhXRt1gInBETBAAByYeH8VkH38cR8BcPyjYhEDWQt6QbP/IGifgZ2FkPtyzBCEa+l+bQegk6CHCDRGAHHAIe6H77Fcj1VJ3GYlp46DDoGW4dwhS7Zy+hnPXR90J4N9LBjl6WM3XGPA5fhGamMbKS9lUDx/HOyUZP0nG9L3BdgedAa/lS035+/RsEs1Cd5jkcDuhZ13UE447LW98IO3gSJazpOTZRWHNtP+QXR4ckpbScF5nQGDA509Zwmmy9SWNtk90r4R7BcaONRJOpV0twfsGG0+narD5Zh60EyVg6OJwq+uAGztIBZpsMk74PMgOgL3e1RAe0lxJEZ6b+G+K3On5+H8yx4cPhtwP6K9RkNwjHBMw7d1Jeh6+rsg+OlZESRikv4gOZwXuQiKExlXcN99DPqqjw7pMbyfHgo/qhUcoz76VSabyWaaz00QFJJwK0XOkuLCp4IsdILvxmk/SgHOa+ZG30ZilF44rmA6OCJrycKXMNkDjuUZYwiuv1M4pOKAA47F7SDXxhECkBQgay2T8CRR2B7IMz4EBnoI/v4M9H7Q70Cfg+//9gkQE1lDLFJ0yVXcJEO2ZOAvGuRbqrCq3iV3KdL5DjM0EXNmNOdupvCzR2QM7u8U/eAOOBAYvRbVsvFFc8vi/jwB0RQkeG4pgEHBiD2IAXIacIhtrMA5eMxZ6iccULJOblOrC7kMqjb4I04CCP6kStVPABKk6VbQT32CI2M56va5OLFJIp9WAGTK8HzZNTcr9s1QG4cl/TpK6rRph8LGPmLOKcX+QQ4cNiO/6ETIJjjq9nMgKRGAbhaLmIZrfBg4YNg+BMkANwh0OucmJT+OqWAs9zamLstKRQsLl0A/AK2ElJxf1LBImlWPrNUUPGboXocNB6Ex3UCiKOXmKNl2mKPgpzE0og4I4NNJWbgXP+FVlgN62eXwRqEaZypDXJ5SUoVYP3qIhU8Ba2wFQMwG6FyqkZyRw6hi+r4qAkmPC/htnplk2I2l7jGyMaqpzjgOVQiiQQCSbkzo+bwAR18NQEo08vtlkRyXO/AjvRYgmnuTtU3aT0lh9L9MuYONPAX6fsLjQw5L9nCcQpWQt1YRQDo07GFbUMAQ6g3QF9ni7IYEtbNHAZBlYYaNo1gCxs1uwW9FS2APE6CXuXOb/bZRlnOc9GAHf5A3AwxNWhX7isJWNdpWQ3ilYsBhjzYPUbsnXBzKUxweEoDKFLpcuyfZcwYP7GEMEL+hnQogpzza2g8ksi2AftXlHkVuRD2mOK6L2VXjwgKISiZCdEgnxGjmYvBKxH0x4NVhMSxjyytwFYM+GOJA0knPfwIFyNegv3m0dwxAstKnY3W5sAczYJG+iJ2iKQqAkDR7TFLDAm2JS3qzlixiyx6OdPPRDc0GyFO45g8gkIfMu1RNdLLKJYEySUaZIUAw9p7UsEiU00+ivHZKEW5EKQVbFiH2aLNhDwGU7QJ74nX7CSw4KyBnMoVG9dzjcx+d8RKwyMMenUpV+TnG5LX+Qx6rSLFUP4t4ZY/r1wTFaKZXMlA00kCeJ8CcV4ElDIBgheVlj1WfekP24L+f0QCk4Tb0x0SV3pcxi/hhDwlQ8Pz1NNesmwAzJGFdZ75ZmwlAzoH+5aMzng0wOZ9k8lKmG4tEOYlxymMCH4SUFeFWNbFIJ82tcmMPxgKswuHDTgLMTgKMM2mxwjHLCF8elgKE8pAvfdzLOlqfbpN7qMqi+DByQaMHqjDMmvKYwLsVMEzANa5I2KuJRZw1GjL2SHHsEdozHAJMmQCzUmCVwWUAAWfeBfot6FXQBVRKcvzILNlDu7t8JOd+ZE1ELKJjvLRHm/j85AKBr0ghaYPgXPijX+ZYpJkZTg+PgEVyChbJKcKysO9tJ3dvKYdFkuC8m2B7HHQjWz5VPQhZQXZxjfpGjcO0htj2voj8YUzDiLYgSbOlSY8IeqzSfUShgSzEfI/7O8uqS5QsQuyR5djjZlfhBkT2RQZZfRMSO7R/701mD55F0hE4QjFA0PZZhnP8w96sS7zvWbzYJRYZV7BIJOyhCE+v3RdOVjzNFt999XyIFz4xNzd3uqamRhZXqx4MXnSJ5UVpYOqp5X0RgKRI15XlVq20P2NoR8WwMzIgghOeA8c7zBZnEzvrI3oDAATG5s40FlzH3eJjpO7nWKQQFHvQqkenOGE6JX8ZKEiu5T5JSMjnQNHoBtB3WHAvN0A7R9Au2p+dnZ2zHBkz5NSm2sTUU+GjmsSoKxLgwDDB1JMa05TL6JbpYng1LXtpA3yH1/6GG6n9TjnPseVzvLr9VJO4PCknWS3ohz2cmcx5duPrct2EL/GWxCrW46CvBRhuoZ29oI/hhytXrshG/A4Ne4wGnG9EUdHCxPqwZv9myiX4RVKjxJxnXHKzSYNQbTfniHlaiuoVHPy5vZYjs0ku0hlQ7jEuhJcpwzbyKxFLzj04VawnYXM0JCc5CvafUDhsvWZk9OqQqgeHO1g0kxixncdcjqknMDi6xuX4GXFwUbDID7DZKozWZ01fvsC9BUUEh+/8QGCRPBfe+F3YxVfKnHX0Kbd2ssUlt849XA9Ha2kdB4KjJiQHwTzn3bq6uk1C+JaxiasNZZrAdUDDMJkIQJIhZjjE/L+8YZLAMSVxDpnD/AwO0EIxfydVZwZpCa3jjBV0WCpttnHVr5QQk3fbvifLgEX6+bAmoMoVhn+D1FbU8/RyhgrlTiWauNjIbnxfVjvPjrVE8xtCdhC0v4ktTS7MMP16iWkf1ypqANJFIJmKACRFtrTO3Mvrf5yFVrYVMGdh004aKfNs6flInhtF+zUmAmENGYtQ+GazIMrELoKshdqUFStkiiXKZRoASuLo/jvoJRbuP8RB+39wnzGhHgs4vHIEnf+gJilv0gBkwvJ7L/eWISfvIG11AcUoDRriwJGwLajQj99i8WbFitubCwNkkVIQrwcS2tuNryni2DCruH5Z1c7/BBgAn42rPne5LbQAAAAASUVORK5CYII=') no-repeat;
    height: 80px;
    width: 200px;
    position: absolute;
    left: 25%;
    right: 25%;
    top: 35%;
    margin: auto;
}

.object {
    width: 8px;
    height: 50px;
    margin-right: 5px;
    background-color: #FFF;
    -webkit-animation: animate 1s infinite;
    animation: animate 1s infinite;
    float: left;
}

    .object:last-child {
        margin-right: 0px;
    }

    .object:nth-child(10) {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }

    .object:nth-child(9) {
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    .object:nth-child(8) {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }

    .object:nth-child(7) {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .object:nth-child(6) {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .object:nth-child(5) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .object:nth-child(4) {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .object:nth-child(3) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .object:nth-child(2) {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }



@-webkit-keyframes animate {

    50% {
        -ms-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes animate {
    50% {
        -ms-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}