.hi-icon-wrap{text-align:center;margin:0 auto;padding:2em 0 3em}.hi-icon{display:inline-block;font-size:0;cursor:pointer;margin:15px 30px;width:100px;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%;margin:-20px -19px -15px 0;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.hi-icon:before{speak:none;font-size:48px;line-height:60px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}.hi-icon-mobile:before{content:"\e009"}.hi-icon-screen:before{content:"\e00a"}.hi-icon-earth:before{content:"\e002"}.hi-icon-support:before{content:"\e000"}.hi-icon-locked:before{content:"\e001"}.hi-icon-cog:before{content:"\e003"}.hi-icon-clock:before{content:"\e004"}.hi-icon-videos:before{content:"\e005"}.hi-icon-list:before{content:"\e006"}.hi-icon-refresh:before{content:"\e007"}.hi-icon-images:before{content:"\e008"}.hi-icon-pencil:before{content:"\e00b"}.hi-icon-link:before{content:"\e00c"}.hi-icon-mail:before{content:"\e00d"}.hi-icon-location:before{content:"\e00e"}.hi-icon-archive:before{content:"\e00f"}.hi-icon-chat:before{content:"\e010"}.hi-icon-bookmark:before{content:"\e011"}.hi-icon-user:before{content:"\e012"}.hi-icon-contract:before{content:"\e013"}.hi-icon-star:before{content:"\e014"}.hi-icon-effect-8 .hi-icon{background:rgba(255,255,255,.1);-webkit-transition:-webkit-transform ease-out .1s,background .2s;-moz-transition:-moz-transform ease-out .1s,background .2s;transition:transform ease-out .1s,background .2s}.hi-icon-effect-8 .hi-icon:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px rgba(255,255,255,.1);opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.hi-icon-effect-8 .hi-icon:hover{background:rgba(255,255,255,.05);-webkit-transform:scale(.93);-moz-transform:scale(.93);-ms-transform:scale(.93);transform:scale(.93);color:#fff}.hi-icon-effect-8 .hi-icon:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms;-moz-animation:sonarEffect 1.3s ease-out 75ms;animation:sonarEffect 1.3s ease-out 75ms}@-webkit-keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #3851bc,0 0 0 10px rgba(255,255,255,.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #3851bc,0 0 0 10px rgba(255,255,255,.5);-webkit-transform:scale(1.5);opacity:0}}@-moz-keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #3851bc,0 0 0 10px rgba(255,255,255,.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #3851bc,0 0 0 10px rgba(255,255,255,.5);-moz-transform:scale(1.5);opacity:0}}@keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #3851bc,0 0 0 10px rgba(255,255,255,.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #3851bc,0 0 0 10px rgba(255,255,255,.5);transform:scale(1.5);opacity:0}}