.loader__wrapper{width:100%;height:100%;position:fixed;top:0;right:0;z-index:100;display:none}.loader__wrapper .loader__inner-wrapper{position:absolute;width:100%;height:100%;background:#939393;opacity:.6;top:0;right:0}@-webkit-keyframes loader{0%{width:10%;-webkit-transform:rotate(0);transform:rotate(0)}10%{left:0;-webkit-transform:rotate(0);transform:rotate(0)}20%{width:0%;left:20%}30%{width:25%}50%{left:15%;width:35%}70%{width:30%;left:18%;-webkit-transform:rotate(240deg);transform:rotate(240deg)}90%{width:30%;left:10%}100%{width:2%;left:25%;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loader{0%{width:10%;-moz-transform:rotate(0);transform:rotate(0)}10%{left:0;-moz-transform:rotate(0);transform:rotate(0)}20%{width:0%;left:20%}30%{width:25%}50%{left:15%;width:35%}70%{width:30%;left:18%;-moz-transform:rotate(240deg);transform:rotate(240deg)}90%{width:30%;left:10%}100%{width:2%;left:25%;-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{0%{width:10%;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}10%{left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}20%{width:0%;left:20%}30%{width:25%}50%{left:15%;width:35%}70%{width:30%;left:18%;-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}90%{width:30%;left:10%}100%{width:2%;left:25%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pan{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top right;transform-origin:top right}10%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg);-webkit-transform-origin:top right;transform-origin:top right}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@-moz-keyframes pan{0%{-moz-transform:rotate(0);transform:rotate(0);-moz-transform-origin:top right;transform-origin:top right}10%{-moz-transform:rotate(-2deg);transform:rotate(-2deg);-moz-transform-origin:top right;transform-origin:top right}50%{-moz-transform:rotate(15deg);transform:rotate(15deg)}100%{-moz-transform:rotate(0);transform:rotate(0)}}@keyframes pan{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top right;-moz-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right}10%{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg);-webkit-transform-origin:top right;-moz-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right}50%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes shadow{0%,100%{width:30%}50%{width:40%;left:20px}}@-moz-keyframes shadow{0%,100%{width:30%}50%{width:40%;left:20px}}@keyframes shadow{0%,100%{width:30%}50%{width:40%;left:20px}}.pan-loader{width:180px;height:180px;position:absolute;margin:0;top:50%;right:50%;-webkit-transform:translate3d(50%,-50%,0);-moz-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.pan-loader .loader{position:relative;top:10%;left:0;z-index:-1;width:60%;height:45%;border:10px solid transparent;border-bottom:10px solid #51da60;-webkit-border-radius:50%;border-radius:50%;-webkit-animation:2s linear infinite loader;-moz-animation:2s linear infinite loader;animation:2s linear infinite loader}.pan-loader .pan-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-animation:2s infinite pan;-moz-animation:2s infinite pan;animation:2s infinite pan}.pan-loader .pan{width:60%;height:20px;background:#1990e7;-webkit-border-bottom-right-radius:20px;border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;border-bottom-left-radius:20px}.pan-loader .handle{width:40%;height:10px;background:#0a6db5;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;border-radius:10px}.pan-loader .shadow{position:relative;top:15%;left:15%;width:30%;height:8px;background:#d3d3d3;-webkit-border-radius:20px;border-radius:20px;-webkit-animation:2s infinite shadow;-moz-animation:2s infinite shadow;animation:2s infinite shadow}