#mainGraphic{position:relative;width:100%;height:auto;padding-bottom:100%}#mainGraphic .screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.bg-circle,.orb,.icon{position:absolute}.bg-circle{z-index:6}.yellow,.red{-webkit-animation:orbitSmall 20s linear infinite;-moz-animation:orbitSmall 20s linear infinite;-o-animation:orbitSmall 20s linear infinite;animation:orbitSmall 20s linear infinite}.green,.blue{-webkit-animation:orbitLarge 20s linear infinite;-moz-animation:orbitLarge 20s linear infinite;-o-animation:orbitLarge 20s linear infinite;animation:orbitLarge 20s linear infinite}.green{max-width:30%;left:35%;top:35%;z-index:4}.blue{max-width:24%;left:37%;top:37%;animation-delay:-5s;animation-direction:reverse;z-index:7}.red{max-width:18%;left:41%;top:41%;animation-delay:-14s;z-index:3}.yellow{max-width:16%;left:42%;top:42%;animation-delay:-19s;animation-direction:reverse;z-index:5}.icon{left:42%;top:42%}.bg-circle{max-width:50%;top:25%;left:25%}.icon{max-width:16%;-webkit-animation:fadeInFadeOut 20s linear infinite;-moz-animation:fadeInFadeOut 20s linear infinite;-o-animation:fadeInFadeOut 20s linear infinite;animation:fadeInFadeOut 20s linear infinite}.connection{animation-delay:0s}.user{animation-delay:-5s}.server{animation-delay:-10s}.audience{animation-delay:-15s}@-webkit-keyframes orbitSmall{from{-webkit-transform:rotate(0) translateX(135%) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(135%) rotate(-360deg)}}@-moz-keyframes orbitSmall{from{-moz-transform:rotate(0) translateX(135%) rotate(0)}to{-moz-transform:rotate(360deg) translateX(135%) rotate(-360deg)}}@-o-keyframes orbitSmall{from{-o-transform:rotate(0) translateX(135%) rotate(0)}to{-o-transform:rotate(360deg) translateX(135%) rotate(-360deg)}}@keyframes orbitSmall{from{transform:rotate(0) translateX(135%) rotate(0)}to{transform:rotate(360deg) translateX(135%) rotate(-360deg)}}@-webkit-keyframes orbitLarge{from{-webkit-transform:rotate(0) translateX(115%) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(115%) rotate(-360deg)}}@-moz-keyframes orbitLarge{from{-moz-transform:rotate(0) translateX(115%) rotate(0)}to{-moz-transform:rotate(360deg) translateX(115%) rotate(-360deg)}}@-o-keyframes orbitLarge{from{-o-transform:rotate(0) translateX(115%) rotate(0)}to{-o-transform:rotate(360deg) translateX(115%) rotate(-360deg)}}@keyframes orbitLarge{from{transform:rotate(0) translateX(115%) rotate(0)}to{transform:rotate(360deg) translateX(115%) rotate(-360deg)}}@keyframes fadeInFadeOut{0%{opacity:0}5%{opacity:1}20%{opacity:1}25%{opacity:0}100%{opacity:0}}