.logo-animation-wrapper {
    display: inline-block;
}
.logo-animation-wrapper h3:first-child {
    top: -3px;
    
    animation: textLogoAnimate1 12s ease-in-out infinite;
}
.logo-animation-wrapper h3:nth-child(2) {
    top: -6px;
    /* -webkit-animation: textLogoAnimate2 12s ease-in-out infinite; */
    animation: textLogoAnimate2 12s ease-in-out infinite;
}
.element-invisible {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
.logo-animation-wrapper h3:nth-child(3) {
    top: 0px;
    /* -webkit-animation: ioeAnimate 12s ease-in-out infinite; */
    animation: ioeAnimate 12s ease-in-out infinite;
}
.logo-animation-wrapper h3:nth-child(4) {
    top: 0px;
    /* -webkit-animation: ioeAnimate 12s ease-in-out infinite; */
    animation: ioeAnimate2 12s ease-in-out infinite;
}
.logo-animation-wrapper h3 {
    position: absolute;
    /* top: 0; */
    white-space: nowrap;
    /* overflow: hidden; */
    opacity: 0;
    /* filter: alpha(opacity=0); */
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 5px;
    /* width: 172px; */
}
.logo-wrapper h3 {
    /* -webkit-transition: all .2s ease; */
    transition: all .2s ease;
    height: 23px;
    width: 23px;
    fill: #fff;
}
.logo-wrapper {
    -webkit-box-ordinal-group: 2;
    /* -ms-flex-order: 1; */
    order: 1;
    position: relative;
    -webkit-box-flex: 1;
    /* -ms-flex: 1; */
    flex: 1;
    /* -ms-flex-preferred-size: 60%; */
    flex-basis: 60%;
    height: auto;
    margin: 17px 0 0px;
    text-align: left;
}
.menuzord-brand {
    margin: 18px 30px 0 0;
    float: left;
    /* color: #666; */
    text-decoration: none;
    /* font-size: 24px; */
    /* font-weight: 600; */
    /* line-height: 1.3; */
    /* cursor: pointer; */
}
@keyframes textLogoAnimate1 {
0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
22% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
26% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
32% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
59% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
63% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
67% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
92% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
96% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
}
@keyframes textLogoAnimate2 {
	0% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	22% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	26% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	32% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	59% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	63% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}
	67% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	92% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	96% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	100% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
}

@keyframes ioeAnimate {
	0% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	22% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	26% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	32% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	59% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	63% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	67% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	92% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	96% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}
	100% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
}

@keyframes ioeAnimate2 {
	0% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	22% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	26% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	32% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	59% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	63% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	67% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	92% {
		opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	96% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 1;
		filter:alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}