:root {
    --primary: #0b445d;
    --secundary: #b89d6a;
}

@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

.fade-in {
    opacity: 0 ;
}

.start-fade-in {
    opacity: 0 ;
}

html {
    scroll-behavior: smooth!important;
}

body {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

tikzar-footer {
    margin-top: auto !important;
}

body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.logo {
    padding-left: 0!important;
    width: 8rem !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.freecopy {
    background-image: url('../img/foreclosure_guide.png');
    width: 18rem;
    height: 24rem;
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000000;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--primary) !important;
    opacity: .9;

    /* Firefox */
}

select {
    color: var(--primary) !important;
    opacity: .9;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--primary)  !important;
    opacity: 0.9;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--primary)  !important;
    opacity: 0.9;
}

.reach-out {
    font-size: 0.95rem;
}

.disclaimer {
    font-size: .8rem;
    line-height: 1.2rem !important;
}

.equal-housing {
    height: 1rem;
    width: 1rem;
}

.form-getOfferBtn {
    right: 4px;
    width: 15vw;
}

.sgv-list {
    background-image: url('../../../assets/icon/svg-list.svg');
    height: 4em;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center top;
}

.sgv-invoice {
    background-image: url('../../../assets/icon/svg-invoice.svg');
    height: 4em;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center top;
}

.sgv-delivery {
    background-image: url('../../../assets/icon/svg-time.svg');
    height: 4em;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center top;
}

.when-to-choose {
    background-color: #f6f6f6;
}

footer .logo {
    width: 8rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.phone-out {
    height: 60px;

    /* -webkit-transform: skew(-20deg); */
    /* transform: skew(-20deg); */
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.hero > form-control {
    border-radius: 0 !important;
}

.search-address-form {
}

.icon svg {
    width: auto !important;
}

.icon {
    display: block !important;
    width: 1.5em !important;
    height: auto !important;
}

svg {
    display: block;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

h1 {
    font-size: 3rem!important;
    color: white;
}

h5 {
    font-weight: 600!important;
}

.hero {
    height: 550px !important;
}

.hero .btn,
.get-my-offer .btn {
    border-radius: 0 5px 5px 0  !important;
}

.contact-specialist {
    margin-bottom: 2px !important;
}

.nav-link:hover {
    color: var(--secundary) !important;
}

.phone a:hover {
    color: var(--secundary) !important;
}

/* CELULAR */
@media only screen and (max-width:767px) {
    .hero {
        height: auto !important;
    }

    .btn,
    input,
    select {
        height: 50px;
        line-height: 200% !important;
    }

    .hero-xs {
        height: 200px;
    }

    div.logo {
        width: 5.5rem !important;
        margin-left: 1rem;
    }

    .navbar-toggler {
        margin-right: .5rem;
    }

    .contact-specialist {
        position: absolute;
        width: 100%;
        bottom: 0 !important;
    }

    #navbarNavDropdown {
        top: 79px !important;
        z-index: 10 !important;
        transition: height 0s ease;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        position: fixed !important;
    }

    .hours {
        font-size: .7rem;
        color: #AAA !important;
    }

    h1 {
        font-size: 1.8rem !important;
        color: var(--primary) !important;
    }

    form .input-group,
    button,
    .phone-button,
    .hero .btn {
        border-radius: 5px !important;
        font-size: .9rem !important;
        line-height: 2rem !important;
    }

    .get-my-offer .btn {
        border-radius: 5px !important;
    }

    .phone-button {
        font-weight: 600 !important;
    }

    .phone-button:hover {
        color: white !important;
    }

    #addressInput {
        font-size: 1rem !important;
    }

    .hero h5 {
        font-size: 1rem!important;
    }

    h1 {
        font-size: 1.5rem!important;
    }
}

/* IPAD */
@media only screen and (min-width:768px) and (max-width:991px) {
    div.logo {
        width: 6.3rem !important;
        margin-left: 1rem;
    }

    .hours {
        font-size: .7rem;
        color: #AAA !important;
    }

    .contact-specialist {
        font-size: .7rem !important;
    }

    .hero {
        height: 450px!important;
    }

    h1 {
        font-size: 2.2rem!important;
    }

    .hero h5 {
        font-size: 1.2rem!important;
    }
}

.deco-divider {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
}

main {
    margin-top: 85px;
}

@media only screen and (min-width:992px) {
    div.logo {
        width: 6.3rem !important;
        margin-left: 1rem;
    }

    .hours {
        font-size: .7rem;
        color: #AAA !important;
    }

    .contact-specialist {
        font-size: .7rem !important;
    }
}