.hi-icon a{display:block;height:100%;position:absolute;top:0;width:100%;z-index:100}.hi-icon-wrap{margin:4px auto 0;padding:0;text-align:left}.hi-icon{border-radius:50%;color:#fff;cursor:pointer;display:inline-block;font-size:0;height:30px;margin:0 5px;position:relative;text-align:center;width:30px;z-index:1}.hi-icon::after{border-radius:50%;box-sizing:content-box;content:"";height:100%;pointer-events:none;position:absolute;width:100%}.hi-icon::before{display:block;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;line-height:30px;text-transform:none}.hi-icon-effect-1 .hi-icon{background:rgba(255,255,255,.1);transition:background .2s ease 0s,color .2s ease 0s}.hi-icon-effect-1 .hi-icon::after{box-shadow:0 0 0 1px #fff;left:-7px;opacity:0;padding:7px;top:-7px;transform:scale(.8);transition:transform .2s ease 0s,opacity .2s ease 0s}.no-touch .hi-icon-effect-1a .hi-icon:hover{background:#fff;color:#41ab6b}.no-touch .hi-icon-effect-1a .hi-icon:hover::after{opacity:1;transform:scale(1)}.no-touch .hi-icon-effect-1b .hi-icon:hover{background:#fff;color:#41ab6b}.hi-icon-effect-1b .hi-icon::after{transform:scale(1.2)}.no-touch .hi-icon-effect-1b .hi-icon:hover::after{opacity:1;transform:scale(1)}.hi-icon-effect-2 .hi-icon{box-shadow:0 0 0 3px #fff;color:#eea303;transition:color .3s ease 0s}.hi-icon-effect-2 .hi-icon::after{background:#fff;left:-2px;padding:2px;top:-2px;transition:transform .2s ease 0s,opacity .2s ease 0s;z-index:-1}.no-touch .hi-icon-effect-2a .hi-icon:hover{color:#eea303}.no-touch .hi-icon-effect-2a .hi-icon:hover::after{transform:scale(.85)}.no-touch .hi-icon-effect-2b .hi-icon:hover::after{opacity:0;transform:scale(0);transition:transform .4s ease 0s,opacity .2s ease 0s}.hi-icon-effect-3b .hi-icon::after,.no-touch .hi-icon-effect-3a .hi-icon:hover::after{opacity:0;transform:scale(1.3)}.no-touch .hi-icon-effect-2b .hi-icon:hover{color:#fff}.hi-icon-effect-3 .hi-icon{box-shadow:0 0 0 4px #fff;transition:color .3s ease 0s}.hi-icon-effect-3 .hi-icon::after{background:#fff;left:-2px;padding:2px;top:-2px;transition:transform .2s ease 0s,opacity .3s ease 0s;z-index:-1}.hi-icon-effect-4a .hi-icon,.no-touch .hi-icon-effect-4b .hi-icon:hover{transition:box-shadow .2s ease 0s}.hi-icon-effect-3a .hi-icon{color:#f06060}.hi-icon-effect-3b .hi-icon,.no-touch .hi-icon-effect-3a .hi-icon:hover{color:#fff}.no-touch .hi-icon-effect-3b .hi-icon:hover{color:#f06060}.no-touch .hi-icon-effect-3b .hi-icon:hover::after{opacity:1;transform:scale(1)}.hi-icon-effect-4 .hi-icon{box-shadow:0 0 0 4px #fff;height:40px;width:40px}.hi-icon-effect-4 .hi-icon::before{line-height:40px}.hi-icon-effect-4 .hi-icon::after{border:4px dashed #fff;left:-4px;padding:0;top:-4px;z-index:10}.no-touch .hi-icon-effect-4 .hi-icon:hover{box-shadow:0 0 0 0 rgba(255,255,255,0);color:#fff}.no-touch .hi-icon-effect-4b .hi-icon:hover::after{animation:9s linear 0s normal none infinite running spinAround}@keyframes spinAround{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.hi-icon-effect-5 .hi-icon{box-shadow:0 0 0 2px #fff;overflow:hidden;transition:background .3s ease 0s,color .3s ease 0s,box-shadow .3s ease 0s}.hi-icon-effect-5 .hi-icon::after{display:none}.no-touch .hi-icon-effect-5 .hi-icon:hover{background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.3);color:#00aae9}.hi-icon-effect-6 .hi-icon,.hi-icon-effect-7 .hi-icon{box-shadow:0 0 0 4px #fff;transition:background .2s ease 0s,color .2s ease 0s}.no-touch .hi-icon-effect-5a .hi-icon:hover::before{animation:.3s ease 0s normal forwards 1 running toRightFromLeft}@keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}}.no-touch .hi-icon-effect-5b .hi-icon:hover::before{animation:.3s ease 0s normal forwards 1 running toLeftFromRight}@keyframes toLeftFromRight{49%{transform:translate(-100%)}50%{opacity:0;transform:translate(100%)}51%{opacity:1}}.no-touch .hi-icon-effect-5c .hi-icon:hover::before{animation:.3s ease 0s normal forwards 1 running toTopFromBottom}@keyframes toTopFromBottom{49%{transform:translateY(-100%)}50%{opacity:0;transform:translateY(100%)}51%{opacity:1}}.no-touch .hi-icon-effect-5d .hi-icon:hover::before{animation:.3s ease 0s normal forwards 1 running toBottomFromTop}@keyframes toBottomFromTop{49%{transform:translateY(100%)}50%{opacity:0;transform:translateY(-100%)}51%{opacity:1}}.no-touch .hi-icon-effect-6 .hi-icon:hover{background:#fff;color:#64bb5d}.no-touch .hi-icon-effect-6 .hi-icon:hover::before{animation:2s linear 0s normal none infinite running spinAround}.no-touch .hi-icon-effect-7 .hi-icon:hover{color:#fff}.hi-icon-effect-7 .hi-icon::after{left:-8px;opacity:0;padding:8px;top:-8px;z-index:-1}.hi-icon-effect-7a .hi-icon::after{box-shadow:0 0 0 #fff;transition:opacity .2s ease 0s,box-shadow .2s ease 0s}.no-touch .hi-icon-effect-7a .hi-icon:hover::after{box-shadow:3px 3px 0 #fff;opacity:1}.hi-icon-effect-7a .hi-icon::before{opacity:.7;transform:scale(.8);transition:transform .2s ease 0s,opacity .2s ease 0s}.no-touch .hi-icon-effect-7a .hi-icon:hover::before{opacity:1;transform:scale(1)}.hi-icon-effect-7b .hi-icon::after{box-shadow:3px 3px #fff;transform:rotate(-90deg);transition:opacity .2s ease 0s,transform .2s ease 0s}.no-touch .hi-icon-effect-7b .hi-icon:hover::after{opacity:1;transform:rotate(0)}.hi-icon-effect-7b .hi-icon::before{opacity:.7;transform:scale(.8);transition:transform .2s ease 0s,opacity .2s ease 0s}.no-touch .hi-icon-effect-7b .hi-icon:hover::before{opacity:1;transform:scale(1)}.hi-icon-effect-8 .hi-icon{background:rgba(255,255,255,.1);transition:transform .1s ease-out 0s,background .2s ease 0s}.hi-icon-effect-8 .hi-icon::after{box-shadow:0 0 0 2px rgba(255,255,255,.1);left:0;opacity:0;padding:0;top:0;transform:scale(.9);z-index:-1}.no-touch .hi-icon-effect-8 .hi-icon:hover{background:rgba(255,255,255,.05);color:#fff;transform:scale(.93)}.hi-icon-effect-8 .hi-icon:hover::after{animation:1.3s ease-out 75ms normal none 1 running sonarEffect}@keyframes sonarEffect{0%{opacity:.3}40%{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);opacity:.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);opacity:0;transform:scale(1.5)}}.hi-icon-effect-9 .hi-icon{transition:box-shadow .2s ease 0s}.hi-icon-effect-9 .hi-icon::after{box-shadow:0 0 0 3px #fff;left:0;padding:0;top:0;transition:transform .2s ease 0s,opacity .2s ease 0s}.no-touch .hi-icon-effect-9a .hi-icon:hover::after{opacity:.5;transform:scale(.85)}.no-touch .hi-icon-effect-9a .hi-icon:hover{box-shadow:0 0 0 10px #fff;color:#fff}.no-touch .hi-icon-effect-9b .hi-icon:hover::after{transform:scale(.85)}.no-touch .hi-icon-effect-9b .hi-icon:hover{box-shadow:0 0 0 10px rgba(255,255,255,.4);color:#fff}