.auth-page{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    min-height:100vh
}
.ie .auth-page{
    display:table;
    margin:0 auto
}
.auth-page .page-container{
    padding:0
}
.ie .auth-page .page-container{
    display:table-cell;
    vertical-align:middle
}
.auth-page .page-container .auth-form{
    position:relative;
    background:#fff;
    padding:15px;
    margin:auto;
    box-shadow:0px 0px 12.87px 0.13px rgba(0,0,0,0.13);
    margin-bottom:25px
}
.auth-page .page-container .auth-form>a{
    display:block;
    text-align:center;
    padding:5px 0 15px 0
}
.auth-page .page-container .auth-form>a img{
    max-width:200px;
    max-height:40px
}
.auth-page .page-container .auth-form .inputs{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    justify-content:space-between;
    -ms-flex-pack:space-between;
    border:0;
    height:45px;
    color:#9a9a9a
}
.auth-page .page-container .auth-form .inputs .input-validate{
    max-width:initial
}
.ie .auth-page .page-container .auth-form .inputs .input-validate{
    max-width:100%
}
.auth-page .page-container .auth-form .inputs.login-email{
    position:relative
}
.auth-page .page-container .auth-form .inputs.login-email input{
    padding-left:30px
}
.auth-page .page-container .auth-form .inputs.login-email:after{
    content:"\f0e0";
    font-family:"Faprika";
    position:absolute;
    top:16px;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .inputs.login-password input{
    padding-left:30px
}
.auth-page .page-container .auth-form .inputs.login-password:after{
    content:"\f023";
    font-family:"Faprika";
    position:absolute;
    top:16px;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .inputs.login-password .forget-password{
    font-size:12px;
    color:#E21D69;
    position:absolute;
    top:10px;
    right:10px;
    padding:0
}
.auth-page .page-container .auth-form .inputs.register-name{
    position:relative
}
.auth-page .page-container .auth-form .inputs.register-name input{
    padding-left:30px
}
.auth-page .page-container .auth-form .inputs.register-name:after{
    content:"\f007";
    font-family:"Faprika";
    position:absolute;
    top:16px;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .inputs.register-lastname{
    position:relative
}
.auth-page .page-container .auth-form .inputs.register-lastname input{
    padding-left:30px
}
.auth-page .page-container .auth-form .inputs.register-lastname:after{
    content:"\f007";
    font-family:"Faprika";
    position:absolute;
    top:16px;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .inputs.register-email{
    position:relative
}
.auth-page .page-container .auth-form .inputs.register-email input{
    padding-left:30px
}
.auth-page .page-container .auth-form .inputs.register-email:after{
    content:"\f0e0";
    font-family:"Faprika";
    position:absolute;
    top:16px;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .inputs.register-password input{
    padding-left:30px
}
.auth-page .page-container .auth-form .inputs.register-password:after{
    content:"\f023";
    font-family:"Faprika";
    position:absolute;
    top:16px;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .inputs.password-recovery input{
    padding-left:30px
}
.auth-page .page-container .auth-form .inputs.password-recovery:after{
    content:"\f0e0";
    font-family:"Faprika";
    position:absolute;
    top:16px;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .buttons .login-button{
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
    padding:0 15px;
    font-weight:600;
    color:#fff;
    background:#E21D69;
    border:1px solid #E21D69;
    border-radius:3px;
    width:100%;
    margin-top:5px
}
.auth-page .page-container .auth-form .buttons .guest-button{
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
    padding:0 15px;
    font-weight:600;
    color:#E21D69;
    border:1px solid #e2e6eb;
    border-radius:3px;
    width:100%;
    margin-top:5px;
    display:block;
    text-align:center
}
.auth-page .page-container .auth-form .buttons .register-button{
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
    padding:0 15px;
    font-weight:600;
    color:#fff;
    background:#E21D69;
    border:1px solid #E21D69;
    border-radius:3px;
    width:100%;
    margin-top:5px
}
.auth-page .page-container .auth-form .buttons .password-recovery-button{
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
    padding:0 15px;
    font-weight:600;
    color:#fff;
    background:#E21D69;
    border:1px solid #E21D69;
    border-radius:3px;
    width:100%;
    margin-top:5px
}
.auth-page .page-container .auth-form .buttons .register-continue-button{
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
    padding:0 15px;
    font-weight:600;
    color:#fff;
    background:#E21D69;
    border:1px solid #E21D69;
    border-radius:3px;
    width:100%;
    margin-top:5px
}
.auth-page .page-container .auth-form .message{
    font-size:12px;
    text-align:center;
    padding:10px 0;
    line-height:18px
}
.auth-page .page-container .auth-form .message span{
    color:#E21D69;
    cursor:pointer
}
.auth-page .page-container .auth-form .divider{
    text-align:center;
    padding:10px 0;
    position:relative
}
.auth-page .page-container .auth-form .divider span{
    background:#fff;
    padding:0 10px;
    position:relative
}
.auth-page .page-container .auth-form .divider:before{
    content:"";
    width:100%;
    height:1px;
    background:#e2e6eb;
    position:absolute;
    left:0;
    top:50%
}
.auth-page .page-container .auth-form .external-authentication .buttons a{
    color:#fff;
    border-radius:3px;
    line-height:35px;
    cursor:pointer;
    padding:0 15px;
    margin-bottom:10px;
    display:block;
    text-align:center
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-facebook{
    background:#39599f;
    position:relative
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-facebook:before{
    content:"\f39e";
    font-family:"FaprikaBrand";
    position:absolute;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-instagram{
    background:#4c68d7;
    position:relative
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-instagram:before{
    content:"\f16d";
    font-family:"FaprikaBrand";
    position:absolute;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-google{
    background:#d34836;
    position:relative
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-google:before{
    content:"\f1a0";
    font-family:"FaprikaBrand";
    position:absolute;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-twitter{
    background:#1dcaff;
    position:relative
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-twitter:before{
    content:"\f099";
    font-family:"FaprikaBrand";
    position:absolute;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-microsoft{
    background:#00A1F1;
    position:relative
}
.auth-page .page-container .auth-form .external-authentication .buttons .button-microsoft:before{
    content:"\f17a";
    font-family:"FaprikaBrand";
    position:absolute;
    left:10px;
    font-size:14px
}
.auth-page .page-container .auth-form .message-error{
    border:1px solid #d33;
    border-radius:3px;
    padding:10px;
    font-size:13px;
    line-height:15px;
    text-align:center;
    color:#fff;
    background:#e45f5f
}
.auth-page .page-container .auth-form .message-error ul li{
    font-weight:600
}
.auth-page .page-container .auth-form .return-register{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center
}
.auth-page .page-container .auth-form .return-register a{
    display:initial;
    color:#E21D69
}
.auth-page .page-container .auth-form .result{
    padding:15px;
    position:relative;
    margin:0 0 10px 0;
    background-color:#94db94;
    border-left:3px solid #393;
    color:#393
}
.auth-page .page-container .bottom-wrap{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    box-shadow:0px 0px 12.87px 0.13px rgba(0,0,0,0.13);
    text-align:center;
    font-size:12px;
    background:#fff;
    padding:15px
}
.auth-page .page-container .bottom-wrap a{
    color:#E21D69
}
@media only screen and (min-width: 480px){
    .auth-page{
        -webkit-align-items:center;
        -moz-align-items:center;
        -ms-align-items:center;
        align-items:center
    }
    .auth-page .page-container .auth-form{
        border:1px solid #e2e6eb;
        border-radius:3px;
        width:340px
    }
    .auth-page .page-container .bottom-wrap{
        border:1px solid #e2e6eb;
        border-radius:3px;
        position:relative;
        margin:auto;
        width:340px
    }
}