.loginFormHumanCheckWrap { 
    font-size:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    padding:1.25rem;
    margin-top:1rem;
    background:#e9e9e9;
    border-radius:.25rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:opacity 0.3s linear, -webkit-transform .3s cubic-bezier(0.745, -0.600, 0.110, 1.650);
    transition:opacity 0.3s linear, -webkit-transform .3s cubic-bezier(0.745, -0.600, 0.110, 1.650);
    -o-transition:opacity 0.3s linear, transform .3s cubic-bezier(0.745, -0.600, 0.110, 1.650);
    transition:opacity 0.3s linear, transform .3s cubic-bezier(0.745, -0.600, 0.110, 1.650);
    transition:opacity 0.3s linear, transform .3s cubic-bezier(0.745, -0.600, 0.110, 1.650), -webkit-transform .3s cubic-bezier(0.745, -0.600, 0.110, 1.650);
}

.loginFormHumanCheckWrap.conf { 
    transform:scale3d(0, 0, 0);
}

.captchaIcon { 
    width:2rem;
}

/* custom google captcha clone */
.humanCheck + label { 
    display:flex;
    cursor:pointer;
}

.humanCheck + label > span { 
    display:inline-block;
    position:relative;
    background-color:transparent;
    width:20px;
    height:20px;
    transform-origin:center;
    border:.1rem solid #939393;
    border-radius:.15rem;
    transition:background-color 150ms 200ms, transform 350ms cubic-bezier(.78,-1.22,.17,1.89);
}

.humanCheck + label > span:before { 
    content:"";
    position:absolute;
    width:0;
    height:2px;
    border-radius:.15rem;
    background:#939393;
    transform:rotate(49deg);
    top:8px;
    left:4px;
    transition:width .05s ease .05s;
    transform-origin:0% 0%;
}

.humanCheck + label > span:after { 
    content:"";
    position:absolute;
    width:0;
    height:2px;
    border-radius:.15rem;
    background:#939393;
    transform:rotate(306deg);
    top:13px;
    left:5.5px;
    transition:width .05s ease;
    transform-origin:0% 0%;
}

.humanCheck + label > span:hover:before { 
    width:6px;
    transition:width 100ms ease;
}

.humanCheck + label > span:hover:after { 
    width:12px;
    transition:width 150ms ease 100ms;
}

.humanCheck, .humanCheck2 { 
    position:absolute;
    opacity:0;
    z-index:-1;
}

.humanCheck:checked + label > span { 
    background-color:green;
    transform:scale(1.25);
    border-color:green;
    border-radius:1rem;
}

.humanCheck:checked + label > span:before { 
    width:6px;
    background:#fff !important;
    transition:width .2s ease .1s, background .1s ease .2s;
}

.humanCheck:checked + label > span:after { 
    width:12px;
    background:#fff !important;
    transition:width .2s ease .1s, background .1s ease .2s;
}