/* Shared */
.loginBtn {
    box-sizing: border-box;
    position: relative;
    padding: 0 15px 0 46px;
    border: none;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    color: #FFF;
    width: 222px;
    line-height: 48px;
    border-radius: 100px;
}
.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 5px;
    left: 20px;
    width: 34px;
    height: 100%;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn-facebook {
    margin-left: 30px;
    background: #FFF;
    color: #4661AF;
    border: 2px solid;
}
.loginBtn-facebook:before {
    background: url('../images/icons/icon-facebook.svg') 6px 6px no-repeat;
}
.loginBtn-facebook:hover,
.loginBtn-facebook:focus {
    background-color: #5B7BD5;
    color: #FFF;
    background-image: linear-gradient(#5B7BD5, #4864B1);
}
.loginBtn-facebook:hover:before,
.loginBtn-facebook:hover:before {
    background: url('../images/icons/icon-facebook-2.svg') 6px 6px no-repeat;
}


/* Google */
.loginBtn-google {
    background: #fff;
    border: 2px solid;
    color: #E33020;
}
.loginBtn-google:before {
    background: url('../images/icons/icon-google.svg') 6px 6px no-repeat;
}
.loginBtn-google:hover,
.loginBtn-google:focus {
    background: #E74B37;
    color: #FFF;
}
.loginBtn-google:hover:before,
.loginBtn-google:focus:before {
    background: url('../images/icons/icon-google-2.svg') 6px 6px no-repeat;
}

/*BUTTON LOADER*/
.btn-loader-msg {
    display: inline-block;
    position: relative;
    padding-right: 30px;
}
.btn-loader {
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #00aeee;
    background: -moz-linear-gradient(left, #00aeee 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #00aeee 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #00aeee 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #00aeee 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #00aeee 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: btn-loader-anim 1.4s infinite linear;
    animation: btn-loader-anim 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.btn-loader.btn-loader-small {
    width: 24px;
    height: 24px;
    top: 12px;
}
.btn-loader.btn-loader-google {
    background: #fff;
    background: -moz-linear-gradient(left, #E33020 10%, #E33020 42%);
    background: -webkit-linear-gradient(left, #E33020 10%, #E33020 42%);
    background: -o-linear-gradient(left, #E33020 10%, #E33020 42%);
    background: -ms-linear-gradient(left, #E33020 10%, #E33020 42%);
    background: linear-gradient(to right, #E33020 10%, #E33020 42%);
}
.btn-loader.btn-loader-facebook {
    background: #fff;
    background: -moz-linear-gradient(left, #4661AF 10%, #4661AF 42%);
    background: -webkit-linear-gradient(left, #4661AF 10%, #4661AF 42%);
    background: -o-linear-gradient(left, #4661AF 10%, #4661AF 42%);
    background: -ms-linear-gradient(left, #4661AF 10%, #4661AF 42%);
    background: linear-gradient(to right, #4661AF 10%, #4661AF 42%);
}
.btn-loader:before {
    width: 50%;
    height: 50%;
    background: #fff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.btn-loader.btn-loader-blue:before {
    background: #fff;
}
.btn-loader:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.btn-loader.btn-loader-blue:after {
    background: #FFF;
}
@-webkit-keyframes btn-loader-anim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes btn-loader-anim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}