body {
    background: #202d43;
    color: #fff;
    font-family: "Roboto", sans-serif;
}
.wrapper.login-page {
}
.banner-text {
    position: relative;
}

/* BUTTONS */
.btn {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem;
}
.btn-primary {
    background-color: #d10b0b;
    border-color: #d10b0b;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #fff;
    color: #d10b0b;
    border-color: #d10b0b;
}
.btn-secondary {
    background-color: #202d43;
    border-color: #202d43;
}
.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #fff;
    color: #202d43;
    border-color: #999;
}
.btn-firsthand {
    background-color: transparent;
    border-color: #fff;
}
.btn-firsthand:hover,
.btn-firsthand:focus {
    background-color: #fff;
    color: #202d43;
    border-color: #999;
}

/* Page specific styles */
.login-page .logo-container {
}
.login-page .logo-container .logo {
    max-width: 300px;
}

.login-page .login-form,
.login-page .login-form-side {
    background: #fff;
    color: #222;
}
.login-page .form-title {
    margin-bottom: 2.2rem !important;
}

.login-page .banner-sec {
    position: relative;
    color: #fff;
    background: url(/login/images/camps-login.jpg) no-repeat 50% 0 #000;
    background-size: cover;
}
.login-page .banner-sec .banner-logo,
.login-page .banner-sec .banner-title,
.login-page .banner-sec .banner-text {
    margin-bottom: 3.6rem;
    position: relative;
    z-index: 2;
}
.login-page .banner-sec .banner-logo img {
    max-width: 100px;
}
.login-page .banner-sec:before {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}
.login-page .banner-sec * {
    position: relative;
    z-index: 2;
}
.login-page .button-group {
    padding: 20px;
    text-align: center;
    background: #e6e6e6;
}
.login-page .button-group .btn {
    margin: 10px;
}

.login-page .social-network {
    padding: 0;
}
.login-page .social-network li {
    display: inline-block;
    vertical-align: top;
}
.login-page .social-network a {
    display: inline;
    font-size: 1.5rem;
    padding: 0.3rem 0.5rem;
}
.login-page .social-network a:hover {
    opacity: 0.6;
}

.login-page .footer-container {
    color: #fff;
    font-size: 0.8rem;
}
.login-page .footer-container a {
    color: #fff;
    text-decoration: underline;
}
.login-page .footer-container a:hover {
    text-decoration: none;
    opacity: 0.6;
}
.login-page .footer-container .footer-elm {
    padding: 0 0.25rem;
}

.login-page .black a,
.login-page .black a:hover {
    color: #fff;
}

.login-page .c-primary {
    color: #d10b0b !important;
}
.login-page .col-centered {
    float: none;
    margin: 0 auto;
}
.login-page .error-msg {
    margin-bottom: 0.5rem !important;
}