.form-control[type=text],
.form-control[type=email],
.form-control[type=tel],
textarea.form-control {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
}

.form-control[type=text]::placeholder,
.form-control[type=email]::placeholder,
.form-control[type=tel]::placeholder,
textarea.form-control::placeholder {
    color: #e2e2e2;
}

.form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-left-width: 8px;
    outline: 0;
}

.form-row textarea.form-control {
    height: 152px;
}

.form-row {
    background: radial-gradient(#c10000, #870101, #630000);
}

.form-row button.btn{
    color: #630000;
    background: #fff;
    border: 2px solid #fff;
    transition: 0.5s all;
    padding: 1rem 5rem;
}

.form-row span.select2-selection.select2-selection--single {
    background: transparent;
    border: 2px solid #fff;
}

.form-row button.btn:enabled {
    cursor: pointer;
}

.form-row button.btn:hover:enabled {
    color: #fff;
    background: transparent;
}

.form-row a, .docs a {
    color: #fff;
}

.container.docs {
    background: #2d2d2d;
}

.container.docs hr {
    width: 200px;
    height: 1px;
    margin: 2rem 0rem;
    background: #fff;
    text-align: left;
}

.bg-light {
    background: #e3e5e6;
    color: #000;
}

.docs a span {
    text-decoration: underline;
}

.docs a:hover {
    text-decoration: none;
}

.docs a:hover i {
    color: #c10000;
}

h2 {
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .display-2 {
        font-size: 3.5rem;
    }
}

@media only screen and (max-width: 399px) {
    .display-2 {
        font-size: 2.5rem;
    }
}

.has-error {
    background: red;
    border-radius: 5px;
}

.attention {
    padding: 1rem;
    border-left: 5px solid #f32317;
    font-size: 120%;
}