.hi-icon-wrap{text-align:center;padding:0em;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;}
.hi-icon{display:inline-block;font-size:46px;cursor:pointer;width:100px;height:100px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#fff;padding-top:28px;}
.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{font-family:'ecoicon';speak:none;font-size:70px;line-height:90px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}
.hi-icon-color .hi-icon{color:#fff;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-color .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;-moz-transition:-moz-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);}
.hi-icon-color-1 .hi-icon{color:#fff;box-shadow:0 0 0 3px #5f7a87;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-color-1 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#5f7a87;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;-moz-transition:-moz-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);}
.hi-icon-color-2 .hi-icon{color:#fff;box-shadow:0 0 0 3px #a7db6d;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-color-2 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#a7db6d;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;-moz-transition:-moz-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);}
.hi-icon-color-3 .hi-icon{color:#fff;box-shadow:0 0 0 3px #00ada9;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-color-3 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#00ada9;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;-moz-transition:-moz-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);}
.hi-icon-color-4 .hi-icon{color:#fff;box-shadow:0 0 0 3px #f86923;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-color-4 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#f86923;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;-moz-transition:-moz-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);}
.hi-icon-color-5 .hi-icon{color:#fff;box-shadow:0 0 0 3px #d71819;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-color-5 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#d71819;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;-moz-transition:-moz-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);}
.hi-icon-effect .hi-icon:hover{color:#fff;}
.hi-icon-effect .hi-icon:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}