/* GERAL */
 .banner{
     width: 100%;
     overflow: hidden;
     background-color: #F4A460;
     position: relative;
     margin-top:-35px;
}
 .img-preta {
     width:100%;
}
 @keyframes titulo-produto {
     0% {
        left: -1000px;
    }
     30% {
        left: 10px;
    }
     40% {
        left: 10px;
    }
     50% {
        left: 10px;
    }
     99% {
        left: 10px;
    }
     100% {
        left: -1000px;
    }
}
 .titulo-produto{
     height: 30px;
     padding: 5px;
     color: #fff;
     top: 160px;
     right: 0;
     position: absolute;
     font-size: 70px;
     font-weight: bold;
     line-height: 30px;
     z-index: 2;
     animation: titulo-produto 5s ease-in-out 0s infinite;
     font-family: 'Poppins', sans-serif;
     text-shadow:4px 4px #074269;
}
 @keyframes titulo-produto2 {
     0% {
        left: -1000px;
    }
     30% {
        left: 15%;
    }
     40% {
        left: 15%;
    }
     50% {
        left: 15%;
    }
     99% {
        left: 15%;
    }
     100% {
        left: -1000px;
    }
}
 .titulo-produto2{
     height: 30px;
     padding: 5px;
     color: #fff;
     top: 220px;
     right: 0;
     position: absolute;
     font-size: 70px;
     font-weight: bold;
     line-height: 30px;
     z-index: 2;
     animation: titulo-produto 5s ease-in-out 0s infinite;
     font-family: 'Caveat', cursive;
}
 @keyframes titulo-produto3 {
     0% {
        left: -1000px;
    }
     30% {
        left: 100px;
    }
     40% {
        left: 100px;
    }
     50% {
        left: 100px;
    }
     99% {
        left: 100px;
    }
     100% {
        left: -1000px;
    }
}
 .titulo-produto3{
     padding: 5px;
     color: #fff;
     top: 300px;
     right: 0;
     position: absolute;
     font-size: 60px;
     font-weight: bold;
     line-height: 30px;
     z-index: 2;
     animation: titulo-produto 5s ease-in-out 0s infinite;
     font-family: 'Poppins', sans-serif;
}
 @keyframes titulo-produto4 {
     0% {
        left: -1000px;
    }
     30% {
        left: 100px;
    }
     40% {
        left: 100px;
    }
     50% {
        left: 100px;
    }
     99% {
        left: 100px;
    }
     100% {
        left: -1000px;
    }
}
 .titulo-produto4{
     padding: 5px;
     color: #fff;
     top: 380px;
     margin-left:5%;
     right: 0;
     position: absolute;
     font-size: 80px;
     font-weight: bold;
     line-height: 30px;
     z-index: 2;
     animation: titulo-produto 5s ease-in-out 0s infinite;
     font-family: 'Caveat', cursive;
     text-transform:uppercase;
     text-shadow:4px 4px #074269;
}
 @keyframes notebook {
     0% {
        right: -1000px;
    }
     45% {
        right: 0px;
    }
     65% {
        right: 0px;
    }
     75% {
        right: 0px;
    }
     95% {
        right: 0px;
    }
     100% {
        right: -1000px;
    }
}
 .notebook{
     z-index: 5;
     position: absolute;
     animation: notebook 5s ease-out 0s infinite normal;
     width:100%;
}
 .bannerprincipal {
     width:105%;
     height:800px;
     margin-top:-40px;
     background-color:orange;
     background-size:100%;
     background-image:url(bannerlsnogueira.png.png);
}
 .blockbannertext {
     width:100%;
     height:200px;
     background-color:purple;
     position:absolute;
     top:100px;
     left:0;
}
 body {
     font-family: 'Raleway', sans-serif;
     margin:0;
     overflow-x:hidden;
}
/* personalizar a barra em geral, aqui estou definindo 10px de largura para a barra vertical e 10px de altura para a barra horizontal */
 ::-webkit-scrollbar {
     width:10px;
     height: 10px;
}
/* aqui é para personalizar o fundo da barra, neste caso estou colocando um fundo cinza escuro*/
 ::-webkit-scrollbar-track {
     background:#1f3b7f;
}
/* aqui é a alça da barra, que demonstra a altura que você está na página estou colocando uma cor azul clara nela*/
 ::-webkit-scrollbar-thumb {
     background: #ffd800;
}
 .menumidias {
     width:130px;
     position:absolute;
     top:25px;
     right:20px;
     padding-top:15px;
     padding-right:1%;
}
 .imgmidiasociais {
     width:28%;
     margin:1%;
     filter: opacity(25%);
}
 .imgmidiasociais:hover {
     filter: opacity(100%);
}
/* GERAL */
/* NOTICIAS */
 .noticias {
     width:100%;
     height:500px;
     margin-bottom:50px;
     margin-top:70px;
}
 .bloconoticia {
     width:100%;
     height:500px;
     float:left;
     padding-left:5%;
}
 .logols {
     width:150px;
     margin-top:-15px;
     margin-left:-2%;
}
 .imgnoticia {
     width:22.5%;
     margin:0.5%;
     float:left;
}
 .blocotextobanner {
     width:100%;
     height: 400px;
     padding-left:10%;
     background-color: red;
}
/* NOTICIAS */
/* PROJETOS */
 .nossosprojetos {
     width:90%;
     margin-left:5%;
     height:700px;
     display:none;
}
 .imgprojetodestaque {
     width:23%;
     margin:1%;
     float:left;
}
 .tituloprojetos {
     font-size:82px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
}
/* PROJETOS */
/* QUEM SOMOS */
 .quemsomos {
     width:100%;
     background-color:#031749;
     height:1200px;
     padding-left:5%;
     padding-right:5%;
     padding-top:100px;
}
 .criancasquesomos {
     width:100%;
     height:175px;
     background-image:url(crianca.png);
}
/* QUEM SOMOS */
 .boxvalores {
     width:25%;
     padding:1%;
     height:250px;
     background-color:#eeeefd;
     float:left;
     margin:1%;
     margin-top:100px;
     border-radius: 5px;
     border-bottom:solid #eab105 3px;
     border-top:solid #0085c7 3px;
}
 .titulovalores {
     font-size:52px;
     text-align:center;
     font-weight:900;
}
 .textoquemsomos {
     font-size:20px;
     text-align:justify;
     color:#fff;
}
 #primeirovalor {
     margin-left:10%;
}
/* QUEM SOMOS */
/* SERVIÇOS */
 .servicos {
     width:100%;
     padding-left:5%;
     padding-right:5%;
     background-color:#f0f0f0;
     height:1300px;
     padding-top:100px;
     padding-bottom:100px;
}
 .tituloservicos {
     font-size:82px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     color:#031749;
}
 .caixaservicos {
     box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
     height: 300px;
     padding: 30px 30px;
     text-align: center;
     transition: 0.3s;
     border-radius: 10px;
     width:23%;
     margin-top:50px;
     margin:1%;
     border-top:solid #122e71 3px;
     border-bottom:solid #eab105 3px;
     float:left;
}
 .caixaservicos:hover {
     background-color:#031749;
     color:#fff;
     border-top:solid #0096ff 3px;
}
 .titulocaixaservicos {
     font-size:22px;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     line-height:22px;
}
/* SERVIÇOS */
/* COMO FUNCIONA */
 .comofunciona {
     width:100%;
     margin-bottom:50px;
     padding-left:6%;
     background-color:red;
}
 .comofuncionacoluna {
     width:60%;
     height:800px;
     float:left;
     padding-left:0%;
     padding-right:1%;
     z-index:9999999999999;
}
 .comofuncionacolunamenor {
     width:40%;
     height:600px;
     float:left;
     padding-top:100px;
}
 .como1 {
     font-size:82px;
     font-weight:900;
     color: #000144;
}
 .como2 {
     font-size:82px;
     font-weight:900;
     color: #484848;
     margin-top:-60px;
}
 .textocomo {
}
 .comofuncol {
     width:31%;
     padding-left:3%;
     padding-right:1%;
     height:300px;
     float:left;
     background-color:#f6f6f6;
     text-align:center;
     font-size:16px;
     border-radius: 10px;
     padding-top:30px;
     margin-left:1%;
}
 .cortacomofunciona {
     width:105%;
     margin-left:-3%;
     height:100px;
     background-color:#fff;
     transform: rotate(-4deg);
    /* Equal to rotateZ(45deg) */
     margin-bottom:0px;
     margin-top:-120px;
}
 .cortasegundo {
     width:101%;
     height:100px;
     background-color:#fff;
     margin-top:-50px;
     transform: rotate(-1deg);
    /* Equal to rotateZ(45deg) */
}
 .titulocomo {
     text-align:center;
     font-size:32px;
     font-weight:900;
     width:80%;
}
/* COMO FUNCIONA */
/* SIMULADOR */
 .simulador {
     width:100%;
     padding-top:20px;
     background-color:#031649;
     padding-bottom:20px;
     height:800px;
}
 .titulosimulador {
     font-size:82px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     color: #fff;
}
 .titulosimuladormini {
     font-size:132px;
     text-align:center;
     font-family: 'Style Script', cursive;
     font-weight:900;
     margin-bottom:-100px;
     color: #ffc513;
}
 .bordasimulador {
     width:98%;
     margin:1%;
     border: dashed #fff 2px;
     height:750px;
}
 .botao {
     width:20%;
     height:50px;
     text-align:center;
     margin-left:40%;
     margin-top:20px;
     background-color:#ffc513;
     font-size:30px;
     font-weight:600;
     color: #031649;
}
 .boxsimulador {
     width:80%;
     margin-left:10%;
     height:600px;
}
 .caixasimulador {
     width:50%;
     margin-left:25%;
     height:70px;
     font-size:34px;
     background-color:#031649;
     border:dashed yellow 1px;
     color:#fff;
     padding:1%;
     text-align:center;
}
 .txtimposto {
     width:50%;
     height:60px;
     background-color:#fff;
     margin-left:25%;
     font-size:24px;
     text-align:center;
     border:2px #fff solid;
     color:#031649;
}
 .classresultado {
     color:#fff;
     font-size:40px;
}
 .caixair {
     color:#fff;
     font-size:40px;
}
 </style> 
/* SIMULADOR */
/* PARALLAX */
/* PARALLAX */
 .parallax {
    /* Coloque a imagem a ser usada como background */
     background-image: url("bgnewtexture.png");
    /* Defina uma altura para a visão que o usuário terá da imagem */
     min-height: 450px;
    /* defina o background como fixo e posicione a imagem */
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .textotexture {
     font-size:92px;
     color:#000;
     z-index:9999999;
}
/* DESTAQUE */
 .destaque {
     width:102%;
     padding-top:50px;
     padding-bottom:50px;
     padding-left:10%;
     padding-right:10%;
     background-color: #031749;
     color:#fff;
     font-size:44px;
     text-align:center;
     font-family: 'Fredericka the Great', cursive;
}
 .topodestaque {
     transform: rotate(-2deg);
    /* Equal to rotateZ(45deg) */
     height:100px;
     background-color: #031749;
     margin-left:-2%;
     width:103%;
     margin-bottom:0px;
}
/* DESTAQUE */
/* CONTATO */
 .contato {
     width:100%;
     padding-left:5%;
     padding-right:5%;
     height:600px;
     background-color:#031749;
     padding-color:30px;
}
 .contatoleft {
     width:50%;
     padding-left:2%;
     height:500px;
     float:left;
     margin-top:50px;
}
 .contatoright {
     width:50%;
     height:500px;
     float:left;
     color:#FFF;
     margin-top:50px;
}
 .titulocontato {
     font-size:82px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     color: #fff;
}
 .cxtexto {
     width:25%;
     margin-top:5px;
     height:50px;
     padding-left:1%;
     background-color:#fff;
}
 .selectqueme {
     width:91%;
     height:50px;
     padding-left:1%;
     background-color:#fff;
     margin-top:10px;
}
 #nome {
     width:30%;
}
 #tel {
     width:20%;
}
 #email {
     width:40%;
}
 #button {
     width:20%;
     height:45px;
     margin-top:20px;
     margin-left:71%;
     background-color:#ffd800;
     border:none;
}
/* CONTATO */
 .maosrodape {
     width:100%;
     height:105px;
     background-image:url(maos.png);
     margin-top:-80px;
}