/* ========== HOME - Layout da página ==========*/
/* ---- BACKGROUND ---- */
.home-page {
    display: block;
    height: 100vh;
    width: 100%;
    background-image: url('../images/bg5.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: fixed;
}

.pages {
    display: block;
    height: 100vh;
    width: 100%;
    background-image: url('../images/bg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: fixed;
}

/* ---- RETÂNGULO DE TEXTO Á ESQUERDA E ABAIXO ---- */
.hp-custom {
    display: flex;
    height: 350px;
    width: 400px;
    background-color: rgba(0, 0, 0, 0.9);
    border: 1px solid black;

    /*linhas abaixo mantém elemento alinhado a esquerda e ao bottom da página*/
    float: left;
    margin-left: 0px !important;
    bottom: 0px !important;
    position: absolute;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 992px){
    .hp-custom {
        display: none;
    }
}

.text-custom-bg {
    font-size: 40px;
    font-weight: bold;

    /*abaixo - gradiente de texto */
    background-image: -webkit-linear-gradient(-45deg , #989898 10%, #707070, #989898, #707070, #E0F8F7); /* For Chrome and Safari */
    background-image: -moz-linear-gradient(-45deg, #989898 10%, #707070, #989898, #707070, #E0F8F7); /* For old Fx (3.6 to 15) */
    background-image: -ms-linear-gradient(-45deg, #989898 10%, #707070, #989898, #707070, #E0F8F7); /* For pre-releases of IE 10*/
    background-image: -o-linear-gradient(-45deg, #989898 10%, #707070, #989898, #707070, #E0F8F7); /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(-45deg, #989898 10%, #707070, #989898, #707070, #E0F8F7); /* Standard syntax; must be last */
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;

    /*background-clip: text;
            -webkit-background-clip: text;
            background: linear-gradient(top to bottom, #ebe9e8 , #413f3d, #989898);
            background: -webkit-linear-gradient(top to bottom, #ebe9e8 , #413f3d, #989898);*/
}

.logo-foot {
    max-width: 60%;
    margin-top: 20px;
    margin-left: 18%;
}

/* ---- LOGOTIPO PC ---- */
.img-logo {
    height: 140px;
    width: auto;
    display: block;
    background-size: cover;
    color: transparent;
    position: relative;
}

/* ---- LOGOTIPO MOBILE ---- */
.vertical-center {
    position: relative;   /*== centralização vertical ==*/
    top: 50%;             /*== centralização vertical ==*/
    transform: translateY(-50%);  /*== centralização vertical ==*/
}

.logo-home {
    max-width: 500px;
    position: relative;
}

@media screen and (min-width: 768px){
    .logo-home {
        display: none;
    }
}

.full-height {
    height: 100vh !important;  /*== altura 100% ==*/
    margin: 0 !important;      /*== altura 100% ==*/
    position: absolute;    /*== centralização horizontal ==*/
    left: 50%;             /*== centralização horizontal ==*/
    transform: translateX(-50%);  /*== centralização horizontal ==*/
}

.text-custom-nav-mob {
    margin: 0;
}

/* ---- BARRA DE NAVEGAÇÃO VERSÃO PC - Início ---- */
/* Início centralização vertical dos links navbar PC */
.barra-navegacao {
    display: flex;
    height: 110px;
}

.centr-links {
    display: flex;
    height: ;
}

a {
    top: 25%;
}

/* Início Media Queries BARRA DE NAVEGAÇÃO VERSÃO PC */
/* xs < 768 */
@media screen and (max-width: 767px){
    #barra-navegacao {
        display: none;
    }
}

@media screen and (max-width: 767px){
    .barra-navegacao {
        display: none;
    }
}

@media screen and (max-width: 767px){
    .pc-navbar {
        display: none;
    }
}

/* Final Media Queries BARRA DE NAVEGAÇÃO VERSÃO PC */
/* xs < 768 */
/* Fim centralização vertical dos links navbar PC */
/* Início altura da navbar PC */
.height-container {
    height: 110px;
}

/* Final altura da navbar PC */
/* Início cor da navbar PC */
.navbar {
    background-color: #000;
}

/* Final cor da navbar PC    



    /* ---- BARRA DE NAVEGAÇÃO VERSÃO MOBILE - Início ---- */
/* Início Media Queries BARRA DE NAVEGAÇÃO VERSÃO PC */
/* xs < 768 */
@media screen and (min-width: 768px){
    .mobile-navbar {
        display: none;
    }
}

/* ========== PÁGINAS - Layout da página ==========*/
/* ---- TEXTOS PARÁGRAFO ---- */
.custom-title {
    position: relative;
    top: 150px;
    color: rgba(240, 240, 240, 0.85);
    text-align: justify;
}

@media screen and (max-width: 767px){
    .custom-title {
        top: 75px;
        padding: 40px;
        padding-top: 0px;
    }
}

h2 {
    font-size: 25px;
    text-align: left;
}

.custom-title2 {
    position: relative;
    top: 300px;
    color: rgba(240, 240, 240, 1.0);
    text-align: justify;
}

@media screen and (max-width: 767px){
    .custom-title {
        top: 75px;
    }
}

.custom-p {
    position: relative;
    top: 200px;
    font-size: 15px;
    color: rgba(240, 240, 240, 0.85);
    text-align: justify;
}

@media screen and (max-width: 767px){
    .custom-p {
        top: 100px;
        margin-bottom: 20px;
    }
}

.form-group {
    position: relative;
    font-size: 15px;
    color: rgba(240, 240, 240, 0.85);
}

@media screen and (max-width: 767px){
    .form-group {
        top: 35px;
    }
}

.form-control {
    border-radius: 0px !important;
    background-color: rgba(230, 230, 230, 0.1);
    border: 1px solid white;
    color: white;
}

.btn {
    border-radius: 0px !important;
    background-color: rgba(230, 230, 230, 0.1);
    border: 1px solid white;
    color: white;
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .btn {
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 992px){
    .btn {
        margin-bottom: 40px;
    }
}

/* ========== PÁGINA CONTATO - Layout da página ==========*/
.col-md-6 {
    position: relative;
    margin-top: 150px;
}

@media screen and (max-width: 767px){
    .col-md-6 {
        margin-top: 0px;
    }
}

.custom-title-contato {
    position: relative;
    color: rgba(240, 240, 240, 0.85);
    text-align: justify;
}

@media screen and (max-width: 767px){
    .custom-title-contato {
        top: 75px;
    }
}

.custom-p-contato {
    position: relative;
    font-size: 15px;
    color: rgba(255, 255, 255, 1.0);
    text-align: justify;
}

@media screen and (max-width: 767px){
    .custom-p-contato {
        top: 100px;
        margin-bottom: 70px;
    }
}

/* ========== PÁGINAS MSG - Layout da página ==========*/
.custom-msg-text {
    text-align: center;
    font-size: 20px;
}

@media screen and (max-width: 767px){
    .custom-msg-text {
        font-size: 10px;
    }
}

.navbar-texto {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}