#bg-particles {}

.site-bg {background:#0077B5; position:absolute; border-radius:100%; opacity:0;}
.site-bg.active {
    width: 100px;
    height: 100px;
    -webkit-transform: translate3d(0, 0, 0) scale3d(40, 40, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(40, 40, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(40, 40, 1);
    transform: translate3d(0, 0, 0) scale3d(40, 40, 1);
    -webkit-transition-property: width, height, border-radius, transform;
    -moz-transition-property: width, height, border-radius, transform;
    -o-transition-property: width, height, border-radius, transform;
    transition-property: width, height, border-radius, transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-radius: 0;
    z-index: 2;
    display: block;
    opacity: 1;
}