%PDF- %PDF-
Direktori : /proc/1857783/root/var/www/pn/wp-content/plugins/ajax-search-pro/css/ |
Current File : //proc/1857783/root/var/www/pn/wp-content/plugins/ajax-search-pro/css/style.loaders.css |
/* AJAX SEARCH PRO FOR WORDPRESS PLUGIN LOADERS CSS This file is NOT included as a whole in the header! The generator script only picks the loaders in use for better page performance and less CSS code. @since 4.6 */ /* !!WARNING!! DO NOT MODIFY THIS FILE! CHANGING THIS FILE MAY LEAD TO PLUGIN MALFUNCTION!! FOR CUSTOM CSS USE THE PLUGIN THEME OPTIONS->CUSTOM CSS PANEL. */ /*[general]*/ div[id*='ajaxsearchpro'] div.asp_loader, div[id*='ajaxsearchpro'] div.asp_loader * { /* display: none; */ box-sizing: border-box !important; margin: 0; padding: 0; /* vertical-align: middle !important; */ box-shadow: none; } div[id*='ajaxsearchpro'] div.asp_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis:28px; max-width: 100%; max-height: 100%; align-items: center; justify-content: center; } div[id*='ajaxsearchpro'] div.asp_loader-inner { width: 100%; margin: 0 auto; text-align: center; /* vertical-align: text-top; */ height: 100%; } /*[general]*/ /*[backend]*/ #wpdreams div.asp_loader { width: 34px; height: 34px; } /*[backend]*/ /*[simple-circle]*/ @-webkit-keyframes rotate-simple { 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 rotate-simple { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } div[id*='ajaxsearchpro'] div.asp_simple-circle { margin: 0; height: 100%; width: 100%; animation: rotate-simple 0.8s infinite linear; -webkit-animation: rotate-simple 0.8s infinite linear; border: 4px solid #fff; border-right-color: transparent; border-radius: 50%; box-sizing: border-box; } /*[simple-circle]*/ /*[ball-pulse]*/ @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } div[id*='ajaxsearchpro'] div.asp_ball-pulse > div:nth-child(0) { -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_ball-pulse > div:nth-child(1) { -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_ball-pulse > div:nth-child(2) { -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_ball-pulse > div:nth-child(3) { -webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_ball-pulse > div { background-color: #fff; width: 20%; height: 20%; border-radius: 100%; margin: 0; margin-top: 40%; margin-left: 10%; float: left; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block; vertical-align: text-top; } /*[ball-pulse]*/ /*[ball-pulse-sync]*/ @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10%); transform: translateY(10%); } 66% { -webkit-transform: translateY(10%); transform: translateY(10%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(50%); transform: translateY(50%); } 66% { -webkit-transform: translateY(50%); transform: translateY(50%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync { height: 20%; } div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div:nth-child(0) { -webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div:nth-child(1) { -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div:nth-child(2) { -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div:nth-child(3) { -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div { background-color: #fff; width: 20%; margin-left: 10%; height: 100%; vertical-align: top; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block; float: left; } /*[ball-pulse-sync]*/ /*[ball-scale]*/ @-webkit-keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } div[id*='ajaxsearchpro'] div.asp_ball-scale > div { background-color: #fff; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 100%; width: 100%; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } /*[ball-scale]*/ /*[ball-rotate]*/ @-webkit-keyframes rotate-simple { 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 rotate-simple { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } div[id*='ajaxsearchpro'] div.asp_ball-rotate { position: relative; width: 100%; width: 100%; } div[id*='ajaxsearchpro'] div.asp_ball-rotate > div { background-color: #fff; width: 20%; height: 20%; border-radius: 100%; margin-left: 40%; margin-top: 40%; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: relative; } div[id*='ajaxsearchpro'] div.asp_ball-rotate > div:first-child { -webkit-animation: rotate-simple 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite; animation: rotate-simple 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite; } div[id*='ajaxsearchpro'] div.asp_ball-rotate > div:before, .ball-rotate > div:after { background-color: #fff; width: 100%; height: 100%; border-radius: 100%; margin: 0; content: ""; position: absolute; opacity: 0.8; } div[id*='ajaxsearchpro'] div.asp_ball-rotate > div:before { top: 0px; left: -150%; } div[id*='ajaxsearchpro'] div.asp_ball-rotate > div:after { top: 0px; left: 150%; } /*[ball-rotate]*/ /*[ball-simple-rotate]*/ @-webkit-keyframes rotate-simple { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes rotate-simple { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes rotate-pulse { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate > div, div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div { background-color: #fff; border-radius: 100%; margin: 9%; /* LEAVE IT AT 9%, weird bug!! */ -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 2px solid #fff; border-bottom-color: transparent; height: 80%; width: 80%; box-sizing: border-box !important; background: transparent !important; display: block; -webkit-animation: rotate-pulse 0.75s 0s linear infinite; animation: rotate-pulse 0.75s 0s linear infinite; } div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div { -webkit-animation: rotate-simple 0.75s 0s linear infinite; animation: rotate-simple 0.75s 0s linear infinite; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 100%; width: 100%; -webkit-animation: rotate-pulse 1s 0s ease-in-out infinite; animation: rotate-pulse 1s 0s ease-in-out infinite; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div:last-child, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div:last-child { display: inline-block; top: 50%; left: 50%; width: 50%; height: 50%; margin-top: -25%; margin-left: -25%; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: #fff transparent #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div { -webkit-animation: rotate-simple 1s 0s ease-in-out infinite; animation: rotate-simple 1s 0s ease-in-out infinite; } /*[ball-simple-rotate]*/ /*[ball-clip-rotate]*/ @-webkit-keyframes rotate-simple { 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 rotate-simple { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes rotate-pulse { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate > div, div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div { background-color: #fff; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 2px solid #fff; border-bottom-color: transparent; height: 80%; width: 80%; background: transparent !important; display: inline-block; -webkit-animation: rotate-pulse 0.75s 0s linear infinite; animation: rotate-pulse 0.75s 0s linear infinite; } div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div { -webkit-animation: rotate-simple 0.75s 0s linear infinite; animation: rotate-simple 0.75s 0s linear infinite; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 100%; width: 100%; -webkit-animation: rotate-pulse 1s 0s ease-in-out infinite; animation: rotate-pulse 1s 0s ease-in-out infinite; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div:last-child, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div:last-child { display: inline-block; top: 50%; left: 50%; width: 50%; height: 50%; margin-top: -25%; margin-left: -25%; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: #fff transparent #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div { -webkit-animation: rotate-simple 1s 0s ease-in-out infinite; animation: rotate-simple 1s 0s ease-in-out infinite; } /*[ball-clip-rotate]*/ /*[ball-clip-rotate-simple]*/ @-webkit-keyframes rotate-simple { 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 rotate-simple { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes rotate-pulse { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate > div, div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div { background-color: #fff; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 2px solid #fff; border-bottom-color: transparent; height: 80%; width: 80%; background: transparent !important; display: inline-block; -webkit-animation: rotate-pulse 0.75s 0s linear infinite; animation: rotate-pulse 0.75s 0s linear infinite; } div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div { -webkit-animation: rotate-simple 0.75s 0s linear infinite; animation: rotate-simple 0.75s 0s linear infinite; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 100%; width: 100%; -webkit-animation: rotate-pulse 1s 0s ease-in-out infinite; animation: rotate-pulse 1s 0s ease-in-out infinite; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div:last-child, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div:last-child { display: inline-block; top: 50%; left: 50%; width: 50%; height: 50%; margin-top: -25%; margin-left: -25%; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: #fff transparent #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div { -webkit-animation: rotate-simple 1s 0s ease-in-out infinite; animation: rotate-simple 1s 0s ease-in-out infinite; } /*[ball-clip-rotate-simple]*/ /*[ball-clip-rotate-multiple]*/ @-webkit-keyframes rotate-simple { 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 rotate-simple { 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 rotate-pulse { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate > div, div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div { background-color: #fff; border-radius: 100%; margin: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 2px solid #fff; border-bottom-color: transparent; height: 100%; width: 100%; background: transparent !important; display: inline-block; -webkit-animation: rotate-pulse 0.75s 0s linear infinite; animation: rotate-pulse 0.75s 0s linear infinite; } div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div { -webkit-animation: rotate-simple 0.75s 0s linear infinite; animation: rotate-simple 0.75s 0s linear infinite; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 100%; width: 100%; -webkit-animation: rotate-pulse 1s 0s ease-in-out infinite; animation: rotate-pulse 1s 0s ease-in-out infinite; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div:last-child, div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div:last-child { display: inline-block; top: 50%; left: 50%; width: 50%; height: 50%; margin-top: -25%; margin-left: -25%; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: #fff transparent #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse; } div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div { -webkit-animation: rotate-simple 1s 0s ease-in-out infinite; animation: rotate-simple 1s 0s ease-in-out infinite; } /*[ball-clip-rotate-multiple]*/ /*[ball-scale-ripple]*/ @-webkit-keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } div[id*='ajaxsearchpro'] div.asp_ball-scale-ripple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; height: 100%; width: 100%; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8); } /*[ball-scale-ripple]*/ /*[ball-scale-ripple-multiple]*/ @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } div[id*='ajaxsearchpro'] div.asp_ball-scale-ripple-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchpro'] div.asp_ball-scale-ripple-multiple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } div[id*='ajaxsearchpro'] div.asp_ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } div[id*='ajaxsearchpro'] div.asp_ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } div[id*='ajaxsearchpro'] div.asp_ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } div[id*='ajaxsearchpro'] div.asp_ball-scale-ripple-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); } /*[ball-scale-ripple-multiple]*/ /*[ball-beat]*/ @-webkit-keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } div[id*='ajaxsearchpro'] div.asp_ball-beat { height: 20%; } div[id*='ajaxsearchpro'] div.asp_ball-beat > div { background-color: #fff; width: 20%; height: 100%; margin-left: 10%; display: block; float: left; /* margin-top: 40%; */ border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear; vertical-align: top; } div[id*='ajaxsearchpro'] div.asp_ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: -0.35s !important; animation-delay: -0.35s !important; } /*[ball-beat]*/ /*[ball-scale-multiple]*/ @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } div[id*='ajaxsearchpro'] div.asp_ball-scale-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchpro'] div.asp_ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } div[id*='ajaxsearchpro'] div.asp_ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } div[id*='ajaxsearchpro'] div.asp_ball-scale-multiple > div { background-color: #fff; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } /*[ball-scale-multiple]*/ /*[ball-grid-beat]*/ @-webkit-keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat { /* width: 80%; */ } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(1) { -webkit-animation-delay: -0.07s; animation-delay: -0.07s; -webkit-animation-duration: 1.53s; animation-duration: 1.53s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(2) { -webkit-animation-delay: 0.72s; animation-delay: 0.72s; -webkit-animation-duration: 0.94s; animation-duration: 0.94s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(3) { -webkit-animation-delay: 0.11s; animation-delay: 0.11s; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(4) { -webkit-animation-delay: 0.13s; animation-delay: 0.13s; -webkit-animation-duration: 1.01s; animation-duration: 1.01s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(5) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(6) { -webkit-animation-delay: 0.18s; animation-delay: 0.18s; -webkit-animation-duration: 0.97s; animation-duration: 0.97s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(7) { -webkit-animation-delay: -0.09s; animation-delay: -0.09s; -webkit-animation-duration: 0.67s; animation-duration: 0.67s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(8) { -webkit-animation-delay: 0.42s; animation-delay: 0.42s; -webkit-animation-duration: 0.92s; animation-duration: 0.92s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div:nth-child(9) { -webkit-animation-delay: 0.52s; animation-delay: 0.52s; -webkit-animation-duration: 1.43s; animation-duration: 1.43s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-beat > div { background-color: #fff; width: 33%; height: 33%; border-radius: 100%; /* margin: 2px; */ -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-beat; animation-name: ball-grid-beat; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } /*[ball-grid-beat]*/ /*[ball-grid-pulse]*/ @-webkit-keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(1) { -webkit-animation-delay: 0.73s; animation-delay: 0.73s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(2) { -webkit-animation-delay: 0.32s; animation-delay: 0.32s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(3) { -webkit-animation-delay: 0.71s; animation-delay: 0.71s; -webkit-animation-duration: 0.88s; animation-duration: 0.88s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(4) { -webkit-animation-delay: 0.62s; animation-delay: 0.62s; -webkit-animation-duration: 1.06s; animation-duration: 1.06s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(5) { -webkit-animation-delay: 0.31s; animation-delay: 0.31s; -webkit-animation-duration: 0.62s; animation-duration: 0.62s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(6) { -webkit-animation-delay: -0.14s; animation-delay: -0.14s; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(7) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-animation-duration: 1.47s; animation-duration: 1.47s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-duration: 1.49s; animation-duration: 1.49s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div:nth-child(9) { -webkit-animation-delay: 0.73s; animation-delay: 0.73s; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } div[id*='ajaxsearchpro'] div.asp_ball-grid-pulse > div { background-color: #fff; width: 33%; height: 33%; border-radius: 100%; margin: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } /*[ball-grid-pulse]*/ /*[ball-spin-fade-loader]*/ @-webkit-keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader { position: relative; width: 100%; height: 100%; top: 50%; left: 50%; /* margin-left: -20%; */ /* margin-top: -40%; */ } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div:nth-child(1) { top: 20%; left: -10%; -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear; animation: ball-spin-fade-loader 1s -0.96s infinite linear; } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div:nth-child(2) { top: 10%; left: 10%; -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear; animation: ball-spin-fade-loader 1s -0.84s infinite linear; } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div:nth-child(3) { top: -10%; left: 20%; -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear; animation: ball-spin-fade-loader 1s -0.72s infinite linear; } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div:nth-child(4) { top: -30%; left: 10%; -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear; animation: ball-spin-fade-loader 1s -0.6s infinite linear; } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div:nth-child(5) { top: -40%; left: -10%; -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear; animation: ball-spin-fade-loader 1s -0.48s infinite linear; } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div:nth-child(6) { top: -30%; left: -30%; -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear; animation: ball-spin-fade-loader 1s -0.36s infinite linear; } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div:nth-child(7) { top: -10%; left: -40%; -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear; animation: ball-spin-fade-loader 1s -0.24s infinite linear; } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div:nth-child(8) { top: 10%; left: -30%; -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear; animation: ball-spin-fade-loader 1s -0.12s infinite linear; } div[id*='ajaxsearchpro'] div.asp_ball-spin-fade-loader > div { background-color: #fff; width: 20%; height: 20%; border-radius: 100%; /* margin: 2px; */ -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; } /*[ball-spin-fade-loader]*/ /*[line-scale]*/ @-webkit-keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } div[id*='ajaxsearchpro'] div.asp_line-scale > div:nth-child(1) { -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_line-scale > div:nth-child(2) { -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_line-scale > div:nth-child(3) { -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_line-scale > div:nth-child(4) { -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_line-scale > div:nth-child(5) { -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08); } div[id*='ajaxsearchpro'] div.asp_line-scale > div { background-color: #fff; width: 5%; height: 60%; margin-top: 20%; border-radius: 2px; margin-left: 12%; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block; float: left; } /*[line-scale]*/ /*[line-scale-party]*/ @-webkit-keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } div[id*='ajaxsearchpro'] div.asp_line-scale-party > div:nth-child(1) { -webkit-animation-delay: 0.23s; animation-delay: 0.23s; -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } div[id*='ajaxsearchpro'] div.asp_line-scale-party > div:nth-child(2) { -webkit-animation-delay: 0.09s; animation-delay: 0.09s; -webkit-animation-duration: 1s; animation-duration: 1s; } div[id*='ajaxsearchpro'] div.asp_line-scale-party > div:nth-child(3) { -webkit-animation-delay: 0.44s; animation-delay: 0.44s; -webkit-animation-duration: 0.65s; animation-duration: 0.65s; } div[id*='ajaxsearchpro'] div.asp_line-scale-party > div:nth-child(4) { -webkit-animation-delay: -0.12s; animation-delay: -0.12s; -webkit-animation-duration: 1.01s; animation-duration: 1.01s; } div[id*='ajaxsearchpro'] div.asp_line-scale-party > div { background-color: #fff; width: 10%; height: 60%; margin-top: 20%; margin-left: 12%; border-radius: 2px; float: left; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } /*[line-scale-party]*/ /*[line-scale-pulse-out]*/ @-webkit-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } div[id*='ajaxsearchpro'] div.asp_line-scale-pulse-out > div { background-color: #fff; width: 5%; height: 60%; border-radius: 2px; margin-top: 20%; margin-left: 12%; float: left; display: block; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(.85, .25, .37, .85); animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(.85, .25, .37, .85); } div[id*='ajaxsearchpro'] div.asp_line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -0.4s !important; animation-delay: -0.4s !important; } div[id*='ajaxsearchpro'] div.asp_line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: -0.2s !important; animation-delay: -0.2s !important; } /*[line-scale-pulse-out]*/ /*[line-scale-pulse-out-rapid]*/ @-webkit-keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } div[id*='ajaxsearchpro'] div.asp_line-scale-pulse-out-rapid > div { background-color: #fff; width: 5%; height: 60%; border-radius: 2px; margin-top: 20%; margin-left: 12%; float: left; display: block; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(.11, .49, .38, .78); animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(.11, .49, .38, .78); } div[id*='ajaxsearchpro'] div.asp_line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { -webkit-animation-delay: -0.25s !important; animation-delay: -0.25s !important; } div[id*='ajaxsearchpro'] div.asp_line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; } /*[line-scale-pulse-out-rapid]*/ /*[line-spin-fade-loader]*/ @-webkit-keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader { position: relative; top: 50%; left: 50%; width: 100%; height: 100%; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div:nth-child(1) { top: 15%; left: -5%; -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div:nth-child(2) { top: 5%; left: 15%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div:nth-child(3) { top: -15%; left: 25%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div:nth-child(4) { top: -35%; left: 15%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div:nth-child(5) { top: -45%; left: -5%; -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div:nth-child(6) { top: -35%; left: -25%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div:nth-child(7) { top: -15%; left: -35%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div:nth-child(8) { top: 5%; left: -25%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_line-spin-fade-loader > div { background-color: #fff; /* width: 4px; */ /* height: 35px; */ border-radius: 2px; /* margin: 2px; */ -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5%; height: 30%; } /*[line-spin-fade-loader]*/ /*[cube-transition]*/ @-webkit-keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes cube-transition { 25% { -webkit-transform: translateX(175%) scale(0.5) rotate(-90deg); transform: translateX(175%) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(150%, 150%) rotate(-180deg); transform: translate(150%, 150%) rotate(-180deg); } 75% { -webkit-transform: translateY(175%) scale(0.5) rotate(-270deg); transform: translateY(175%) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } div[id*='ajaxsearchpro'] div.asp_cube-transition { position: relative; width: 100%; height: 100%;} div[id*='ajaxsearchpro'] div.asp_cube-transition > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 40%; height: 40%; position: absolute; top: 0; left: 0; background-color: #fff; -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out; animation: cube-transition 1.6s 0s infinite ease-in-out; } div[id*='ajaxsearchpro'] div.asp_cube-transition > div:last-child { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } /*[cube-transition]*/