@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

body { overflow-x: hidden;
    animation: fade-in 2s;}
a { cursor: pointer }
a:link {text-decoration: none}

.cursor-pointer { cursor: pointer; }
h1, h2, h3, h4 { font-family: 'Libre Baskerville', serif;}
h5, h6, p, span { font-family: 'Raleway', sans-serif; }

.parsley-errors-list { color: #fff; list-style: none; padding: 0; margin: 0; font-size: 12px; }
input.parsley-error,
textarea.parsley-error,
textarea.parsley-error:focus,
input.parsley-error:focus { border-color: #fff; }

.logo { max-width: 350px }

.font-libre {font-family: 'Libre Baskerville', serif !important;}

.bg-marrom { background-color: #90723B; }
.bg-black { background-color: #000 !important; }
.bg-verde { background-color: #296340; }
.bg-bege { background-color: #D7B782; }
.bg-darkBege { background-color: #9e885d}

.text-marrom { color: #90723B; }
.text-verde { color: #296340; }
.text-bege { color: #D7B782 !important; }
.text-darkBege {color: #9e885d}

.border-bege { border-color: #D7B782 !important; }

.text-sm { font-size: 12px; }
.text-md { font-size: 14px; }
.text-lg { font-size: 18px !important; }
.text-xlg { font-size: 25px !important; }

.tel-container { align-items: center; height: 60px;}
.containerBall { margin-left: -20px; }
.back-ball { background-color: #9e885d; width: 35px; height: 35px; border-radius: 50%; display: flex;
    justify-content: center; align-items: center;}
.tel-ball { width: 28px; height: 28px; border-radius: 50%; display: flex;
    justify-content: center; align-items: center }

.btn-primary {
    background-color: #D7B782 !important;
    border: none!important;
}
.large-icon { font-size: 40px }

.form-control{
    border: #D7B782 1px solid;
}

.form-control:focus {
    color: #9e885d;
    border: #D7B782 1px solid;
    box-shadow: #fff 1px 1px 10px;
}

.content-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.slide-in-first {
    animation: slide ease-in-out 1.5s;
    animation-fill-mode: backwards;
}

.slide-in-second {
    animation: slide ease-in-out 1.5s;
    animation-fill-mode: backwards;
    animation-delay: 200ms;
}