/*LOGIN*/
h2 {
    font-size: 20px;
    font-family: Oswald;
    font-weight: bold;
    line-height: 22px;
    color: #d6d4d4;
}

.pl-0 {
    padding-left: 0;
}

.page-heading {
    background-color: #222222;
    max-height: 100vh;
}

.page-heading-content {
    padding-left: 14px;
    padding-top: 23px;
    padding-bottom: 14px;
    padding-right: 14px;
}

    .page-heading-content * {
        color: #D6D4D4;
    }

    .page-heading-content h2 {
        font-size: 21px;
        line-height: 21px;
        font-family: Oswald;
        font-weight: bold;
    }

.content-left {
    padding-bottom: 43px;
}

.login {
    padding-top: 50px;
    padding-bottom: 100px;
}

    .login span {
        font-size: 14px;
        font-family: Oswald;
        font-weight: 300;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 10px;
        display: block;
    }

.clear:before, .clear:after {
    content: " ";
    display: table;
    clear: both;
}

.login-signin {
    padding-left: 14px;
    padding-right: 14px;
    width: 216px;
    margin-left: auto;
    margin-right: auto;
}

    .login-signin .input-row {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }

.input-row label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
}

    .input-row label:not(.light) {
        text-transform: uppercase;
        font-family: Oswald;
        font-weight: 600;
    }

.input-row input {
    width: 100%;
    color: #212121;
}

.input-row > input {
    margin-bottom: 10px;
}

.input-row:before, .input-row:after {
    content: " ";
    display: table;
    clear: both;
}

.info-btn {
    display: block;
    width: 100%;
    max-width: 188px;
    height: 43px;
    line-height: 43px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #f8f8f8;
    background-color: #000000;
    text-align: center;
    border: 1px solid #000000;
    border-radius: 8px;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    white-space: nowrap;
}

    .info-btn:hover, .info-btn:focus {
        background-color: #808080;
        border-color: #808080;
        color: #FFF;
    }

.center {
    margin-left: auto;
    margin-right: auto;
}

.link-l {
    font-family: Oswald;
    font-weight: 300;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
}

    .link-l:hover {
        color: inherit;
        text-decoration: underline;
    }

.login-signup {
    text-align: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #C0BFBF;
}

    .login-signup, .login-signup > div {
        margin-left: auto;
        margin-right: auto;
        width: 200px;
    }

.login-fb-btn {
    padding-top: 3px;
    padding-bottom: 15px;
    margin-bottom: 17px;
    border-bottom: 1px solid #C0BFBF;
}

.ok-msg, .error-msg {
    float: left;
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
    text-align: justify;
}

    .ok-msg p, .error-msg p {
        text-transform: uppercase;
        font-size: 12px;
        font-family: Oswald;
        font-weight: 600;
        margin: 0;
    }

    .error-msg p {
        color: #ed1c24;
    }
/*LOGIN*/

/*MEDIAS QUERYS*/
@media screen and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-resolution: 72dpi) {
    .info-btn {
        line-height: 40px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .info-btn {
        line-height: 40px;
    }
}

@media (min-width: 480px) {
    .login {
        padding-right: 50px;
    }

    .md-w-6 {
        width: 50%;
    }

    .md-fl {
        float: left;
    }

    .md-fr {
        float: right;
    }

    .login-signup {
        width: auto;
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 14%;
        border-top: none;
        border-left: solid 1px #C0BFBF;
    }

    .login-fb-btn {
        padding-bottom: 35px;
    }
}

@media (min-width: 768px) {
    .login {
        padding-bottom: 200px;
    }

    .page-heading-content {
        padding-left: 50px;
        padding-right: 0px;
        padding-top: 28px;
        padding-bottom: 23px;
    }

    .content-left {
        width: calc(100% - 250px);
        float: left;
    }

    .content-right {
        margin-top: -50px;
        width: 250px;
        padding-bottom: 43px;
        float: right;
    }
}

@media (min-width: 992px) {
    .page-heading-content {
        width: 56.5%;
    }

    .content-left {
        width: calc(100% - 340px);
    }

    .content-right {
        width: 340px;
    }
}

@media (min-width: 1200px) {
    .content-left {
        width: 700px;
    }

    .content-right {
        width: calc(100% - 700px);
    }
}
/*MEDIAS QUERYS*/