/* ################################ */
/* ###       Project JFFM       ### */
/* ###   Theme Animations CSS   ### */
/* ###          By TDK          ### */
/* ################################ */

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

/*-------------------*/
/*    cycleglow        */
/*-------------------*/

@-webkit-keyframes cycleglow
{
    0%  {box-shadow: 0px 0px 0px rgba(255,255,255,0.0);}
    
    15%  {box-shadow: 0px 0px 64px rgba(255,255,255,1.0);}
    30% {box-shadow: 0px 0px 64px rgba(255,0,255,1.0);}
    45% {box-shadow: 0px 0px 64px rgba(255,255,0,1.0);}
    60% {box-shadow: 0px 0px 64px rgba(0,255,255,1.0);}
   75%  {box-shadow: 0px 0px 64px rgba(255,255,255,1.0);}

    100%  {box-shadow: 0px 0px 0px rgba(255,255,255,0.0);}
}

@-moz-keyframes cycleglow
{
    0%  {box-shadow: 0px 0px 0px rgba(255,255,255,0.0);}
    
    15%  {box-shadow: 0px 0px 64px rgba(255,255,255,1.0);}
    30% {box-shadow: 0px 0px 64px rgba(255,0,255,1.0);}
    45% {box-shadow: 0px 0px 64px rgba(255,255,0,1.0);}
    60% {box-shadow: 0px 0px 64px rgba(0,255,255,1.0);}
   75%  {box-shadow: 0px 0px 64px rgba(255,255,255,1.0);}

    100%  {box-shadow: 0px 0px 0px rgba(255,255,255,0.0);}
}

@keyframes cycleglow
{
    0%  {box-shadow: 0px 0px 0px rgba(255,255,255,0.0);}
    
    15%  {box-shadow: 0px 0px 64px rgba(255,255,255,1.0);}
    30% {box-shadow: 0px 0px 64px rgba(255,0,255,1.0);}
    45% {box-shadow: 0px 0px 64px rgba(255,255,0,1.0);}
    60% {box-shadow: 0px 0px 64px rgba(0,255,255,1.0);}
    75%  {box-shadow: 0px 0px 64px rgba(255,255,255,1.0);}

    100%  {box-shadow: 0px 0px 0px rgba(255,255,255,0.0);}
}

/*-------------------*/
/*    cyclebg        */
/*-------------------*/

@-webkit-keyframes cyclebg
{
    0%  {background-color: rgba(220,0,220,1.0);}
    10% {background-color: rgba(220,220,0,1.0);}
    20% {background-color: rgba(220,0,0,1.0);}
    30% {background-color: rgba(0,220,220,1.0);}
    40% {background-color: rgba(0,220,0,1.0);}
    50% {background-color: rgba(0,0,220,1.0);}
    60% {background-color: rgba(220,0,220,1.0);}
    70% {background-color: rgba(220,220,0,1.0);}
    80% {background-color: rgba(220,0,0,1.0);}
    90% {background-color: rgba(0,220,220,1.0);}
    100%{background-color: rgba(0,220,0,1.0);}
}

@-moz-keyframes cyclebg
{
    0%  {background-color: rgba(220,0,220,1.0);}
    10% {background-color: rgba(220,220,0,1.0);}
    20% {background-color: rgba(220,0,0,1.0);}
    30% {background-color: rgba(0,220,220,1.0);}
    40% {background-color: rgba(0,220,0,1.0);}
    50% {background-color: rgba(0,0,220,1.0);}
    60% {background-color: rgba(220,0,220,1.0);}
    70% {background-color: rgba(220,220,0,1.0);}
    80% {background-color: rgba(220,0,0,1.0);}
    90% {background-color: rgba(0,220,220,1.0);}
    100%{background-color: rgba(0,220,0,1.0);}
}

@keyframes cyclebg
{
    0%  {background-color: rgba(220,0,220,1.0);}
    10% {background-color: rgba(220,220,0,1.0);}
    20% {background-color: rgba(220,0,0,1.0);}
    30% {background-color: rgba(0,220,220,1.0);}
    40% {background-color: rgba(0,220,0,1.0);}
    50% {background-color: rgba(0,0,220,1.0);}
    60% {background-color: rgba(220,0,220,1.0);}
    70% {background-color: rgba(220,220,0,1.0);}
    80% {background-color: rgba(220,0,0,1.0);}
    90% {background-color: rgba(0,220,220,1.0);}
    100%{background-color: rgba(0,220,0,1.0);}
}

/*-------------------*/
/*    cycleborder    */
/*-------------------*/

@-webkit-keyframes cycleborder
{
    0%  {border-color: rgba(220,0,220,1.0);}
    10% {border-color: rgba(220,220,0,1.0);}
    20% {border-color: rgba(220,0,0,1.0);}
    30% {border-color: rgba(0,220,220,1.0);}
    40% {border-color: rgba(0,220,0,1.0);}
    50% {border-color: rgba(0,0,220,1.0);}
    60% {border-color: rgba(220,0,220,1.0);}
    70% {border-color: rgba(220,220,0,1.0);}
    80% {border-color: rgba(220,0,0,1.0);}
    90% {border-color: rgba(0,220,220,1.0);}
    100%{border-color: rgba(0,220,0,1.0);}
}

@-moz-keyframes cycleborder
{
    0%  {border-color: rgba(220,0,220,1.0);}
    10% {border-color: rgba(220,220,0,1.0);}
    20% {border-color: rgba(220,0,0,1.0);}
    30% {border-color: rgba(0,220,220,1.0);}
    40% {border-color: rgba(0,220,0,1.0);}
    50% {border-color: rgba(0,0,220,1.0);}
    60% {border-color: rgba(220,0,220,1.0);}
    70% {border-color: rgba(220,220,0,1.0);}
    80% {border-color: rgba(220,0,0,1.0);}
    90% {border-color: rgba(0,220,220,1.0);}
    100%{border-color: rgba(0,220,0,1.0);}
}

@keyframes cycleborder
{
    0%  {border-color: rgba(220,0,220,1.0);}
    10% {border-color: rgba(220,220,0,1.0);}
    20% {border-color: rgba(220,0,0,1.0);}
    30% {border-color: rgba(0,220,220,1.0);}
    40% {border-color: rgba(0,220,0,1.0);}
    50% {border-color: rgba(0,0,220,1.0);}
    60% {border-color: rgba(220,0,220,1.0);}
    70% {border-color: rgba(220,220,0,1.0);}
    80% {border-color: rgba(220,0,0,1.0);}
    90% {border-color: rgba(0,220,220,1.0);}
    100%{border-color: rgba(0,220,0,1.0);}
}


@-webkit-keyframes DCT_FadeBG
{
    0%   {background-color: rgba(255,255,255,0.0);}
    100% {background-color: rgba(255,255,255,1.0);}
}

@-moz-keyframes DCT_FadeBG
{
    0%   {background-color: rgba(255,255,255,0.0);}
    100% {background-color: rgba(255,255,255,1.0);}
}

@keyframes DCT_FadeBG
{
    0%   {background-color: rgba(255,255,255,0.0);}
    100% {background-color: rgba(255,255,255,1.0);}
}