@font-face {

	font-family: 'ecoicon';

	src:url('../fonts/ecoicons/ecoicon.eot');

	src:url('../fonts/ecoicons/ecoicon.eot?#iefix') format('embedded-opentype'),

		url('../fonts/ecoicons/ecoicon.woff') format('woff'),

		url('../fonts/ecoicons/ecoicon.ttf') format('truetype'),

		url('../fonts/ecoicons/ecoicon.svg#ecoicon') format('svg');

	font-weight: normal;

	font-style: normal;

}



.hi-icon-wrap {

	text-align: center;

	margin: 0 auto;

}



.hi-icon {

	display: inline-block;

	font-size: 0px;

	cursor: pointer;

	margin: 15px 30px;

	width: 106px;

	height: 106px;

	border-radius: 50%;

	text-align: center;

	position: relative;

	z-index: 1;

	color: #f5433c;

}



.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: 106px;

	font-style: normal;

	font-weight: normal;

	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";

}



/* Effect 1 */





/* Effect 8 */

.hi-icon-effect-8 .hi-icon {

	background: rgba(255,255,255,0.1);

	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;

	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;

	transition: transform ease-out 0.1s, background 0.2s;

	border:1px solid rgba(0, 0, 0, 0.3);

	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);

   -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);

   -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.1);

}



.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,0.1);

	opacity: 0;

	-webkit-transform: scale(0.9);

	-moz-transform: scale(0.9);

	-ms-transform: scale(0.9);

	transform: scale(0.9);

}





.four_boxes_single:hover .hi-icon-effect-8 .hi-icon{

background: rgba(255,255,255,0.05);

	-webkit-transform: scale(0.93);

	-moz-transform: scale(0.93);

	-ms-transform: scale(0.93);

	transform: scale(0.93);

	color: #fff;

}

.four_boxes_single:hover .hi-icon-effect-8 .hi-icon:after{

	-webkit-animation: sonarEffect 1.3s ease-out 75ms;

	-moz-animation: sonarEffect 1.3s ease-out 75ms;

	animation: sonarEffect 1.3s ease-out 75ms;

	}





.hi-icon-effect-8 .hi-icon:hover {

	background: rgba(255,255,255,0.05);

	-webkit-transform: scale(0.93);

	-moz-transform: scale(0.93);

	-ms-transform: scale(0.93);

	transform: scale(0.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: 0.3;

	}

	40% {

		opacity: 0.5;

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ae0801, 0 0 0 10px rgba(255,255,255,0.5);

	}

	100% {

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ae0801, 0 0 0 10px rgba(255,255,255,0.5);

		-webkit-transform: scale(1.5);

		opacity: 0;

	}

}

@-moz-keyframes sonarEffect {

	0% {

		opacity: 0.3;

	}

	40% {

		opacity: 0.5;

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ae0801, 0 0 0 10px rgba(255,255,255,0.5);

	}

	100% {

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ae0801, 0 0 0 10px rgba(255,255,255,0.5);

		-moz-transform: scale(1.5);

		opacity: 0;

	}

}

@keyframes sonarEffect {

	0% {

		opacity: 0.3;

	}

	40% {

		opacity: 0.5;

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ae0801, 0 0 0 10px rgba(255,255,255,0.5);

	}

	100% {

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ae0801, 0 0 0 10px rgba(255,255,255,0.5);

		transform: scale(1.5);

		opacity: 0;

	}

}