@font-face {font-family: 'ecoicon';	src:url('../fonts/ecoicons/ecoicon.woff') format('woff'),}

a {text-decoration: none;}



.hi-icon-wrap {	text-align: center;	margin: 0 auto;	padding: 2em 0 3em;}



.hi-icon-list:before {content: "\e006";}

.hi-icon-earth:before {content: "\e002";}



.hi-icon-effect-3 .hi-icon {box-shadow: 0 0 0 4px #000;	-webkit-transition: color 0.3s;	-moz-transition: color 0.3s;transition: color 0.3s;}

.hi-icon-effect-3 .hi-icon:after {top: -2px;left: -2px;	padding: 2px;z-index: -1;background: #000;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;	-moz-transition: -moz-transform 0.2s, opacity 0.3s;	transition: transform 0.2s, opacity 0.3s;}



.hi-icon-effect-3a .hi-icon {color: #FFF;}

.hi-icon-effect-3a .hi-icon:hover {	color: #000;}

.hi-icon-effect-3a .hi-icon:hover:after {-webkit-transform: scale(1.3);	-moz-transform: scale(1.3);	-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}





.hi-icon {	display: inline-block;	font-size: 0px;	cursor: pointer;	margin: 15px 30px;	width: 90px;	height: 90px;	border-radius: 50%;	text-align: center;	position: relative;	z-index: 1;	color: #000;}



.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: 48px;line-height: 90px;font-style: normal;font-weight: normal;font-variant: normal;	text-transform: none; display: block;	-webkit-font-smoothing: antialiased;

}



.hi-icon2 {	display: inline-block;	font-size: 0px;	cursor: pointer;	margin: 5px 0px;	width: 65px;	height: 65px;	border-radius: 50%;	text-align: center;	position: relative;	z-index: 1;	color: #f00;}



.hi-icon2: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-icon2:before {font-family: 'ecoicon';speak: none;font-size: 32px;line-height: 64px;font-style: normal;font-weight: normal;font-variant: normal;	text-transform: none; display: block;	-webkit-font-smoothing: antialiased;

}



.hi-icon-effect-3 .hi-icon2 {box-shadow: 0 0 0 4px #f00;	-webkit-transition: color 0.3s;	-moz-transition: color 0.3s;transition: color 0.3s;}

.hi-icon-effect-3 .hi-icon2:after {top: -2px;left: -2px;	padding: 2px;z-index: -1;background: #f00;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;	-moz-transition: -moz-transform 0.2s, opacity 0.3s;	transition: transform 0.2s, opacity 0.3s;}



.hi-icon-effect-3a .hi-icon2 {color: #FFF;}

.hi-icon-effect-3a .hi-icon2:hover {	color: #f00;}

.hi-icon-effect-3a .hi-icon2:hover:after {-webkit-transform: scale(1.3);	-moz-transform: scale(1.3);	-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}