@keyframes zoomin {
  from {width: 47%; opacity: 20%; }
  to {width: 50%; opacity: 100%;}
}

@keyframes textappears {
    from {opacity: 20%}
    to {opacity: : 100%}
}

@keyframes textgrow {
  from {font-size: 0.9em;}
  to {font-size: 1.5em;}
}

img.img-zoom {
    width:50%;
    animation-name: zoomin;
    animation-duration: 1.5s;
    /*animation-delay: 0s;*/
    animation-direction: normal;
}

a {
    color: rgb(8,125,166);
}

a.text-grow:hover {
    font-size:1.5em;
    animation-name: textgrow;
    animation-duration: 0.25s;
    /*animation-delay: 0s;*/
    animation-direction: normal;
}

/*a:link {
    color: rgb(243,153,33);
}

a:hover {
    color: rgb(221,59,39);
}*/

.kaesys-success {
    color: rgb(8,125,166);
}

.kaesys-text-dark {
    color: rgb(10,19,50);
}

.kaesys-text-mid {
    color: rgb(10,62,101);
}

.kaesys-text-light {
    color: rgb(8,125,166); /*#087da6 */
}

.kaesys-text-lightlight {
    color: rgb(105,203,222); /*#69cbde  */
}

.kaesys-text-superlight {
    background-color: rgb(234,237,251);
}

.kaesys-text-warning {
    color: rgb(243,153,33);
}

.kaesys-text-danger {
    color: rgb(221,59,39);
}

.kaesys-text-darkdanger {
    color: rgb(132,22,23);
}

.kaesys-bg-dark {
    background-color: rgb(10,19,50);
}

.kaesys-bg-mid {
    background-color: rgb(10,62,101);
}

.kaesys-bg-light {
    background-color: rgb(8,125,166);
}

.kaesys-bg-lightlight {
    background-color: rgb(105,203,222);
}

.kaesys-bg-superlight {
    background-color: rgb(232,244,253);
}

.kaesys-bg-warning {
    background-color: rgb(243,153,33);
}

.kaesys-bg-danger {
    background-color: rgb(221,59,39);
}

.kaesys-bg-darkdanger {
    background-color: rgb(132,22,23);
}


ul.kaesys-list {
  list-style-type: circle;
  margin-left: 10px;
  padding-left: 10px;
  animation-name: textappears;
  animation-duration: 2s;

}