.ptr-element{position:absolute;top:0;left:0;width:100%;color:#fff;z-index:10;text-align:center;height:50px;transition:all}.ptr-element .genericon{opacity:.6;font-size:34px;width:auto;height:auto;transition:all .25s ease;transform:rotate(90deg);margin-top:5px}.ptr-refresh .ptr-element .genericon{transform:rotate(270deg)}.ptr-loading .ptr-element .genericon,.ptr-reset .ptr-element .genericon{display:none}.loading{display:inline-block;text-align:center;opacity:.4;margin:12px 0 0 5px;display:none}.ptr-loading .loading{display:block}.loading span{display:inline-block;vertical-align:middle;width:10px;height:10px;margin-right:3px;transform:scale(.3);border-radius:50%;animation:ptr-loading .4s infinite alternate}.loading-ptr-1{animation-delay:0!important}.loading-ptr-2{animation-delay:.2s!important}.loading-ptr-3{animation-delay:.4s!important}@keyframes ptr-loading{0%{transform:translateY(0) scale(.3);opacity:0}to{transform:scale(1);background-color:#fff;opacity:1}}.ptr-loading .ptr-element,.ptr-loading .refresh-view,.ptr-reset .ptr-element,.ptr-reset .refresh-view{transition:all .25s ease}.ptr-reset .refresh-view{transform:translateZ(0)}.ptr-loading .refresh-view{transform:translate3d(0,30px,0)}