/*-------------------------------------------------------------- ## Page Loader --------------------------------------------------------------*/ .attesaLoader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; height: 100%; } .aLoader1 { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%; width: 30px; height: 30px; border: 3px solid transparent; -webkit-animation: aLoader1spin 0.5s infinite linear; animation: aLoader1spin 0.5s infinite linear; } @-webkit-keyframes aLoader1spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes aLoader1spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .aLoader2 { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border-radius: 50%; opacity: 1; -webkit-animation: aLoader2pulse 1.5s infinite ease-in-out; animation: aLoader2pulse 1.5s infinite ease-in-out; } @-webkit-keyframes aLoader2pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: .8; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes aLoader2pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: .8; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }