.wcm-hidden {
    display: none !important;
}

.wcm-nooutline *:focus {
    outline:0;
    }

.wcm-nooutline *::-moz-focus-inner {
    border:0;
}


@keyframes wcm-spin {
    from {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

@keyframes wcm-spin-in {
    0% {
        -webkit-transform:scale(0);
        transform:scale(0);
    }
    30% {
        -webkit-transform:scale(1.8);
        transform:scale(1.5);
    }
    70% {
        -webkit-transform:scale(0.7);
        transform:scale(0.8);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}


.wcm-spinner:after {
    content:"";
    height:3rem;
    width:3rem;
    position:absolute;
    top:50%;
    left:50%;
    animation-name: wcm-spin, wcm-spin-in;
    animation-duration: 750ms, 250ms;
    animation-iteration-count: infinite, 1;
    animation-timing-function: linear, ease-in-out;
    margin:-1.5rem 0 0 -1.5rem;
    border-radius:50%;
    -webkit-transform-origin:center;
    transform-origin:center;
    border:0.2rem solid rgba(197,111,213,0.5);
    border-left-color: #c56fd5;
    border-bottom-color: #c56fd5;
    opacity:1;
    z-index:1000;
}