.form-control {
    padding-left: 1.8rem;
    height: 48px;
}

@media screen and (min-width: 767px) {
    .container-contact {
        min-height: 92vh;
    }
}


.bg-contact img {
    width: 400px;
    margin: 0 auto;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@media screen and (max-width: 767px) {
    .bg-contact img {
        width: 100%;
    }
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.bg-contact img:hover {
    transform: scale(1.1);
    transition: transform .5s;
}

.input-icon {
    top: 18px;
    left: 10px;
}

form,
::placeholder {
    color: #52565e;
}

.contact-footer {
    background: url(../../img/footer-bg.jpg) no-repeat center center;
    background-size: cover;
    height: 200px;
}

.error-message {
    flex: 0 0 100%;
    color: red;
}

form .fa-spinner {
    display: none;
}

form.isLoading .fa-spinner {
    display: inline-block;
}