/* GERAL */
    h1 { text-align: center; font-size: 4em; text-transform: uppercase; }
    h2 { text-align: center; font-size: 3.6em; }
    body { position: relative; }

    /* RESPONSIVO */
        /* MEDIA QUERY SÓ PARA DESKTOP: */  
        @media (min-width: 768px){
            .tit-internas h1 { transform: rotate(-90deg); position: relative; top: 5em; }
        }
    
        /* MEDIA QUERY SÓ PARA CELULAR E TABLET: */
        @media (max-width: 767px){
            
        }

    
    /*ANIMAÇÃO MENU SERVIÇOS*/
        .menu-in { transform:rotate(90deg); }

    /* HELPERS */
        .img-100 img { width: 100%; }
        .img-center { text-align: center; }
        .z-index-dest { z-index: 99999; }
        .sombra { box-shadow: 15px 10px 50px 0px rgba(0, 0, 0, 0.50); }
        .paragrafo-indent p{ text-indent: 60px; }
        .list-none { list-style: none; padding: 0; }
        .remove-decoration { text-decoration: none; color: inherit; }
        .remove-decoration-a * { text-decoration: none; color: inherit; }
        .no-padding { padding: 0; }
        .no-padding-right { padding-right: 0 !important; }
        .no-padding-left { padding-left: 0 !important; }
        .sublinhado-tit { border-bottom: 5px dotted #f3d511; color: #f3d511; }
        .images-middle { align-items: center; display: flex; }

        /*RESOLVE CASOS DO BACKGROUND NÃO SEGUIR CONTEUDO DAS DIVS*/
        .fluid:after { content: ''; display: table; clear: both; }
        
        /*BOTOES*/
            .btn-reset { background-color: transparent; border: none; }

            /* a.btn{ color: #993033; font-size: 17px; transition: .3s all ease; }
            a.btn:hover{ color: white; background-color: #993033; border: 1px solid #993033; } */
            
            a.btn.btn-yellow{ color: black; font-size: 17px; transition: .3s all ease; }
            a.btn.btn-yellow:hover{ color: #f8ad1c; background-color: black; border: 1px solid black; }

            a.btn.btn-green-invert{ color: #7db63e; font-size: 17px; transition: .3s all ease; }
            a.btn.btn-green-invert:hover{ color: white; background-color: #7db63e; border: 1px solid #7db63e; }
            
            a.btn.btn-green, button.btn.btn-green{ color: black; font-size: .7em; transition: .3s all ease; background-color: #7db63e; font-weight: bold; border-radius: 20px; }
            a.btn.btn-green:hover, button.btn.btn-green:hover{ color: white !important; background-color: black; }

            a.btn.btn-blue{ color: #0c98d7; font-size: 17px; transition: .3s all ease; }
            a.btn.btn-blue:hover{ color: white; background-color: #0c98d7; border: 1px solid #0c98d7; }
            
            a.btn.btn-form{ color: #7f7f7f; background-color: #ddddde; font-size: 20px; transition: .3s all ease; border-radius: 15px; }
            a.btn.btn-form:hover{ color: #ddddde; background-color: #7f7f7f; border: 1px solid #7f7f7f; }
        
        /*BACKGROUNDS*/
            .bg-dark { background-color: black; }
            .bg-green { background-color: #5AB62D; }
            .bg-white { background-color: white; }
            .bg-clean { background-color: rgba(230, 243, 245, 0.46); }
            .bg-clean-topo { background-color: rgba(230, 243, 245, 0.46); box-shadow: 1px 1px 30px 5px rgba(109, 107, 107, 0.65); }
        

/* TOPO */
    .topo-contato a { color: #7db63e; text-decoration: none; }
    .topo-contato a:hover { color: #7db63e; }

    /* MENU PRINCIPAL */
            .menu-principal { z-index: 2; position: relative; }
            .menu-principal li { font-weight: bold; text-transform: uppercase; padding: 0 0.9em; font-size: 1.2em; }
            .menu-principal li a { color: black !important; }
            .menu-principal li.active { background-color: black; }
            .menu-principal li.active a.nav-link{ color: #5AB62D !important; background-color: black; }          


    /* RESPONSIVO */
        /* MEDIA QUERY SÓ PARA DESKTOP: */  
        @media (min-width: 768px){
            .navbar-nav > li:first-child { margin-left: 7%; }
            .popover.bs-tether-element-attached-bottom::after, .popover.bs-tether-element-attached-bottom::before, .popover.popover-top::after, .popover.popover-top::before { left: 90% !important; }
        }
    
        /* MEDIA QUERY SÓ PARA CELULAR E TABLET: */
        @media (max-width: 767px){
            .bl-tel-topo ul { background: url('../img/icon-tel.png') no-repeat 0 10px; padding-left: 50px; list-style: none; }
            .bl-tel-topo { margin-top: .6em; text-align: center; }
            .navbar-header { border: 1px solid #464349; border-radius: 10px; min-height: 3em; padding: 0.5em; }
            .navbar-brand { margin-right: 0 !important; font-size: .8em !important; }
            .popover.bs-tether-element-attached-left::before, .popover.popover-right::before, .popover.bs-tether-element-attached-left::after, .popover.popover-right::after { display: none; }
            .linha-logo-topo { background-color: #e0e0e0; }
        }

/* RODAPE */
    .rodape { background-color: #6f6e6e; color: white; }
    .rodape a { color: white; }
    .rodape-tel, .rodape-endereco { padding-top: 1em; }

    /* ASSINATURA */
    .assinatura { text-align: center; }
    .assinatura p { margin: 0; padding: 0.5em 0; font-size: .8em; }
    .assinatura a { color: white; }

    /* RESPONSIVO */
        /* MEDIA QUERY SÓ PARA DESKTOP: */  
        @media (min-width: 768px){
            
        }
    
        /* MEDIA QUERY SÓ PARA CELULAR E TABLET: */
        @media (max-width: 767px){
            
        }
        
 /*POPUP*/ 
        
.popup-bg{
    position: fixed;
    
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    animation-name: Opacity;
    animation-duration: 1s;
    z-index: 9999999998;
    
}



.popup{
    background-color: #333132;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 30%;
    z-index: 9999999999;
}

.popup, .popup a{
    color: #fff;
    font-size: 2rem;
}

.popup a:hover{
    color: #fff;
}

.popup p:first-child{
    text-transform: uppercase;
}
.popup img{
    width: 100%;
}

.close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #fff;
    background: rgba(29, 29, 29, .5);
    padding: 0rem .8rem;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 1.4rem;
    cursor: pointer;
}

@keyframes Opacity{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


.tit-internas {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}

.fixed-whatsapp {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background-color: #25d366;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    transform-style: preserve-3d;
    transition: all .2s;    
}

.fixed-whatsapp i {
    font-size: 2.8rem;
    color: #fff;
}

.fixed-whatsapp::after {
    content: '';
    position: absolute;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    background-color: #128C7E;
    z-index: -999;
    animation: scaleUpScaleDown 2s ease-in infinite both;
    transform: translateZ(-1px);
    filter: blur(1px);"
}

.fixed-whatsapp:hover {
    transform: scale(1.2);
    text-decoration: none;
}

@keyframes scaleUpScaleDown {
    0% {
        transform: translateZ(-1px) scale(1);
    }
    80% {
        transform: translateZ(-1px) scale(1.4);
        opacity: 0.4;
    }

    100% {
        transform: translateZ(-1px) scale(1.5);
        opacity: 0;
    }
}

.fixed-whatsapp a {

text-decoration:none;
color:inherit;

}