@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
#auth-box
{
    padding: calc(1.3125rem + .75vw) 0 0;
}

@media (min-width: 1200px)
{
    #auth-box
    {
        padding: 1.875rem 0 0;
    }
}

#auth-box #the-logo
{
    margin: 0;
    padding: 0 0 calc(1.3rem + .6vw);

    text-align: center;
}

@media (min-width: 1200px)
{
    #auth-box #the-logo
    {
        padding: 0 0 1.75rem;
    }
}

#auth-box .title
{
    font-size: calc(1.325rem + .9vw);

    margin: 0;
    padding: 0 0 .9375rem;
}

@media (min-width: 1200px)
{
    #auth-box .title
    {
        font-size: 2rem;
    }
}

#auth-box #middle-part
{
    overflow: hidden;

    padding: .9375rem;

    border-radius: 3px;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

#auth-box .back-link
{
    padding: 1rem 0 0;
}

#auth-box #bottom-part
{
    font-size: .75rem;

    padding: 1rem 0 0;

    text-align: center;
}

#auth-box .user-form .form-control
{
    max-width: 100%;
}

#auth-box .block-title
{
    height: 1px;
    margin: calc(1.325rem + .9vw) 0;

    text-align: center;

    background: #eee;
}

@media (min-width: 1200px)
{
    #auth-box .block-title
    {
        margin: 2rem 0;
    }
}

#auth-box .block-title span
{
    font-size: 1rem;

    position: relative;
    top: calc(-1.275rem - .3vw);

    padding: 0 .75rem;

    text-transform: uppercase;

    background: #fff;
}

@media (min-width: 1200px)
{
    #auth-box .block-title span
    {
        top: -1.5rem;
    }
}

#auth-box .user-login-form
{
    text-align: left;
}

#auth-box .user-login-form .form-checkbox
{
    margin-top: .5rem;
}

#auth-box .user-login-form .option
{
    font-size: 1rem;
}

#auth-box .form-actions
{
    text-align: center;
}

#auth-box .block-social-auth-login
{
    text-align: center;
}