.form-bg{
    background: linear-gradient(to right,#e16b47,#3d3537);
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

.form-horizontal .form-group{
    margin-bottom: 30px;
}

.form-horizontal hr{
    border: 1px solid rgba(255,255,255,0.3);
    margin: 20px 0;
}

.form-horizontal .control-label{
    text-align: left;
}

.form-horizontal .form-control{
    padding: 5px 15px;
    background: #fff;
    border: 1px solid #00c7c7;
}

.form-horizontal .form-control:focus{
    box-shadow:0 1px 10px #00c7c7;
}

.form-horizontal .btn-default{
    background: #00c7c7;
    border-color: transparent;
    color: #fff;
    margin-left: -45px;
    border-radius: 0 4px 4px 0;
}

.form-horizontal .btn-default:hover{
    background :#000;
    border-color: transparent;
    color: #fff;
}

.form-horizontal .checkbox-custom{
    opacity: 0;
    position: absolute;
}

.form-horizontal .checkbox-custom,
.form-horizontal .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.form-horizontal .checkbox-custom-label{
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before{
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height:30px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    vertical-align: middle;
    margin-right: 10px;
}

.checkbox-custom:checked + .checkbox-custom-label:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    background: #00c7c7;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

@media only screen and (max-width: 767px){
    .form-horizontal .btn-default{
        margin-left: -33px;
    }
}