/******* Author LeVanToan - https://levantoan.com *********/ ul.pagination li { list-style: none; float: left; margin: 0; padding: 0; } ul.pagination li a { padding: 5px 10px; display: block; } ul.pagination li.active { padding: 5px 10px; } div#result_ajaxp { position: relative; display: table; } div#result_ajaxp:after { display: table; content: " "; clear: both; } /*CSS load*/ #circularG { position: relative; width: 30px; height: 30px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .circularG { position: absolute; background-color: #000000; width: 7px; height: 7px; -moz-border-radius: 5px; -moz-animation-name: bounce_circularG; -moz-animation-duration: 0.56s; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -webkit-border-radius: 5px; -webkit-animation-name: bounce_circularG; -webkit-animation-duration: 0.56s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -ms-border-radius: 5px; -ms-animation-name: bounce_circularG; -ms-animation-duration: 0.56s; -ms-animation-iteration-count: infinite; -ms-animation-direction: normal; -o-border-radius: 5px; -o-animation-name: bounce_circularG; -o-animation-duration: 0.56s; -o-animation-iteration-count: infinite; -o-animation-direction: normal; border-radius: 5px; animation-name: bounce_circularG; animation-duration: 0.56s; animation-iteration-count: infinite; animation-direction: normal; } #circularG_1 { left: 0; top: 12px; -moz-animation-delay: 0.21s; -webkit-animation-delay: 0.21s; -ms-animation-delay: 0.21s; -o-animation-delay: 0.21s; animation-delay: 0.21s; } #circularG_2 { left: 3px; top: 3px; -moz-animation-delay: 0.28s; -webkit-animation-delay: 0.28s; -ms-animation-delay: 0.28s; -o-animation-delay: 0.28s; animation-delay: 0.28s; } #circularG_3 { top: 0; left: 12px; -moz-animation-delay: 0.35s; -webkit-animation-delay: 0.35s; -ms-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s; } #circularG_4 { right: 3px; top: 3px; -moz-animation-delay: 0.42s; -webkit-animation-delay: 0.42s; -ms-animation-delay: 0.42s; -o-animation-delay: 0.42s; animation-delay: 0.42s; } #circularG_5 { right: 0; top: 12px; -moz-animation-delay: 0.49s; -webkit-animation-delay: 0.49s; -ms-animation-delay: 0.49s; -o-animation-delay: 0.49s; animation-delay: 0.49s; } #circularG_6 { right: 3px; bottom: 3px; -moz-animation-delay: 0.56s; -webkit-animation-delay: 0.56s; -ms-animation-delay: 0.56s; -o-animation-delay: 0.56s; animation-delay: 0.56s; } #circularG_7 { left: 12px; bottom: 0; -moz-animation-delay: 0.63s; -webkit-animation-delay: 0.63s; -ms-animation-delay: 0.63s; -o-animation-delay: 0.63s; animation-delay: 0.63s; } #circularG_8 { left: 3px; bottom: 3px; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } @-moz-keyframes bounce_circularG { 0% { -moz-transform: scale(1) } 100% { -moz-transform: scale(.3) } } @-webkit-keyframes bounce_circularG { 0% { -webkit-transform: scale(1) } 100% { -webkit-transform: scale(.3) } } @-ms-keyframes bounce_circularG { 0% { -ms-transform: scale(1) } 100% { -ms-transform: scale(.3) } } @-o-keyframes bounce_circularG { 0% { -o-transform: scale(1) } 100% { -o-transform: scale(.3) } } @keyframes bounce_circularG { 0% { transform: scale(1) } 100% { transform: scale(.3) } } .loading_ajaxp { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.05); display: none; }