.animuj.ani-top{
	opacity:0;
	transform:translateY(-30px);
} 
.animuj.ani-down{
	opacity:0;
	transform:translateY(30px);
}
.animuj.ani-left{
	opacity:0;
	transform:translateX(-30px);
} 
.animuj.ani-right{
	opacity:0;
	transform:translateX(30px);
}

.animuj.ani-top-50{
	opacity:0 !important;
	top:40% !important;
} 
.animuj.ani-down-50{
	opacity:0 !important;
	top:60% !important;
} 
/*/////////////////////*/

#logotop img{
mask-image: url(img/logo-mask.png);
mask-size:120%;
mask-repeat:no-repeat;
-webkit-animation: logomask 10s linear infinite;
-moz-animation: logomask 10s linear infinite;
animation: logomask 10s linear infinite;
}


@-webkit-keyframes logomask {
0%{mask-size:0% 100%}
5%{mask-size:120% 100%}
100%{mask-size:120% 100%}
}
@-moz-keyframes logomask {
0%{mask-size:0% 100%}
5%{mask-size:120% 100%}
100%{mask-size:120% 100%}
}
@keyframes logomask {
0%{mask-size:0% 100%}
5%{mask-size:120% 100%}
100%{mask-size:120% 100%}
}

/*/////////////////////*/
#menu-menuglowne > li{
	transition:all 0.5s ease;
}
.animuj.ani-menu #menu-menuglowne > li{
	opacity:0;
	transform: translateY(-30px);
}
.ani-menu #menu-menuglowne > li:nth-child(2){ transition-delay: 0.1s; }
.ani-menu #menu-menuglowne > li:nth-child(2){ transition-delay: 0.2s; }
.ani-menu #menu-menuglowne > li:nth-child(3){ transition-delay: 0.3s; }
.ani-menu #menu-menuglowne > li:nth-child(4){ transition-delay: 0.4s; }
.ani-menu #menu-menuglowne > li:nth-child(5){ transition-delay: 0.5s; }
.ani-menu #menu-menuglowne > li:nth-child(6){ transition-delay: 0.6s; }
.ani-menu #menu-menuglowne > li:nth-child(7){ transition-delay: 0.7s; }
.ani-menu #menu-menuglowne > li:nth-child(8){ transition-delay: 0.8s; }
 
/*//////////////////*/
/*/animation: bgs 35s linear alternate infinite;
@keyframes bgs {
  0% { background-position: 0 0; }
  100% { background-position:-200px -400px; }
}
*/

/*//////////////////*/
.ani-zoom-up{
transition:all 0.3s ease;
}
.ani-zoom-up:hover{
	transform:scale(1.1);
}
.ani-zoom-down{
transition:all 0.3s ease;
}
.ani-zoom-down:hover{
	transform:scale(0.9);
}








.ani-outline{
	overflow:hidden;
}

.ani-outline:hover:after {
  content: '';
  display: block;
  z-index: -2;
  width:200%;
  height:200%;
  position: absolute;
  top: -50%;
  bottom:0;
  transform-origin: center;
  right:0;
  left:-50%;
  background-image: linear-gradient(red, yellow);
  animation: rotate-gradient linear 1s infinite;
}

@keyframes rotate-gradient {
  to { transform: rotate(360deg) }
}



.ani-border-bg{
	background-color:inherit;
	border-radius:inherit;
	width:calc(100% - 4px);
	height:calc(100% - 4px);
	position:absolute;
	top:2px;
	left:2px;
	z-index: -1;
}