.ec-gradient-underline-text-wrapper {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.ec-gut-inner {
	position: relative;
	display: inline;
	word-wrap: break-word;
	white-space: normal;
	color: inherit;
	text-decoration: none;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
}
.ec-gut-effect1 {
	background-size: 1% 100%;
	background-position: left top;
}
.ec-gut-effect2 {
	background-size: 1% 100%;
	background-position: right top;
}
.ec-gut-effect3 {
	background-size: 100% 0;
	background-position: left bottom;
}
.ec-gut-effect4 {
	background-size: 100% 0%;
	background-position: left top;
}
.ec-gut-effect5 {
	background-size: 10% 10%;
	background-position: center;
}
.ec-gut-effect6,
.ec-gut-effect7 {
	background-size: 100% 10px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
.ec-gut-effect7 {
	background-position: 0 0;
}
.ec-gut-effect8 {
	background-size: 1% 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
	transition: background-size 0.5s ease, color 0.5s ease;
}
.ec-gut-effect9,
.ec-gut-effect10,
.ec-gut-effect11,
.ec-gut-effect12,
.ec-gut-effect13,
.ec-gut-effect14,
.ec-gut-effect15,
.ec-gut-effect16,
.ec-gut-effect17,
.ec-gut-effect18,
.ec-gut-effect19,
.ec-gut-effect20 {
	background-size: 100% 5px;
	background-repeat: no-repeat;
}
.ec-gut-effect10 {
	background-position: bottom;
	transition: background-size 0.3s ease;
}
.ec-gut-effect12 {
	background-position: 100% 100%;
}
.ec-gut-effect13,
.ec-gut-effect14 {
	background-position: 0 100%;
}
.ec-gut-effect14 {
	transition: background-size 0.5s ease, background-position 0.5s ease;
}
.ec-gut-effect1:hover,
.ec-gut-effect2:hover,
.ec-gut-effect3:hover,
.ec-gut-effect4:hover,
.ec-gut-effect5:hover,
.ec-gut-effect6:hover,
.ec-gut-effect7:hover,
.ec-gut-effect9:hover,
.ec-gut-effect10:hover,
.ec-gut-effect11:hover,
.ec-gut-effect12:hover,
.ec-gut-effect13:hover,
.ec-gut-effect14:hover {
	background-size: 100% 100% !important;
	color: #fff;
}
.ec-gut-effect9:hover,
.ec-gut-effect10:hover{
	color:#000
}
.ec-gut-effect5:hover {
	background-size: 150% 150%;
}
.ec-gut-effect8:hover {
	background-size: 100% 100% !important;
	color: #fff;
	animation: ec-gut-highlight8 3s linear infinite;
}
.ec-gut-effect14:hover {
	background-position: 0 0;
}
.ec-gut-effect15,
.ec-gut-effect16,
.ec-gut-effect17,
.ec-gut-effect18,
.ec-gut-effect19,
.ec-gut-effect20{
	transition: background-size 0.5s ease, color 0.5s ease;
	background-repeat: no-repeat;
	background-size: 10% 5px;
}
.ec-gut-effect15 {
	background-position: top;
}
.ec-gut-effect16 {
	background-position: left top;
}
.ec-gut-effect17 {
	background-position: right top;
}
.ec-gut-effect18 {
	background-position: bottom;
}
.ec-gut-effect19 {
	background-position: left bottom;
}
.ec-gut-effect20 {
	background-position: right bottom;
}
.ec-gut-effect15:hover,
.ec-gut-effect16:hover,
.ec-gut-effect17:hover,
.ec-gut-effect18:hover,
.ec-gut-effect19:hover,
.ec-gut-effect20:hover {
	background-size: 100% 5px !important;
}
@keyframes ec-gut-highlight8 {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}