a.close {
    
    height: 1.0em;
        color: rgb(255,255,255);
    display: block;
    font-family: 'Varela Round', sans-serif;
    font-size: 1.8em;
    padding: .5em .5em;
    position: absolute;
    top: 1.5rem;
    transition: all 400ms ease;
    right: 1.5rem;
}

    a.close:hover {
        color: #f80000;
        cursor: pointer;
    }

/*
*    Панель входа
*/
div.overlay {
    background-color: rgba(0,0,0,.25);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

    div.overlay > div.login-wrapper {
        align-self: center;
        border-radius: 2px;
        padding: 6px;
        width: 450px;
    }

        div.overlay > div.login-wrapper > div.login-content {
            border-radius: 4px;
            padding: 24px;    
            position: relative;
        }

            div.overlay > div.login-wrapper > div.login-content > h3 {
                color: rgb(0,0,0);
                font-size: 1.8em;
                margin: 0 0 1.25em;
                padding: 0;
            }
/*
*    Форма
*/
form label {
    color: rgb(0,0,0);
    display: block;
    font-size: 1.25em;
    margin: .75em 0;    
}

form button {
    background-color: #50c1e9;
    border: 1px solid rgba(0,0,0,.1);
    color: rgb(255,255,255);
    font-size: .85em;
    padding: .55em .9em;
    transition: all 400ms ease;    
}

    form button:hover {
        background-color: #1bc5b3;
        cursor: pointer;
    }
    
    .block-header-pop {
    font-size: 1.8em;
    padding: .2em .5em .5em;
    text-align: center;
    color: #333333;
    }
    
    .form-block-rl-pop {
  margin-top: 10px;
  background-color: #f5f5f5;
  border: 3px solid #e5e5e5;
  border-radius: 26px;
}

.form-block-rl-pop:before,
.form-block-rl-pop:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-block-rl-pop:after {
  clear: both;
}