.menu a.nav-hover:hover{
    color:#BA2200;
}
h1,h2,h3,a,span{
    font-family: 'Oswald', sans-serif;
    line-height: 1.5;
}
h4,h5,h6,p{
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
}
body,ul, html {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
width: 100%;
    position: relative;
}
a{
    text-decoration: none;
    color:#fff;
    text-transform: uppercase;
}
a:hover{
    color: #fff;
}
.a-dark{
    color:#272727;
    font-size: 0.9rem;
}
.a-dark:hover{
    color:#ed3d00;
}
#logo {
  width: 6vh;
  padding:10%;
  transition: 0.6s;
}
.mobile-orc{
    display: none;
}

@media (max-width:1500px){
    #logo{
        width:9vh;
    }
}

#header {
    position: fixed;
  box-sizing: border-box;
  height: 80px;
  padding:0.2rem 8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  z-index: 100;
  width:100%;
  transition: 0.6s;
}
#header.sticky{
    background: linear-gradient(#fff, rgb(250, 250, 250));
    padding:0.2rem 8rem;
    height: 50px;
}
#header.sticky .logo{
    width:4vh;
}
@media (max-width:1500px){
    #header.sticky .logo{
        width:6vh;
    }
}
#menu {
  display: flex;
  list-style: none;
  gap: 0.5rem;
}

#menu a {
  display: block;
  padding: 0.5rem;
}
.fa-ajudar{
    padding:10%;
}
#btn-mobile {
  display: none;
}
.direita{
    padding:0 5% 0 70%;
}
.esquerda{
    padding:0 30% 0 15%;
    margin:5% 26%;
}
.home{
    margin: 0 0 0 10%;
}
.horizontal-line {
    border: dotted #000 15px;
    border-bottom: none;
    width: 10%;
    margin: 2% auto 2%;
    background: transparent;
}
.line-white{
    border: dotted #fff 15px;
    border-bottom: none;
    width: 10%;
    margin: 2% auto 2%;
    background: transparent;
}
/* UTI */
.UTI_{
    margin: 100px 0 50px;
    font-size: 4rem;
}
.UTI_texto{
    font-size: 1.3rem;
    text-align: justify;
    margin:0 70px 40px 0 ;
}
.diminuir{
    position: relative;
    left:80px;
}
/* Reduct NV*/
.reduct-nv{
    margin:0px 300px;
    width:760px;
    height:428px;
}
.reduct-title{
    font-size: 3rem;
}
.reduct-text{
    margin: 0 0 30px 0;
}
/* Carrosel */
#carrossel{
    background-color: #272727;
}
.carousel-inner{
    z-index: 1;
}
.titulo-carousel{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2rem;
    background: rgba(0,0,0,0.7);
    border-radius: 10px;
    padding:5%;
}
.texto-carousel{
    font-size:1.2rem;
    margin-bottom: 3%;
    background: rgba(0,0,0,0.7);
    border-radius: 10px;
    padding:5%;
}
.carousel-caption{
    border-radius: 30px;
    padding:0 50% 20% 0;
    text-align: left;
}
.carousel-button{
    margin-bottom:3%;
}
.renovacao-upwards{
    margin-top:-20%;
}
@media(max-width:1500px){
a{
    font-size: 1rem;
}
    .titulo-carousel{
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.5rem;
    }
    .texto-carousel{
        font-size:1rem;
        margin-bottom: 3%;
    }
}
/* Serviços */

#servicos{
    text-align: center;
}
#servicos .btn{
    margin: 3% 3% 7%;
}
.big-heading{
    padding:7% 15% 0;
    font-size: 4rem;
}
.btn-servicos{
    font-size: 1.5rem;
    font-weight: 300;
}
/* Empresa */

#empresa{
    background-color: #BA2200;
    color:#fff;
    padding:2% 45% 2% 25%;
}
.titulo-empresa{
    color:#fff;
    font-size:3rem;
    text-transform: uppercase;
}
.imagem-empresa{
    display: flex;
    width:600px;
    position: relative;
}
.sub-texto{
    font-size: 1.5rem;
    padding-bottom:3%;
}
.sub-texto1{
    font-size: 1rem;
    text-align: justify;
}

/* Primeira Seção com Frase */

#section1{
    padding:7% 15%;
    position:relative;
}
.logo-section1{
    width:70%;
}
.section1-frase{
    font-weight: 300;
    padding:0 3%;
}

/* Propósito */

#proposito{
    color:#fff;
    background: #d82e00;;
}
.titulo-proposito{
    font-size:3rem;
    text-transform: uppercase;
    padding:7% 10% 5%;
}
.texto-proposito{
    padding:3% 35% 3% 10%;
    font-size: 1rem;
    text-align: justify;
}
.img-proposito{
    width:100%;
}
.prop{
    background: #d82e00;
}
@media(max-width:1500px){
    .img-proposito{
        width:175%;
        margin-left: -20%;
    }
}
@media(max-width:700px){
    .img-proposito{
        width:50%;
    }
}

/* MND */

#MND{
    text-align: center;
    padding:7% 15%;
    background-image: url(imagens/fundo-teste.svg);
    background-size: 150%;
    background-position-y: 20%;
    background-position-x: 90%;
}
.oque-MND{
    padding-bottom:3%;
}

/* Fundador */

#fundador{
    background:#d82e00;
}
.titulo-fundador{
    font-size:2.5rem;
    text-transform: uppercase;
    padding:7% 30% 0 26%;
    color:white;
}
.texto-fundador{
    padding:7% 24% 3% 26%;
    color:white;
    font-size: 1.125rem;
    text-align: justify;
}
.img-fundador{
    max-width: 200%;
    height: auto;
    padding:0;
}
.img-fundador2{
    max-width: 100%;
    height: auto;
    margin-top:-140%;
}
.texto-fundador2{
    padding:5% 24% 7% 26%;
    color:white;
    background-color: #d82e00 ;
    font-size: 1.125rem;
    text-align: justify;
}
.nova-col-fundador{
    z-index:2;
}
@media(max-width:1500px){
    .img-fundador2{
        max-width: 140%;
        height: auto;
        margin-top:-120%;
        margin-bottom: 25%;
    }
}

/* Section 2 */
#section2{
    background-color: #272727;
    margin-top: -20%;
    position: relative;
}
@media(max-width:1500px){   
    #section2{
        background-color: #272727;
    }
}
.texto-section2{
    padding:3% 15%;
    text-align: center;
    color:#fff;
}
.imagem-section2{
    width:10%;
    margin-left: 45%;
    margin-top:5%;
}
.section2-btn{
    margin-top:3%;
}

/* Porque escolher */

#porque-escolher{
    padding: 7% 15%;
    text-align: center;
}
.porque-icon{
    width:40%;
    margin:5% 3%;
}
.texto-icon{
    padding: 5% 5%;
    font-size:0.85rem;
    text-align: justify;
}
.diferenciais{
    font-size: 1rem;
    margin-bottom: 7%;
}
.espacamento{
    margin-top:75px;
}
.a-news{
    color:#000;
}
.col-lg-4 a.a-news:hover{
    color:#BA2200;
}
/* Clientes */
#clientes{
    padding:7% 15%;
    text-align: center;
}
.icon-clientes{
    width:60%;
    padding:15% 10%;
}
.titulo-clientes{
    font-size: 3rem;
    color:rgb(136, 136, 136);
    margin-bottom: 5%;
}
.clientes-custom{
    background: #fff;
}
.titulo-icon{
    text-transform: uppercase;
    font-size: 1.4rem;
    font-family: 'Oswald';
    padding:0;
}
/* Newsletter */

#newsletter{
    background:linear-gradient(#d82e00, #ba2200);
    color:#fff;
    padding:7% 15%;
    text-align: center;
}
.newsletter-frase{
    padding-bottom: 7%;
    font-size: 2rem;
    font-weight: 400;
    z-index: 3;
    text-align: center;
}
.newsletter-btn{
    padding:3%;
    font-size: 1.2rem;
}
/* Roadshow */
#evento_roadshow{
    background:linear-gradient(#d82e00, #ba2200);
}
.titulo-roadshow{
    text-align: center;
    font-size:7rem;
    text-transform: uppercase;
    position: relative;
    color:#fff;
}
.card-roadshow{
    padding:7% 15% 7%;
    background:linear-gradient(#ba2200, #d82e00);
}
.card-road{
    background-color:#fff;
    height: 600px;
    border-radius: 20px;
    width: 300%;
    padding:15%;
    margin-left: 10%;
    text-align: center;
    display: flex;
}

.introducao-roadshow{
    margin:0 0 50px;
    font-size: 1.3rem;
    position: relative;
    text-align: center;
    color:rgb(243, 243, 243);
}
.roadshow-hr{
    border: dotted #000 15px;
    border-bottom: none;
    width: 40%;
    margin: 2% auto 2%;
    background: transparent;
}
.btn-eventos-mnd{
    position: relative;
}
@media(max-width:768px){  
    .titulo-roadshow{
        font-size: 3rem;
    }
    .card-road{
        height: auto;
        padding:5%;
        width:70%;
        margin-left:17%;
        display: inline-grid;
    }
    .card-roadshow{
        padding:0;
    }
    .introducao-roadshow{
    font-size: 0.8rem;
    margin-left:3%;
    }
    .roadshow-hr{
        margin: 15% auto 5%;
    }
    .btn-eventos-mnd{
    left: 16px;
    display: block;
    position: relative;
    width: 200px;
}
}
/* Eventos */
#eventos{
    background:linear-gradient(#d82e00, #ba2200);
}
.img-evento{
    position: relative;
    width:40%;
    height: 187px;
}
.titulo-eventos{
    text-align: center;
    font-size:7rem;
    text-transform: uppercase;
    position: relative;
    color:#fff;
}
.introducao-eventos{
    margin:0 0 50px;
    font-size: 1.3rem;
    position: relative;
    text-align: center;
    color:rgb(243, 243, 243);
}
.card-eventos{
    padding:7% 15% 7%;
    background:linear-gradient(#ba2200, #d82e00);
}
.nome-eventos-sec{
    padding-top: 20px;
}
.card-evnt{
    background-color:#fff;
    border-radius: 20px;
    width: 300%;
    padding:15%;
    margin-left: 10%;
    text-align: center;
    display: inline-block;
}
.eventos-hr{
    border: dotted #000 15px;
    border-bottom: none;
    width: 40%;
    margin: 2% auto 2%;
    background: transparent;
}
.quavac{
    margin-left:15%;
}
.nome-eventos{
    font-size: 1.5rem;
}
.multiplos{
    width: 500px;
    height: 350px;
    display: inline-block;
}
.width-control{
    width:50%;
}
@media(max-width:768px){  
    .titulo-eventos{
        font-size: 3rem;
    }
    .card-evnt{
        padding:5%;
        width:70%;
        margin-left:17%;
    }
    .card-eventos{
        padding:0;
    }
    .introducao-eventos{
    font-size: 0.8rem;
    margin-left:3%;
    }
    .eventos-hr{
        margin: 15% auto 5%;
    }
    .multiplos{
        height: 500px;
    }
}
/* Consultoria */

#consultoria{
    background: #d82e00;
    color:#fff;
}
.consultoria-front{
    z-index: 1;
    background: #d82e00;
}
.titulo-consultoria{
    margin:7% 0 7% 35%;
    font-size:3rem;
    text-transform: uppercase;
    background: #d82e00;
    position: relative;
    z-index: 1;
}
.imagem-consultoria{
    width:120%;
    position: relative;
    z-index: 0;
}
.introducao-consultoria{
    margin:0 0 0 35% ;
    font-size: 1.125rem;
    background: #d82e00;
    position: relative;
    z-index: 2;
    text-align: justify;
}
@media(max-width:1500px){
    .introducao-consultoria{
        margin:0 0 0 35% ;
        font-size: 1rem;
        }
}
.svg-consultoria{
    position: absolute;
    z-index:1;
}
.estudos-MND{
    text-align: center;
    padding:7% 15% 5%;
    text-transform: uppercase;
    font-size: 3rem;
}
.consultoria-btn2{
    margin:3% 30%;
}
.consultoria-btn1{
    margin:3% 20%;
}
.background-opacity{
    background: rgba(0,0,0,1);
    z-index: 2;

}
@media(max-width:1500px){
    .consultoria-btn{
        margin:3% 30%;
    }
    .consultoria-btn1{
        margin:3% 10%;
    }
    .background-opacity{
        background: rgba(0,0,0,1);
        z-index: 2;
        }
    }
.redesnovas-back{
    background-color: #ba2200;
    z-index:2;
}
.red{
    background-color: #ba2200;
    color:#fff;
}
.titulo-imagemesquerda{
    padding:7% 20%;
    font-size: 2rem;
    text-transform: uppercase;
}
.texto-imagemesquerda{
    padding:0 33% 0 20%;
    font-size: 1rem;
    text-align: justify;
}
.imagemesquerda{
    max-width: 150%;
    height: auto;
    margin-left:-30%;
}
.imagemesquerda1{
    max-width: 110%;
    height: auto;
}
@media(max-width:1500px){
    .texto-imagemesquerda{
        padding:0 30% 0 10%;
    }
    .titulo-imagemesquerda{
        padding:10% 10% 3%;
        font-size: 2rem;
    }
    .imagemesquerda{
        margin-left:-40%;
        max-width: 210%;
    }
    .imagemesquerda1{
        max-width: 120%;
        height: auto;
    }
}
.nova-col{
    z-index:2;
    padding:0 0 5%;
}
@media(max-width:1500px){
    .imagem-consultoria{
        width:180%;
        margin-left:-20%;
    }
    .no-padding{
        padding-left:0;
    }
}
.titulo-imagemdireita{
    padding:7% 30%;
    font-size: 2rem;
    text-transform: uppercase;
}
.texto-imagemdireita{
    padding:0 15% 0 30%;
    font-size: 1rem;
    text-align: justify;
}
.sub-titulo-imagemdireita{
    padding:1% 15% 3% 30%;
    font-size: 1.3rem;
    text-transform: uppercase;
    color:rgb(196, 196, 196);
}
.sub-titulo-imagemesquerda{
    font-size: 1.3rem;
    padding:1% 32% 3% 20%;
    text-transform: uppercase;
    color:rgb(196, 196, 196);
}
.imagemdireita{
    max-width: 150%;
    height: auto;
    margin-left:-40%;
}
.imagemdireita1{
    max-width: 100%;
    height: auto;
}
.imagemdireita2{
    width: 100%;
}
@media(max-width:1500px){
    .sub-titulo-imagemesquerda{
        font-size: 1.3rem;
        padding:1% 30% 3% 12%;
        text-transform: uppercase;
        color:rgb(196, 196, 196);
    }
    .titulo-imagemdireita{
        padding:10% 15% 0 30%;
        font-size: 2rem;
    }
    .imagemdireita{
        max-width: 280%;
    }
    .imagemdireita1{
        max-width: 110%;
        height: auto;
    }
    
}
.padding-margin{
    margin-left: 0;
    padding-left:0;
    padding-right: 0;
}
/* Cursos */
.nome-cursos{
    font-family: 'Oswald';
    padding:7%;
    text-align: left;
}
.card{
    min-height: 500px;
}
.titulo-cursos{
    font-size: 3rem;
    text-transform: uppercase;
    padding:7% 0 0 15%;
}
.introducao-cursos{
    padding:0 30% 5% 15%;
    font-size: 1.125rem;
    text-align: justify;
}
.imagem-cursos{
    width:100%;
}
.card-cursos{
    padding: 7% 15% 7%;
    background: linear-gradient( #fff, rgb(190, 190, 190));
}
/* Palestras */
#palestras{
    
}
.titulo-palestras{
    padding:7% 0 0 30%;
    font-size: 3rem;
    text-transform: uppercase;
}
.introducao-palestra{
    padding:0 10% 0 30%;
    font-size:1.125rem;
    text-align: justify;
}
.imagem-palestras{
    width:100%;
}
.palestras-btn{
    margin:3% 30%;
}
.card{
    width: 18rem; 
}
/* Footer */
#footer{
    background: #272727;
    color:#fff;
    padding: 3% 3% 2%;
    text-align: center;
    font-family:'Oswald';
    text-transform: uppercase;
}
.scardino-footer-img{
    width:90%;
}
.texto-footer{
    font-size: 0.85rem;
}
.contato-footer{
    font-size: 1.1rem;
}
.footer-news{
    color:#272727;
}
.footer-news:hover{
    color:#272727;
}
/* Fiscalização e Gerenciamento */
.titulo-fiscalizacao{
    padding:7% 15%;
    text-align: center;
}
.img-introducao{
    width:120%;
}
.img-introducao2{
    width:100%;
    z-index: 0;
    margin-top: -20%;
}
.colored{
    background: #BA2200;
    z-index: 3; 
}
.colored1{
    background: #BA2200;
    z-index: 2;
}
.titulo-introducao{
    color:#fff;
    padding:7% 15%;
    font-size: 3rem;
}
.texto-introducao{
    color: #fff;
    padding:0 22% 7% 15%;
    font-size: 1rem;
    text-align: justify;
}
.texto-introducao1{
    color: #fff;
    padding:15% 15% 0 22%;
    font-size: 1rem;
    text-align: justify;
}
.cinza{
    background:rgb(250, 250, 250) ;
    background-image: url("imagens/logo-branca-SAPService.png");
    background-size: 10%;
    background-attachment: fixed;
}
.objetivo1{
    position: relative;
    top:200px;
}
.img-objetivo{
    width:130%;
    margin-top: -15%;
}
.fonte-preta{
    color: #000;
}
.white1{
    background: #fff;
    z-index: 1;
}
.introducao-2{
    z-index: 1;
}
.introducao-1{
    z-index: 2;
}
.titulo-publico{
    font-size: 2.2rem;
    padding-bottom: 5%;
    text-transform: uppercase;
}
.texto-publico{
    text-align: justify;
    padding:5% 15%;
    margin-top: -10%;
}
#metodologia{
    background: #272727;
    color:#fff;
}
.imagem-metodologia{
    width:100%;
}
.titulo-metodologia{
    font-size: 3rem;
    padding:7% 22%;
}
.texto-metodologia{
    padding:0 15% 5% 22%;
    text-align: justify;
    font-size: 1rem;
}
#aprender{
    padding:7% 15%;
}
.titulo-aprender{
    font-size: 3rem;
    text-align: center;
    padding-bottom: 7%;
}
.texto-aprender{
    font-size: 1rem;
    text-align: left;
}
.texto-aprender-big{
    font-size: 1.5rem;
    text-align: left;
}
.texto-aprender-big-sec1{
    font-size: 2rem;
    text-align: left;
    text-transform: uppercase;
}
#downloads-publico{
    padding:7% 7%;
    background-color: #272727;
    color:#fff;
}
.titulo-downloads{
    font-size: 2.2rem;
    padding-bottom: 5%;
    text-transform: uppercase;
}
.texto-downloads{
    padding:0 15% 0 0;
}
.icone-downloads{
    margin-bottom: 5%;
}
.conheca-img{
    width: 100%;
}
.titulo-professor{
    text-align: center;
    font-size: 3rem;
    padding:7% 15% 5%;
    text-transform: uppercase;
}
.texto-professor{
    padding:3% 22% 0 10%;
    text-align: justify;
}
.background-dark{
    background-color: #272727;
    color:#fff;
}
.sergio-palazzo{
    padding:7% 10% 0;
}
.texto-professor2{
    padding:10% 10% 0 22%;
    text-align: justify;
}
.curso-btn{
    margin:3% 22% 0;
}
#fundo{
    margin:0;
    padding:5%;
    background-image: url('imagens/fundo-teste-2.svg');
    background-size: 30%;
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
}
}

@media (max-width:1500px){
    .reduct-nv{
        margin:0px 100px;
        width:560px;
        height:315px;
    }
    .img-introducao{
        width:180%;
    }
    .img-introducao2{
        width:160%;
        margin-left:-20%;
    }
    .img-objetivo{
        width:200%;
        margin-left: -30%;
    }
    .imagem-metodologia{
        width:170%;
    }
    .conheca-img{
        width: 100%;
    }
    .img-introducao-aprofundamento{
        width:230%;
    }
}

/* Política de Privacidade */
.politica-titulo{
    margin-top:10%;
    padding:0 15%;
    text-transform: uppercase;
}
.politica-intro{
    padding:0 15%;
    font-size: 1.2rem;
}
.politica-texto{
    padding:10% 15%;
    font-size: 0.9rem;
    text-align: justify;
}
.politica-item{
    padding: 20% 45% 0;
}
.titulo-sections{
    padding:10%;
}
.texto-sections{
    padding:10% 15%;
}
.politica-footer{
    font-size:0.8rem;
    padding:10% 10% 0;
}
/* Boletim Mensal */
.margin-boletim{
    padding: 10% 15% 5%;
}
.titulo-boletim{
    text-transform: uppercase;
    text-align: center;
    color:#fff;
}
.ano-boletim1{
    margin:5% 10% 0;
    text-transform: uppercase;
    font-style: 'Oswald';
    font-size: 4rem;
}
.link-boletim{
    color:#000;
}
.link-boletim:hover{
    color:#BA2200;
}
.ul-padding{
    padding:5%;
    list-style: none;
}
/* Introdução e Aprofundamento */
.img-introducao-aprofundamento{
    width:110%;
}
.img-introducao2-aprofundamento{
    width:100%;
}
.img-objetivo-aprofundamento{
    width:140%;
}
.imagem-metodologia-aprofundamento{
    width:130%;
}
@media(max-width:1500px){
    .img-introducao-aprofundamento{
        width:180%;
        margin-left:-200px;
    }
    .img-introducao2-aprofundamento{
        width:160%;
        margin-left:-350px;
    }
    .img-objetivo-aprofundamento{
        width:250%;
        margin-left:-400px;
    }
    .imagem-metodologia-aprofundamento{
        width:250%;
    }
}
/* Curso Prático MND */
.img-introducao-pratico{
    width:100%;
}
.img-introducao-pratico-aes{
    width:100%;
}
.titulo-introducao-pratico{
    padding:7% 22%;
    font-size: 3rem;
    text-transform: uppercase;
}
.texto-introducao-pratico{
    padding:0 15% 7% 22%;
    text-align: justify;
}
.btn-pratico{
    margin:0 22% 7%;
}
.img-objetivo-pratico{
    width:100%;
}
.imagem-metodologia-pratico{
    width:100%;
}
@media(max-width:1500px){
    .img-introducao-pratico{
        width:120%;
    }
    .img-objetivo-pratico{
        width:130%;
    }
}
/* Página MND */
.mnd-titulo{
    padding:10% 15% 3%;
    text-align: center;
    color:#fff;
    font-size: 3rem;
}
.intro-mnd{
    font-size:1.2rem;
    text-align: center;
    padding-bottom:5%;
}
.texto-mnd{
    padding:7% 25% 7% 15%;
    text-align: justify;
    font-size: 1rem;
}
.nome-sergio{
    font-family: 'Oswald';
    padding:3% 25% 0 15%;
}
.img-nome-sergio{
    width:100%;
}
.svg-sergio-palazzo{
    width:50%;
    margin:10% 25% 0 15%;
}
.novidades-mnd{
    padding:7% 25% 0 15%;
    text-transform: uppercase;
    font-size: 3rem;
}
.inscreva-se-mnd{
    padding:0 25% 3% 15%;
}
.btn-mnd{
    margin:0 25% 7% 15%;
}
.btn-mnd1{
    margin:0 25% 7% 15%;
    padding:1%;
    
}
.call-mnd{
    padding:7% 15%;
    color:#fff;
    font-size: 2.2rem;
    font-weight: 300;
    text-align: justify;
}
.background-red{
    background-color: #d82e00;
}
.trafego-urbano{
    width:120%;
}
.intervencao-mnd{
    display: none;
}
.mnd-em-acao{
    width:120%;
}
.up{
    margin-top: -500px;
}
@media(max-width:1500px){
.intervencao-mnd{
    display: inherit;
    width:110%;
    margin-right:400px;
}
.mnd-em-acao{
    width:110%;
}
.up{
    margin-top:0;
}
}

/* Tablet *


}

    /* Formulário   */
    .titulo-newsletter{
        font-size: 4rem;
        text-transform: uppercase;
        text-align: center;
        color:#BA2200;
    }
    .icone-newsletter{
        width:20%;
        margin:0 40% 3%;
    }
    #formulario{
        padding:10% 15% 5%;
    }
    .formulario{
        padding:7%;
    }
    .sap-service-sergio{
        width:80%;
        margin-left: 30%;
    }
    .form-margin{
        margin-top:7%;
    }
    .formulario-retirada{
       margin:0 20% 0 20%;
    }
    /* Fiscalização e Gerenciamento */

.titulo-fiscalizacao{
    font-size:2.5rem;
    padding-top: 8%;
    text-transform: uppercase;
    }
.img-introducao{
    width:150%;
    }
.titulo-introducao{
    font-size:3rem;
    padding:7% 12%;
    text-transform: uppercase;
    }
.texto-introducao{
    font-size:1rem;
    padding:0 25% 5% 10%;
    }
.texto-introducao1{
    font-size:1rem;
    padding:10% 10% 5% 25%;
    }
.img-introducao2{
    width:120%;
    }
.img-objetivo{
    width:180%;
    }
.titulo-metodologia{
    font-size: 3rem;
    padding: 5% 25%;
    text-transform: uppercase;
    }
.texto-metodologia{
    font-size: 1rem;
    padding:0 15% 5% 25%;
    }
.imagem-metodologia{
    width:170%;
    }
.titulo-aprender{
    font-size:3rem;
    text-transform: uppercase;
}
.texto-aprender{
    font-size:1rem;
    padding:3% 25% 3% 0;
}
.texto-aprender-big{
    font-size:1.3rem;
}
.texto-aprender-big-sec1{
    font-size:1.6rem;
    text-transform: uppercase;
}
.texto-downloads{
    font-size:1rem;
    padding:0 12% 7%;
}
.texto-publico{
    font-size: 1rem;
    text-align: left;
    margin-top:-21%;
    }
.conheca-img{
    width:100%;
}
.texto-professor{
    padding:3% 12% 7%;
}
.texto-professor2{
    padding:7% 12% 3%;
}
#fundo{
    margin:0;
    padding: 10%;
    background-size: 50%;
    background-position-x: 40%;
}
.icone-publico{
    padding-bottom:10%;
}

@media (max-width:1024px){
    .reduct-nv{
        margin:0px;
        width:100%;
    }
    .UTI_{
        margin: 40px 0 25px;
        font-size: 2.5rem;
    }
    .UTI_texto{
        font-size: 1.2rem;
        margin:0 30px 40px 0 ;
    }
    .diminuir{
        left:0;
        width: 100%;
    }
    #empresa{
        padding:6% 50% 6% 6%;
    }
    #logo{
        width:5vh;
    }
    #header.sticky .logo{
        width:3vh
    }
    #section1{
        padding:6%;
    }
    .img-proposito{
        width:220%;
    }
    .img-fundador{
        max-width: 150%;
        margin:0;
    }
    .texto-proposito{
        padding:6% 20% 6% 10% ;
    }
    .img-fundador2{
        max-width: 150%;
        margin-top:0;
    }
    .titulo-fundador{
        padding:10% 10% 0 10%;
    }
    .titulo-consultoria{
        margin:15%;
    }
    .introducao-consultoria{
        margin:0 0 0 15%;
    }
    .texto-fundador{
        padding:10%;
    }
    .texto-fundador2{
        padding:10%;
    }
    .imagemesquerda{
        max-width:300%;
        margin-left: -100%;
    }
    .imagemdireita{
        max-width:320%;
        margin-left:-140%;
    }
    .imagemdireita1{
        max-width:150%;
    }
    .imagemesquerda1{
        max-width:150%;
        margin-left: -40%;
    }
    .carousel-caption{
        padding:5% 40% 15% 1%;
    }
    .imagem-consultoria{
        width:200%;
    }
    .svg-consultoria{
        right:140px;
    }
    .consultoria-front{
        z-index: 3;
    }
    .texto-imagemesquerda{
        padding:8%;
    }
    .titulo-imagemesquerda{
        padding:10% 8% 0;
    }
    .sub-titulo-imagemesquerda{
        padding:0 8%;
    }
    .texto-imagemdireita{
        padding:8%;
    }
    .titulo-imagemdireita{
        padding:10% 8% 0;
    }
    .sub-titulo-imagemdireita{
        padding:0 8%;
    }
}
/* Image Hover effect */
.image-hover-text-container 
{
  position: relative;
  transition: all 0.2s linear;
}

.image-hover-image 
{
 display: block;
}
/* Make the image round */
.image-hover-image img:hover
{
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px);
  transform: scale(1.15);
}



.image-hover-text 
{
  position: absolute;
  top: 0;
  width: 100%;  
  height: 100%;
  margin: 0 auto;
  opacity: 0;
  cursor: default;
  transition: opacity 0.2s linear;
}
.image-hover-text:hover 
{
  opacity: 1;
}


.image-hover-text-bubble 
{
  position: relative;
  box-sizing: border-box;
  top: 0; left: 0; right: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0%;
  margin: 0 auto;
  padding: 30% 0px;
  overflow: hidden;
  font-size: 17px;
  text-align: center;
  word-wrap: break-word;
}

.image-hover-text .image-hover-text-title
{
  font-size: 25px;
  display: block;
  margin:5%;
}
/* Celular */

/* Home Page */

@media(max-width:767px){
    /* Carousel */
    .carousel-indicators{
        background-color: #272727;
    }
    .imagem-carousel{
        margin-bottom: 300px;
    }
    /* Prático MND */
    .texto-mnd{
        padding:7% 12%;
    }
    .novidades-mnd{
        font-size: 1.8rem;
    }
    .call-mnd{
        font-size: 1.2rem;
    }
    #servicos .btn{
        margin: 3% 25% 7%;
    }
    body{
        overflow-x: hidden;
    }
    #header {
        padding:2%;
    }
    .titulo-carousel{
        font-size: 1.2rem;
        background-color: transparent;
    }
    .texto-carousel{
        font-size:1rem;
        background-color: transparent;
    }
    .carousel-button{
        margin-bottom:10%;
    }
    .carousel-caption{
        padding:2%;
        text-align: center;
    }
    .big-heading{
        font-size: 1.6rem;
    }
    #empresa{
        padding:7% 12%;
    }
    .imagem-empresa{
        width:100%;
    }
    .titulo-empresa{
        font-size: 1.8rem;
        padding:0;
        margin:0;
    }
    .sub-texto{
        font-size:1.2rem;
    }
    .sub-texto1{
        font-size: 1rem;
        text-align: justify;
        padding:0;
    }
    .imagem-empresa{
        position: inherit;
    }
    #section1{
        padding:7% 12%;
    }
    .logo-section1{
        width:100%;
        padding:10%;
    }
    .section1-frase{
        font-size: 1.3rem;
        text-align: center;
    }
    .titulo-proposito{
        font-size: 1.8rem;
        padding:7% 12%;
    }
    .texto-proposito{
        padding:5% 12% 7%;
    }
    .img-proposito{
        width:100%;
        padding:0;
        margin:0;
    }
    #MND{
        text-align: center;
        padding:7% 15%;
        background-image: url(imagens/fundo-teste.svg);
        background-size: 200%;
        background-position-y: 20%;
        background-position-x: 90%;
    }
    .oque-MND{
        padding-bottom:3%;
    }
    .titulo-fundador{
        font-size:1.8rem;
        padding:7% 12% 5%;
    }
    .texto-fundador{
        font-size:1rem;
        padding:0 12% 7%;
    }
    .texto-fundador2{
        font-size:1rem;
        padding:7% 12%;
        margin-bottom: 15%;
    }
    .img-fundador{
      display: none;
      padding:0;
    }
    .img-fundador2{
        width:150%;
        margin:0 0 0 -20%;
        padding:0;
    }
    .imagem-section2{
        width:40%;
        margin:7% 31% 0;
    }
    .section2-frase{
        font-size:1.7rem;
        padding-top: 5%;
    }
    #porque-escolher{
        padding:7% 12%;
    }
    .titulo-porque-escolher{
        font-size: 1.8rem;
    }
    .titulo-clientes{
        font-size: 1.8rem;
    }
    .newsletter-frase{
        font-size: 1.3rem;
    }
    .titulo-consultoria{
        padding:7% 12%;
        margin:0;
    }
    .introducao-consultoria{
        margin:0;
        padding:0 12% 10%;
    }
    .svg-consultoria{
        display: none;
    }
    .titulo-consultoria{
        font-size: 1.8rem;
    }
    .estudos-MND{
        font-size: 1.6rem;
    }
    .titulo-imagemdireita{
        font-size: 1.6rem;
        padding:7% 12%;
    }
    .texto-imagemdireita{
        font-size: 1rem;
        padding:0 12% 7%; 
    }
    .titulo-imagemesquerda{
        font-size: 1.6rem;
        padding:7% 12%;
    }
    .texto-imagemesquerda{
        font-size: 1rem;
        padding:0 12% 7%;
    }
    .consultoria-btn1{
        margin-bottom:7%;
    }
    .consultoria-btn2{
        margin-bottom:7%;
    }
    .titulo-cursos{
        font-size: 1.8rem;
        padding:7% 12%;
    }
    .introducao-cursos{
        padding:0 12%;
    }
    .card-cursos{
        padding:12%;
    }
    .card{
        margin-bottom: 20%;
    }
    .titulo-palestras{
        font-size: 1.8rem;
        padding:7% 12%;
    }
    .introducao-palestra{
        padding:0 12%;
    }
    #footer{
        padding:10% 12% 5%;
    }
    .bottom-footer{
        margin-bottom: 10%;
    }
    .texto-footer{
        padding:0;
    }
    /* Publicações */
    .ano-boletim1{
        text-align: center;
    }
    .ul-padding{
        text-align: center;
        padding:10%;
    }
}
/* Celular */
@media(max-width:767px){
    .titulo-introducao-pratico{
        font-size: 1.8rem;
        padding:7% 12%;
    }
    .texto-introducao-pratico{
        font-size: 1rem;
        padding:0 12% 7%;
    }
    .titulo-fiscalizacao{
        font-size:1.5rem;
        }
    .img-introducao{
        width:100%;
        }
    .img-introducao-aprofundamento{
        width:100%;
        margin:0;
    }
    .titulo-introducao{
        font-size:1.8rem;
        padding:7% 12%;
        }
    .texto-introducao{
        font-size:1rem;
        padding:0 12% 7%;
        }
    .texto-introducao1{
        font-size:1rem;
        padding:10% 12%;
        }
    .img-introducao2{
        width:120%;
        }
    .img-introducao2-aprofundamento{
        width:100%;
        margin:0;
        }
    .img-objetivo{
        width:140%;
        }
    .img-objetivo-aprofundamento{
        width:100%;
        margin:0;
    }
    .titulo-metodologia{
        font-size: 1.8rem;
        padding: 7% 12%;
        }
    .texto-metodologia{
        font-size: 1rem;
        padding:0 12% 5%;
        }
    .imagem-metodologia{
        width:120%;
        }
    .imagem-metodologia-aprofundamento{
        width: 150%;
        margin:0;
    }
    .titulo-aprender{
        font-size:1.8rem;
    }
    .texto-aprender{
        font-size:1rem;
        padding:0 0 7%;
    }
    .texto-aprender-big{
        font-size:1.3rem;
    }
    .texto-aprender-big-sec1{
        font-size:1.6rem;
        text-transform: uppercase;
    }
    .titulo-downloads{
        font-size: 1.8rem;
        padding:7% 12%;
    }
    .texto-downloads{
        font-size:1rem;
        padding:0 12% 7%;
    }
    .titulo-publico{
        font-size: 1.8rem;
        padding:7% 12%;
    }
    .texto-publico{
        font-size: 1rem;
        text-align: center;
        padding:0 12%;
        }
    .titulo-professor{
        font-size: 1.8rem;
    }
    .conheca-img{
        width:100%;
    }
    .whites-background{
        background: #fff;
        margin-top: -300px;
    }
    .texto-professor{
        padding:3% 12% 7%;
    }
    .texto-professor2{
        padding:7% 12% 3%;
    }
    #fundo{
        margin:0;
        padding: 10%;
        background-size: 50%;
        background-position-x: 40%;
    }
    .icone-publico{
        padding:10% 45% 20%;
    }
    .texto-sections{
      padding:0 15% 10%;
    }
    .formulario-retirada{
        padding:0 10%;
    }
    .imagemesquerda{
        margin-left:0;
    }
    .imagemdireita{
        margin-left:0;
    }
    .img-fundador2{
        margin-left: 0;
    }
    .imagem-consultoria{
        margin-left: 0;
        width:100%;
    }
    .sub-titulo-imagemesquerda{
        padding:7% 12% 5% 12%;
    }
    .sub-titulo-imagemdireita{
        padding:7% 12% 5% 12%;
    }
/* Newsletter */

    .titulo-newsletter{
        font-size: 3rem;
        padding-bottom: 10%;
    }
    .icone-newsletter{
        width:40%;
        margin-left:30%;
    }
    .desktop-orc{
        display: none;
    }
    .mobile-orc{
        display: inherit;
    }
}
@media (max-width: 768px) { 
    *{
        overflow-x: hidden;
    }
    #header{
        position: inherit;
        overflow-x: visible;
    }
    #header.sticky{
        padding:1rem;
    }
    #logo {
        width:5vh;
      }
  #menu {
    display: block;
    position: absolute;
    width: 100%;
    top: 70px;
    right: 0px;
    background: #fff;
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow-y: hidden;
  }
  #nav.active #menu {
    height: calc(100vh - 70px);
    visibility: visible;
    overflow-y: auto;
  }
  #menu a {
    padding: 1rem 0;
    margin: 0 1rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  }
  #btn-mobile {
    display: flex;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
  }
  #hamburger {
    border-top: 2px solid;
    width: 20px;
  }
  #hamburger::after,
  #hamburger::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    margin-top: 5px;
    transition: 0.3s;
    position: relative;
  }
  #nav.active #hamburger {
    border-top-color: transparent;
  }
  #nav.active #hamburger::before {
    transform: rotate(135deg);
  }
  #nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -7px;
  }
}

/*Evento */
/***********************************************/
.nome-eventos{
    position: relative;
    text-align: center;
}

.img-eventos{
    position: relative;
    width:auto;
    height: 187px;
}
.btn-eventos{
    position: relative;
}
@media only screen and (max-width:1500px) {
        .nome-eventos{
            font-size: 20px;
            width: 200px;
            position: relative;
            text-align: center;
    }
        .img-eventos{
            width: 200px;
            display: flex;
        }
        .btn-eventos{
            width: 200px;
            display: block;
            
        }
}
/***********************************************/
/* Blog */
#blog-intro{
    margin-top:7%;
    background-color: #1c1c1c;
    color:#fff;
}
.titulo-blog{
    text-transform: uppercase;
    font-size: 10rem;
    margin-top: 10%;
    padding-left:10%;
    margin-bottom: 0;
}
.sub-titulo-blog{
    margin-top:0;
    padding-left:10%;
    font-size: 1.5rem;
}
.s-titulo-blog{
    padding-left:10%;
    font-size:1rem;
    color:rgb(185, 185, 185)
}
.imagem-blog{
    width:50%;
    position: relative;
    left:50%;
    color:#d82e00
}
.artigos-titulo{
    padding-left:5%;
    margin-top:5%;
    font-size:3rem;
}
.imagem-aesabesp{
    width:40%;
    position: relative;
    left:30%;
    top:20%;
}
@media (max-width: 768px) { 
    .imagem-aesabesp{
        width:30%;
        top:5%;
        margin:5%;
    }
}