<style>
.bubblingG {
text-align: center;
width:80px;
height:50px;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 25px auto;
background: #021047;
-moz-border-radius: 50px;
-moz-animation: bubblingG 0.4s infinite alternate;
-webkit-border-radius: 50px;
-webkit-animation: bubblingG 0.4s infinite alternate;
-ms-border-radius: 50px;
-ms-animation: bubblingG 0.4s infinite alternate;
-o-border-radius: 50px;
-o-animation: bubblingG 0.4s infinite alternate;
border-radius: 50px;
animation: bubblingG 0.4s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

#bubblingG_2 {
-moz-animation-delay: 0.11s;
-webkit-animation-delay: 0.11s;
-ms-animation-delay: 0.11s;
-o-animation-delay: 0.11s;
animation-delay: 0.11s;
}

#bubblingG_3 {
-moz-animation-delay: 0.22s;
-webkit-animation-delay: 0.22s;
-ms-animation-delay: 0.22s;
-o-animation-delay: 0.22s;
animation-delay: 0.22s;
}

@-moz-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#021047;
-moz-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#C7C7D6;
-moz-transform: translateY(-21px);
}

}

@-webkit-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#021047;
-webkit-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#C7C7D6;
-webkit-transform: translateY(-21px);
}

}

@-ms-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#021047;
-ms-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#C7C7D6;
-ms-transform: translateY(-21px);
}

}

@-o-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#021047;
-o-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#C7C7D6;
-o-transform: translateY(-21px);
}

}

@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#021047;
transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#C7C7D6;
transform: translateY(-21px);
}

}

.validateclass {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=22)";
filter: alpha(opacity=22);
-moz-opacity: 0.22;
-khtml-opacity: 0.22;
opacity: 0.22;
border: 2px #db060f solid;

-moz-box-shadow: 0px 1px 9px 4px #888888;
-webkit-box-shadow: 0px 1px 9px 4px #888888;
box-shadow: 0px 1px 9px 4px #888888;

        }
