.pre-loader{position:fixed;width:100%;height:100%;z-index:9999999;display:block;background-color:#ffe8e8;text-align:center;vertical-align:middle}@-webkit-keyframes loading1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading2{0%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes loading2{0%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}div.content-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}div.content-loading{position:relative;top:50%;font:30px "Dancing Script",Arial;color:#1a1a1a}.l1,.l2,.l3{background:#000;height:5px;width:30px;margin:5px;-webkit-animation:loading1 1s 0s infinite ease-in-out;animation:loading1 1s 0s infinite ease-in-out}.l2{-webkit-animation:loading2 .5s 0s infinite ease-in-out alternate;animation:loading2 .5s 0s infinite ease-in-out alternate}.l3{-webkit-animation:loading1 1s 0s infinite ease-in-out reverse;animation:loading1 1s 0s infinite ease-in-out reverse}