.thz-icon-holder {
	display: inline-block;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
}
.thz-icon-align-center {
	display: block;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
.thz-icon-align-left {
	float: left;
	padding-right: 10px;
}
.thz-icon-align-right {
	float: right;
	padding-left: 10px;
}
.thz-icon-has-text {
	display: table;
	margin: 0 auto;
	text-align: center;
}
.thz-icon-text-left {
	display: table-cell;
	padding: 0 15px 0 0;
	vertical-align: middle;
	text-align: right;
	position:relative;
}
.thz-icon-text-icon {
	display: table-cell;
	padding: 0;
	vertical-align: middle;
}
.thz-icon-text-right {
	display: table-cell;
	padding: 0 0 0 15px;
	vertical-align: middle;
	text-align: left;
	position:relative;
}
.thz-icon-text-in {
	display: block;
	overflow: hidden;
}
.thz-icon-shape .thz-icon-link,
.thz-icon-shape i {
	position: relative;
	z-index: 2;
	display: block;
}

.thz-icon-shape img,
.thz-icon-shape svg{
	vertical-align:middle;
}

.thz-icon-link i{
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;	
}
.thz-icon-link .thz-svg-icon *{
	-o-transition: stroke .2s ease-in-out;
	-ms-transition: stroke .2s ease-in-out;
	-moz-transition: stroke .2s ease-in-out;
	-webkit-transition: stroke .2s ease-in-out;
	transition: stroke .2s ease-in-out;
}
/* icon shape */
.thz-icon-shape-container {
	display: inline-block;
}
.thz-icon-shape,
.thz-icon-shape-in {
	display: inline-block;
	height: 80px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.thz-icon-shape-in {
	background: #efefef;
	line-height: 80px;
}
.thz-icon-shape i {
	display: block;
	text-align: center;
	line-height: inherit;
	position: relative;
	z-index: 3;
}
.thz-icon-st-rounded {
	border-radius: 8px;
}
.thz-icon-st-circle {
	border-radius: 100%;
}
.thz-icon-shape.thz-icon-bt-solidborder {
	border: 2px solid #039bf4;
	padding: 0px;
}
.thz-icon-shape.thz-icon-bt-spaced {
	padding: 5px;
}
/* animations */
.thz-icon-shape-effect {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: -1;
	border-radius: inherit;
}
/* Pulsate */
.thz-icon-shape-pulsate {
	overflow: visible;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.thz-icon-shape-pulsate .thz-icon-shape-effect {
	opacity: 0;
	box-shadow: 0 0 15px #039bf4;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.thz-icon-shape-pulsate.effectactive {
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
}
.thz-icon-shape-pulsate .thz-icon-shape-effect.effectactive {
	-webkit-animation: thzPulsate 1s ease-out infinite;
	-moz-animation: thzPulsate 1s ease-out infinite;
	animation: thzPulsate 1s ease-out infinite;
}

/* Sonar */
.thz-icon-shape-sonar {
	overflow: visible;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.thz-icon-shape-sonar .thz-icon-shape-effect {
	opacity: 0;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #039bf4, 0 0 0 10px rgba(255,255,255,0.5);
}
.thz-icon-shape-sonar.effectactive {
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
}
.thz-icon-shape-sonar .thz-icon-shape-effect.effectactive {
	-webkit-animation: thzSonar 1.3s ease-out 75ms;
	-moz-animation: thzSonar 1.3s ease-out 75ms;
	animation: thzSonar 1.3s ease-out 75ms;
}
/* spinme */
.thz-icon-shape-spinme .thz-icon-shape-effect {
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-ms-transition: background 0.4s;
	transition: background 0.4s;
}
.thz-icon-shape-spinme.effectactive .thz-icon-shape-effect {
	background: #039bf4;
	z-index: 1;
}
.thz-icon-shape-spinme.effectactive i:before {
	color: #ffffff;
}
.thz-icon-shape-spinme i{
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
	-webkit-transition: color 0.4s ease-in-out,-webkit-transform 1.5s ease-in-out;
	transition: color 0.4s ease-in-out,-webkit-transform 1.5s ease-in-out;
	transition: transform 1.5s ease-in-out,color 0.4s ease-in-out;
	transition: transform 1.5s ease-in-out,color 0.4s ease-in-out,-webkit-transform 1.5s ease-in-out;
}
.thz-icon-shape-spinme.effectactive i {
	-webkit-transform: rotate(720deg);
	    -ms-transform: rotate(720deg);
	        transform: rotate(720deg);
}
/* Fill up */
.thz-icon-shape-fillup .thz-icon-shape-effect {
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
	background: #039bf4;
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	transition: transform 0.4s;
	border-radius: 0px;
}
.thz-icon-shape-fillup i {
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}
.thz-icon-shape-fillup.effectactive i:before {
	color: #ffffff;
}
.thz-icon-shape-fillup.effectactive .thz-icon-shape-effect {
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	transform: translate(0, 0%);
}
/* Fill down */
.thz-icon-shape-filldown .thz-icon-shape-effect {
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
	background: #039bf4;
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	transition: transform 0.4s;
	border-radius: 0px;
}
.thz-icon-shape-filldown i {
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}
.thz-icon-shape-filldown.effectactive i:before {
	color: #ffffff;
}
.thz-icon-shape-filldown.effectactive .thz-icon-shape-effect {
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	transform: translate(0, 0%);
}
/* Fill left */
.thz-icon-shape-fillleft .thz-icon-shape-effect {
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
	background: #039bf4;
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	transition: transform 0.4s;
	border-radius: 0px;
}
.thz-icon-shape-fillleft i {
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}
.thz-icon-shape-fillleft.effectactive i:before {
	color: #ffffff;
}
.thz-icon-shape-fillleft.effectactive .thz-icon-shape-effect {
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	transform: translate(0, 0%);
}
/* Fill right */
.thz-icon-shape-fillright .thz-icon-shape-effect {
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
	background: #039bf4;
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	transition: transform 0.4s;
	border-radius: 0px;
}
.thz-icon-shape-fillright i {
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}
.thz-icon-shape-fillright.effectactive i:before {
	color: #ffffff;
}
.thz-icon-shape-fillright.effectactive .thz-icon-shape-effect {
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	transform: translate(0, 0%);
}
/* Halo */
.thz-icon-shape-halo {
	overflow: visible;
}
.thz-icon-shape-halo .thz-icon-shape-effect {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
.thz-icon-shape-halo .thz-icon-shape-effect {
	-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;
}
.thz-icon-shape-halo.effectactive .thz-icon-shape-effect {
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
	border: 4px solid #039bf4;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.thz-icon-shape-halo {
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.thz-icon-shape-halo.effectactive {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
.thz-icon-shape-halo .thz-icon-shape-in {
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}
.thz-icon-shape-halo.effectactive .thz-icon-shape-in {
	background: #039bf4;
}
.thz-icon-shape-halo i:before {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.thz-icon-shape-halo.effectactive i:before {
	color: #ffffff;
}

/* Just hover */
.thz-icon-shape-justhover .thz-icon-shape-effect {
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-ms-transition: background 0.4s;
	transition: background 0.4s;
}
.thz-icon-shape-justhover i {
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}
.thz-icon-shape-justhover.effectactive i:before {
	color: #ffffff;
}
.thz-icon-shape-justhover.effectactive .thz-icon-shape-effect {
	background: #039bf4;
}