/* 
    Made by JACodes
*/

@-webkit-keyframes portfolio-card-activating {
    0%{
        width: 0; height: 0;
        opacity: 0;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-moz-keyframes portfolio-card-activating {
    0%{
        width: 0; height: 0;
        opacity: 0;
        -moz-transform: scale(0.5);
             transform: scale(0.5);
    }
    100%{
        opacity: 1;
        -moz-transform: scale(1);
             transform: scale(1);
    }
}

@-o-keyframes portfolio-card-activating {
    0%{
        width: 0; height: 0;
        opacity: 0;
        -o-transform: scale(0.5);
           transform: scale(0.5);
    }
    100%{
        opacity: 1;
        -o-transform: scale(1);
           transform: scale(1);
    }
}

@keyframes portfolio-card-activating {
    0%{
        width: 0; height: 0;
        opacity: 0;
        -webkit-transform: scale(0.5);
           -moz-transform: scale(0.5);
             -o-transform: scale(0.5);
                transform: scale(0.5);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes portfolio-card-deactivating {
    0%{
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
        width: 0; height: 0;
    }
}

@-moz-keyframes portfolio-card-deactivating {
    0%{
        opacity: 1;
        -moz-transform: scale(1);
             transform: scale(1);
    }
    100%{
        opacity: 0;
        -moz-transform: scale(0);
             transform: scale(0);
        width: 0; height: 0;
    }
}

@-o-keyframes portfolio-card-deactivating {
    0%{
        opacity: 1;
        -o-transform: scale(1);
           transform: scale(1);
    }
    100%{
        opacity: 0;
        -o-transform: scale(0);
           transform: scale(0);
        width: 0; height: 0;
    }
}

@keyframes portfolio-card-deactivating {
    0%{
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
        width: 0; height: 0;
    }
}


@-webkit-keyframes testimony-activating {
    0%{
        opacity: 0;
        -webkit-transform: translateX(200%) translateY(-50%);
                transform: translateX(200%) translateY(-50%);
    }
    90%{ opacity: 1; }
    100%{
        -webkit-transform: translateX(0) translateY(-50%);
                transform: translateX(0) translateY(-50%);
    }
}


@-moz-keyframes testimony-activating {
    0%{
        opacity: 0;
        -moz-transform: translateX(200%) translateY(-50%);
             transform: translateX(200%) translateY(-50%);
    }
    90%{ opacity: 1; }
    100%{
        -moz-transform: translateX(0) translateY(-50%);
             transform: translateX(0) translateY(-50%);
    }
}


@-o-keyframes testimony-activating {
    0%{
        opacity: 0;
        -o-transform: translateX(200%) translateY(-50%);
           transform: translateX(200%) translateY(-50%);
    }
    90%{ opacity: 1; }
    100%{
        -o-transform: translateX(0) translateY(-50%);
           transform: translateX(0) translateY(-50%);
    }
}


@keyframes testimony-activating {
    0%{
        opacity: 0;
        -webkit-transform: translateX(200%) translateY(-50%);
           -moz-transform: translateX(200%) translateY(-50%);
             -o-transform: translateX(200%) translateY(-50%);
                transform: translateX(200%) translateY(-50%);
    }
    90%{ opacity: 1; }
    100%{
        -webkit-transform: translateX(0) translateY(-50%);
           -moz-transform: translateX(0) translateY(-50%);
             -o-transform: translateX(0) translateY(-50%);
                transform: translateX(0) translateY(-50%);
    }
}
@-webkit-keyframes testimony-deactivating {
    0%{
        opacity: 1;
        -webkit-transform: translateX(0) translateY(-50%);
                transform: translateX(0) translateY(-50%);
    }
    90%{ opacity: 0; }
    100%{
        -webkit-transform: translateX(-200%) translateY(-50%);
                transform: translateX(-200%) translateY(-50%);
    }
}
@-moz-keyframes testimony-deactivating {
    0%{
        opacity: 1;
        -moz-transform: translateX(0) translateY(-50%);
             transform: translateX(0) translateY(-50%);
    }
    90%{ opacity: 0; }
    100%{
        -moz-transform: translateX(-200%) translateY(-50%);
             transform: translateX(-200%) translateY(-50%);
    }
}
@-o-keyframes testimony-deactivating {
    0%{
        opacity: 1;
        -o-transform: translateX(0) translateY(-50%);
           transform: translateX(0) translateY(-50%);
    }
    90%{ opacity: 0; }
    100%{
        -o-transform: translateX(-200%) translateY(-50%);
           transform: translateX(-200%) translateY(-50%);
    }
}
@keyframes testimony-deactivating {
    0%{
        opacity: 1;
        -webkit-transform: translateX(0) translateY(-50%);
           -moz-transform: translateX(0) translateY(-50%);
             -o-transform: translateX(0) translateY(-50%);
                transform: translateX(0) translateY(-50%);
    }
    90%{ opacity: 0; }
    100%{
        -webkit-transform: translateX(-200%) translateY(-50%);
           -moz-transform: translateX(-200%) translateY(-50%);
             -o-transform: translateX(-200%) translateY(-50%);
                transform: translateX(-200%) translateY(-50%);
    }
}

@-webkit-keyframes testimony-activating-reversed {
    0%{
        opacity: 0;
        -webkit-transform: translateX(-200%) translateY(-50%);
                transform: translateX(-200%) translateY(-50%);
    }
    90%{ opacity: 1; }
    100%{
        -webkit-transform: translateX(0) translateY(-50%);
                transform: translateX(0) translateY(-50%);
    }
}

@-moz-keyframes testimony-activating-reversed {
    0%{
        opacity: 0;
        -moz-transform: translateX(-200%) translateY(-50%);
             transform: translateX(-200%) translateY(-50%);
    }
    90%{ opacity: 1; }
    100%{
        -moz-transform: translateX(0) translateY(-50%);
             transform: translateX(0) translateY(-50%);
    }
}

@-o-keyframes testimony-activating-reversed {
    0%{
        opacity: 0;
        -o-transform: translateX(-200%) translateY(-50%);
           transform: translateX(-200%) translateY(-50%);
    }
    90%{ opacity: 1; }
    100%{
        -o-transform: translateX(0) translateY(-50%);
           transform: translateX(0) translateY(-50%);
    }
}

@keyframes testimony-activating-reversed {
    0%{
        opacity: 0;
        -webkit-transform: translateX(-200%) translateY(-50%);
           -moz-transform: translateX(-200%) translateY(-50%);
             -o-transform: translateX(-200%) translateY(-50%);
                transform: translateX(-200%) translateY(-50%);
    }
    90%{ opacity: 1; }
    100%{
        -webkit-transform: translateX(0) translateY(-50%);
           -moz-transform: translateX(0) translateY(-50%);
             -o-transform: translateX(0) translateY(-50%);
                transform: translateX(0) translateY(-50%);
    }
}
@-webkit-keyframes testimony-deactivating-reversed {
    0%{
        opacity: 1;
        -webkit-transform: translateX(0) translateY(-50%);
                transform: translateX(0) translateY(-50%);
    }
    90%{ opacity: 0; }
    100%{
        -webkit-transform: translateX(200%) translateY(-50%);
                transform: translateX(200%) translateY(-50%);
    }
}
@-moz-keyframes testimony-deactivating-reversed {
    0%{
        opacity: 1;
        -moz-transform: translateX(0) translateY(-50%);
             transform: translateX(0) translateY(-50%);
    }
    90%{ opacity: 0; }
    100%{
        -moz-transform: translateX(200%) translateY(-50%);
             transform: translateX(200%) translateY(-50%);
    }
}
@-o-keyframes testimony-deactivating-reversed {
    0%{
        opacity: 1;
        -o-transform: translateX(0) translateY(-50%);
           transform: translateX(0) translateY(-50%);
    }
    90%{ opacity: 0; }
    100%{
        -o-transform: translateX(200%) translateY(-50%);
           transform: translateX(200%) translateY(-50%);
    }
}
@keyframes testimony-deactivating-reversed {
    0%{
        opacity: 1;
        -webkit-transform: translateX(0) translateY(-50%);
           -moz-transform: translateX(0) translateY(-50%);
             -o-transform: translateX(0) translateY(-50%);
                transform: translateX(0) translateY(-50%);
    }
    90%{ opacity: 0; }
    100%{
        -webkit-transform: translateX(200%) translateY(-50%);
           -moz-transform: translateX(200%) translateY(-50%);
             -o-transform: translateX(200%) translateY(-50%);
                transform: translateX(200%) translateY(-50%);
    }
}



@-webkit-keyframes anim-loader {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-box-shadow: 0 0 10px -3px var(--textcol1);
              box-shadow: 0 0 10px -3px var(--textcol1);
    }
    50%{
        -webkit-box-shadow: 0 0 10px 0px var(--textcol1);
                box-shadow: 0 0 10px 0px var(--textcol1);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
      -webkit-box-shadow: 0 0 10px -3px var(--textcol1);
              box-shadow: 0 0 10px -3px var(--textcol1);
    }
}



@-moz-keyframes anim-loader {
    0% {
      -moz-transform: rotate(0deg);
           transform: rotate(0deg);
      -moz-box-shadow: 0 0 10px -3px var(--textcol1);
           box-shadow: 0 0 10px -3px var(--textcol1);
    }
    50%{
        -moz-box-shadow: 0 0 10px 0px var(--textcol1);
             box-shadow: 0 0 10px 0px var(--textcol1);
    }
    100% {
      -moz-transform: rotate(360deg);
           transform: rotate(360deg);
      -moz-box-shadow: 0 0 10px -3px var(--textcol1);
           box-shadow: 0 0 10px -3px var(--textcol1);
    }
}



@-o-keyframes anim-loader {
    0% {
      -o-transform: rotate(0deg);
         transform: rotate(0deg);
      box-shadow: 0 0 10px -3px var(--textcol1);
    }
    50%{
        box-shadow: 0 0 10px 0px var(--textcol1);
    }
    100% {
      -o-transform: rotate(360deg);
         transform: rotate(360deg);
      box-shadow: 0 0 10px -3px var(--textcol1);
    }
}



@keyframes anim-loader {
    0% {
      -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
           -o-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-box-shadow: 0 0 10px -3px var(--textcol1);
         -moz-box-shadow: 0 0 10px -3px var(--textcol1);
              box-shadow: 0 0 10px -3px var(--textcol1);
    }
    50%{
        -webkit-box-shadow: 0 0 10px 0px var(--textcol1);
           -moz-box-shadow: 0 0 10px 0px var(--textcol1);
                box-shadow: 0 0 10px 0px var(--textcol1);
    }
    100% {
      -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
           -o-transform: rotate(360deg);
              transform: rotate(360deg);
      -webkit-box-shadow: 0 0 10px -3px var(--textcol1);
         -moz-box-shadow: 0 0 10px -3px var(--textcol1);
              box-shadow: 0 0 10px -3px var(--textcol1);
    }
}