/***********************
 * PRINCIPAL DA PÁGINA *
 ***********************/

/*********************
 * HOTSITE -> BANNER *
 *********************/

#pagina-default-hotsite article#hotsite-banner div.background-hotsite {
    background-image: url('../../../../default/images/backgrounds/hotsite-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 603px;
}

/* max-width 600px */
@media screen and (max-width: 600px) {
    #pagina-default-hotsite article#hotsite-banner div.background-hotsite {
        zoom: 60%;
    }
}
/* end max-width 600px */

#pagina-default-hotsite article#hotsite-banner div.background-hotsite img {
    display: block;
    margin: 0 auto;
}

/**********************
 * HOTSITE -> CONHEÇA *
 **********************/
#pagina-default-hotsite article#conheca {
    margin-top: 4rem;
}

#pagina-default-hotsite article#conheca h2 {
    color: #8b553c;
}

#pagina-default-hotsite article#conheca p {
    color: #a4a4a4;
    font-size: 1.125rem;
}

#pagina-default-hotsite .conheca-1 {
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 600px) {
    #pagina-default-hotsite article#conheca .conheca-box {
        overflow: hidden;
    }

    #pagina-default-hotsite .conheca-1 {
        transform: scale(1.2);
    }

}

/* Small only */
@media screen and (max-width: 39.9375em) {
    #pagina-default-hotsite article#conheca div.conheca-mais p {
        color: #36aedd;
        font-size: 1.125rem;
    }

    #pagina-default-hotsite article#conheca div.conheca-mais hr {
        border-color: #36aedd;
    }
} /* max-width 639px, mobile-only styles */

/************************
 * HOTSITE -> SOLICITAR *
 ************************/

#pagina-default-hotsite article#solicitar {
    margin-top: 4rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #36aedd;
}

#pagina-default-hotsite article#solicitar div.solicitar-retorno span.loading {
    display: block;
    margin: auto;
    width: 30px;
    height: 30px;
    background: url(../../../../default/images/hotsite/loading.gif) no-repeat center center;
}

#pagina-default-hotsite article#solicitar h2 {
    color: #fff;
}

#pagina-default-hotsite article#solicitar p {
    color: #fff;
    font-size: 1.125rem;
}

/* max-width 600px */
@media screen and (max-width: 600px) {
    #pagina-default-hotsite article#solicitar .form-header {
        text-align: center;
    }

    #pagina-default-hotsite article#solicitar .form-header br {
        display: none;
    }

    #pagina-default-hotsite article#solicitar .form-text {
        text-align: center;
    }

    #pagina-default-hotsite article#solicitar .form-text br {
        display: none;
    }
}
/* end max-width 600px */

#pagina-default-hotsite article#solicitar .form-text {
    margin-top: 25px;
}

#pagina-default-hotsite article#solicitar div.back-top button {
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    text-decoration: none;
}

#pagina-default-hotsite footer .back-top-rodape button {
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    text-decoration: none;
    width: 100%;
}

/* max-width 640px */
@media screen and (max-width: 640px) {
    #pagina-default-hotsite article#solicitar div.back-top {
        display: none;
    }
}
/* end max-width 640px */

/* mix-width 641px */
@media screen and (min-width: 641px) {
    #pagina-default-hotsite footer .back-top-rodape {
        display: none;
    }
}
/* end max-width 640px */

#pagina-default-hotsite article#solicitar div.solicitar-container div.dir legend {
    color: #fff;
    font-size: 1.125rem;
}

#pagina-default-hotsite form .is-invalid-input:not(:focus) {
    border-color: #ff7279;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    #pagina-default-hotsite article#solicitar div.solicitar-container hr {
        border-color: #56c0e9;
    }

    #pagina-default-hotsite article#solicitar div.solicitar-container div.dir h2 {
        color: #fff;
    }
} /* max-width 639px, mobile-only styles */

/* Medium and up */
@media screen and (min-width: 40em) {
    #pagina-default-hotsite article#solicitar div.solicitar-container div.esq > .row {
        position: relative
    }

    #pagina-default-hotsite article#solicitar div.solicitar-container div.esq div.back-top {
        position: absolute;
        bottom: 0;
        left: 0;
    }
} /* min-width 640px, medium screens */