.hi-icon-wrap{text-align:center;margin:0 auto;padding:2em 0 3em}.hi-icon{display:inline-block;font-size:0px;cursor:pointer;width:100px;margin-bottom:30px;height:100px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#fff}.hi-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.hi-icon:before{speak:none;font-size:40px;line-height:100px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}.hi-icon-effect-1 .hi-icon{background:#30b9e0;-webkit-transition:background .2s,color .2s;-moz-transition:background .2s,color .2s;transition:background .2s,color .2s}.hi-icon-effect-1 .hi-icon:after{top:-2px;left:-2px;padding:2px;box-shadow:0 0 0 16px #f2f2f2;-webkit-transition:-webkit-transform .2s,opacity .2s;-webkit-transform:scale(.8);-moz-transition:-moz-transform .2s,opacity .2s;-moz-transform:scale(.8);-ms-transform:scale(.8);transition:transform .2s,opacity .2s;transform:scale(.8);opacity:0}.no-touch .hi-icon-effect-1a .hi-icon:hover{background:rgba(255,255,255,1);color:#30b9e0}.no-touch .hi-icon-effect-1a .hi-icon:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}