@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-top: 5%;
    color: #333;
    font-size: 14px;
    background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Lato, Arial, Tahoma, sans-serif;
    color: #000 !important;
}

.form-control {
    font-size: 14px;
}

.required {
    display: block;
}

    .required label, .required span {
        /* constrain the absolutely positioned pseudo */
        position: relative;
        /* create some space for the '*' */
        margin-right: .4em;
    }

        .required label:after, .required span::after {
            color: #CC0000;
            content: "*";
            display: block;
            position: absolute;
            right: -.6em;
            top: -.1em;
        }

img {
    max-width: 100%;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: .5;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    opacity: .5;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    opacity: .5;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    opacity: .5;
}

@media (max-width: 991px) {
    .custom-control-inline {
        display: block;
    }
}

label {
    font-weight: 600;
}

.security-code {
    position: relative;
}

    .security-code img {
        position: absolute;
        top: 35px;
        right: 11px;
        height: auto;
    }