.anim { animation-duration: }
#ucPageSlides {
    perspective: 800px;
}
.ani-mate-slow {
    transition: all 1s ease-in-out 0s;
    animation-delay: 3s !important
   
}


.ani-mate-slow1{transition: all 1s ease-in-out 0s;animation-delay: 0.75s}
.ani-mate-slow2{transition: all 1s ease-in-out 0s;animation-delay: 3s !important}
.ani-mate-slow3{ transition: all 1s ease-in-out 0s;animation-delay: 2.75s;}
.ani-mate-slow4{ transition: all 1s ease-in-out 0s;animation-delay: 3.5s;}

.ani-from-left {
    transform: translate3d(-250px, 0px, 0px);
    opacity: 0
}
.active .ani-from-left {
    transform: translate3d(0%, 0px, 0px);
    opacity: 1;
}
.ani-from-right {
    transform: translate3d(250px, 0px, 0px);
}
.active .ani-from-right {
    transform: translate3d(0%, 0px, 0px);
}
.ani-from-top {
    transform: translate3d(0px, -200px, 0px);
}
.active .ani-from-top {
    transform: translate3d(0%, 0px, 0px);
}
.ani-from-bottom {
    transform: translate3d(0px, 200px, 0px);
}
.active .ani-from-bottom {
    transform: translate3d(0%, 0px, 0px);
}
.active .ani-360-left, .active .ani-180-left {
    transform: rotate(0deg);
}
.ani-360-left {
    transform: rotate(360deg);
}
.ani-180-left {
    transform: rotate(180deg);
}
.active .ani-endless-rotation-right {
    animation: 20s linear 0s normal none infinite running aniRotation;
}
.active .ani-endless-rotation-left {
    animation: 20s linear 0s reverse none infinite running aniRotation;
}
.editbox .ani-endless-rotation-right, .editbox .ani-endless-rotation-left {
    animation: 0s ease 0s normal none 1 running none;
}
@keyframes aniRotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes aniRotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.ani-fade-in {
    opacity: 0;
    transition: opacity 600ms linear 0ms;
}
.active .ani-fade-in {
    opacity: 1;
    transition: opacity 8s linear 1.1s;
}
.ani-fade-out {
    opacity: 1;
    transition: opacity 600ms linear 0ms;
}
.active .ani-fade-out {
    opacity: 0;
    transition: opacity 8s linear 1.1s;
}
.databox-link.databox-color-fading-yellow {
    animation: 8s ease 0s normal none infinite running databox-color-fading-yellow;
    border-color: #000;
    color: #000;
}
@keyframes databox-color-fading-yellow {
0% {
    border-color: #000;
    color: #000;
}
25% {
    border-color: #e8d590;
    color: #e8d590;
}
50% {
    border-color: #000;
    color: #000;
}
75% {
    border-color: #e8d590;
    color: #e8d590;
}
}
.databox-link.databox-color-fading-white-darkgreen {
    animation: 8s ease 0s normal none infinite running databox-color-fading-white-darkgreen;
    border-color: #fff;
    color: #fff;
}
@keyframes databox-color-fading-white-darkgreen {
0% {
    border-color: #fff;
    color: #fff;
}
25% {
    border-color: #217525;
    color: #217525;
}
50% {
    border-color: #fff;
    color: #fff;
}
75% {
    border-color: #217525;
    color: #217525;
}
}
.databox-link.databox-color-fading-green {
    animation: 8s ease 0s normal none infinite running databox-color-fading-green;
    border-color: #000;
    color: #000;
}
@keyframes databox-color-fading-green {
0% {
    border-color: #000;
    color: #000;
}
25% {
    border-color: #95daab;
    color: #95daab;
}
50% {
    border-color: #000;
    color: #000;
}
75% {
    border-color: #95daab;
    color: #95daab;
}
}
.databox-link.databox-color-fading-red {
    animation: 8s ease 0s normal none infinite running databox-color-fading-red;
    border-color: #000;
    color: #000;
}
@keyframes databox-color-fading-red {
0% {
    border-color: #000;
    color: #000;
}
25% {
    border-color: #ff625a;
    color: #ff625a;
}
50% {
    border-color: #000;
    color: #000;
}
75% {
    border-color: #ff625a;
    color: #ff625a;
}
}
.databox-link.databox-color-fading-white {
    animation: 12s ease 0s normal none infinite running databox-color-fading-white;
    border-color: #000;
    color: #000;
}
@keyframes databox-color-fading-white {
0% {
    border-color: #000;
    color: #000;
}
25% {
    border-color: #ffffff;
    color: #ffffff;
}
50% {
    border-color: #000;
    color: #000;
}
75% {
    border-color: #ffffff;
    color: #ffffff;
}
}
.databox-link.databox-color-fading-grey {
    animation: 12s ease 0s normal none infinite running databox-color-fading-grey;
    border-color: #000;
    color: #000;
}
@keyframes databox-color-fading-grey {
0% {
    border-color: #000;
    color: #000;
}
25% {
    border-color: #b7b5ab;
    color: #b7b5ab;
}
50% {
    border-color: #000;
    color: #000;
}
75% {
    border-color: #b7b5ab;
    color: #b7b5ab;
}
}
.databox-link.databox-color-fading-white-lightgreen {
    animation: 12s ease 0s normal none infinite running databox-color-fading-white-lightgreen;
    border-color: #fff;
    color: #fff;
}
@keyframes databox-color-fading-white-lightgreen {
0% {
    border-color: #fff;
    color: #fff;
}
25% {
    border-color: #cec114;
    color: #cec114;
}
50% {
    border-color: #fff;
    color: #fff;
}
75% {
    border-color: #cec114;
    color: #cec114;
}
}
.databox-link.databox-color-fading-black-red {
    animation: 12s ease 0s normal none infinite running databox-color-fading-black-red;
    border-color: #000;
    color: #000;
}
@keyframes databox-color-fading-black-red {
0% {
    border-color: #000;
    color: #000;
}
25% {
    border-color: #e35143;
    color: #e35143;
}
50% {
    border-color: #000;
    color: #000;
}
75% {
    border-color: #e35143;
    color: #e35143;
}
}