body {
  font-family: "Roboto", sans-serif;
  background-color: #fff; }

p {
    color: #606060;
    font-weight: 300;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border: #fa4617 1px solid !important;
    padding-right: calc(1.5em + 1rem) !important;
    background-image: url('../../assets/images/warning.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .25rem) center !important;
    background-size: calc(.75em + .5rem) calc(.75em + .5rem) !important;
}

    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
        font-family: "Roboto", sans-serif;
    }

    a {
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
    }

        a:hover {
            text-decoration: none !important;
        }

    .content {
        padding: 7rem 0;
    }

    h2 {
        font-size: 20px;
    }

    .half, .half .container > .row {
        height: 100vh;
        min-height: 700px;
    }

        .half .contents {
            background: #f6f7fc;
        }

        .half .contents {
            width: 100%;
        }

    @media (max-width: 767.98px) {
        .half .contents {
            width: 100%;
        }
    }

    .half .contents .form-control, .half .bg .form-control {
        border: none;
        border-radius: 4px;
        height: 44px;
        background: #efefef;
    }

        .half .contents .form-control:active, .half .contents .form-control:focus, .half .bg .form-control:active, .half .bg .form-control:focus {
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .half .bg {
        background-size: cover;
        background-position: center;
    }

    .half a {
        color: #006ec5;
        text-decoration: underline;
    }

    .half .btn {
        padding-left: 30px;
        padding-right: 30px;
    }

    .half .forgot-pass {
        position: relative;
        top: 2px;
        font-size: 14px;
    }

    .form-block {
        background: #fff;
        padding: 40px;
        border-radius: 10px;
        max-width: 500px;
        -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
    }

    @media (max-width: 767.98px) {
        .form-block {
            padding: 25px;
        }
    }

    .control {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 15px;
        cursor: pointer;
        font-size: 14px;
    }

        .control .caption {
            position: relative;
            top: .2rem;
            color: #888;
        }

        .control input {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }

    .control__indicator {
        position: absolute;
        top: 2px;
        left: 0;
        height: 20px;
        width: 20px;
        background: #e6e6e6;
        border-radius: 4px;
    }

    .control--radio .control__indicator {
        border-radius: 50%;
    }

    .control:hover input ~ .control__indicator,
    .control input:focus ~ .control__indicator {
        background: #ccc;
    }

    .control input:checked ~ .control__indicator {
        background: #426dff;
    }

    .control:hover input:not([disabled]):checked ~ .control__indicator,
    .control input:checked:focus ~ .control__indicator {
        background: #426dff;
    }

    .control input:disabled ~ .control__indicator {
        background: #e6e6e6;
        opacity: 0.9;
        pointer-events: none;
    }

    .control__indicator:after {
        font-family: 'icomoon';
        content: '\e5ca';
        position: absolute;
        display: none;
        font-size: 16px;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
    }

    .control input:checked ~ .control__indicator:after {
        display: block;
        color: #fff;
    }

    .control--checkbox .control__indicator:after {
        top: 50%;
        left: 50%;
        margin-top: -1px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .control--checkbox input:disabled ~ .control__indicator:after {
        border-color: #7b7b7b;
    }

    .control--checkbox input:disabled:checked ~ .control__indicator {
        background-color: #7e0cf5;
        opacity: .2;
    }

    .btn {
        text-decoration: none !important;
    }

        .btn.btn-facebook {
            display: block;
            background: #3b5998;
            color: #fff;
        }

        .btn.btn-google {
            background: #ea4335;
            color: #fff;
        }