@media screen and (max-width: 767px) 
{

     body
  {
    font-family: 'Raleway', sans-serif;
    margin:0;
  }
  .logols
  {
    width:40%;
    margin-left: 40%;
  }

/*MIDIA SOCIAIS*/
.menumidias
{
    width:24%;
    left: 2%;
    position:absolute;
    top:45px;
}
.imgmidiasociais
{
    width:24%;
    margin:1%;
    filter: opacity(25%);
}
.imgmidiasociais:hover
{
    filter: opacity(100%);
}
/*MIDIA SOCIAIS*/

/*BANNER*/
.bannerprincipal
{
     width:100%;
     height:500px;
     margin-top:-40px;
     background-size:100%;
     background-image:url(bannerlsnogueira.png.png);
}
.banner
{
     width: 100%;
     overflow: hidden;
     background-color: #F4A460;
     position: relative;
     margin-top:-35px;
}
.bannerprincipal
{
    width:105%;
    height:800px;
    margin-top:-40px;
    background-size:100%;
    background-image:url(bannerlsnogueira.png.png);
}
.blockbannertext
{
    width:100%;
    height:200px;
    background-color:purple;
    position:absolute;
    top:100px;
    left:0;
}
 .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: 40px;
     right: 0;
     position: absolute;
     font-size: 20px;
     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: 60px;
     right: 0;
     position: absolute;
     font-size: 20px;
     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: 80px;
     right: 0;
     position: absolute;
     font-size: 20px;
     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: 100px;
     margin-left:5%;
     right: 0;
     position: absolute;
     font-size: 20px;
     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;
     top:30px;
     width:80%;
}
/*BANNER*/

/* NOTICIAS */
 .noticias
 {
    width:100%;
    height: 40%;
    margin-top:60px;
}
 .bloconoticia
 {
   width:100%;
   height:1400px;
   margin-top:70px;
   padding-left:5%;
}
.titulonoticias
{
   padding-left:1%;
   padding-right:1%;
   text-align:center;
   color: #00245c;
   font-size:24px;
}
.bloconoticias
{
   width: 100%;
   display: inline-block;
   position: relative;
}

.bloconoticias figcaption {
 position: absolute;
 width: 100.5%;
 height: 19%;
 top: 285px;
 font-weight: 1em;
 text-align: center;
 align-items: center;
 display: flex;
 justify-content: center;
 text-shadow: 1px 1px 5px black;
 background-color: rgba(36, 32, 32, 0.281);
 color: white;
}
.imgnoticia
{
  width:100%;
  height: 350px;
  box-shadow: 4px 4px 9px black;
  transition: 0.5s all ease-in-out;
}

.imgnoticia:hover {
 transform: scale(1.008);
}
/* NOTICIAS */
/* PROJETOS */
 .nossosprojetos
 {
   width:90%;
   margin-left:5%;
   height:2600px;
   display: none;
}
 .imgprojetodestaque
 {
     width:90%;
     margin:5%;
     float:left;
}
 .tituloprojetos
 {
     font-size:52px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     line-height: 40px;
}
.textoprojetos
{
    font-size:18px;
    text-align:justify;
    font-family: 'Raleway', sans-serif;
    line-height: 25px;
    margin-top: 50px;
    margin-bottom: 50px;
}
/* PROJETOS */
/* QUEM SOMOS */
 .quemsomos
 {
     width:100%;
     background-color:#031749;
     height:2000px;
     padding-left:5%;
     padding-right:5%;
     padding-top:100px;
}
 .criancasquesomos
 {
     width:100%;
     height:175px;
     background-image:url(crianca.png);
}
.imgquemsomos
{
    width: 140%;
    margin-left: -25%;
}
.boxvalores
{
    width:90%;
    padding:5%;
    height:250px;
    text-align: center;
    margin: 4%;
    background-color:#eeeefd;
    float:left;
    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:18px;
    text-align:justify;
    color:#fff;
}
#primeirovalor
{

}
/* QUEM SOMOS */
/* SERVIÇOS */
 .servicos
 {
     width:100%;
     background-color:#f0f0f0;
     height:3200px;
     padding-top:100px;
     padding-bottom:100px;
     text-align: center;
}
 .tituloservicos
 {
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     font-size:52px;
     text-align:center;
     color:#031749;
}
 .caixaservicos
 {
     box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
     height: 400px;
     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;
     background-color:red;
}
 .caixaservicos:hover
 {
     background-color:#031749;
     color:#fff;
     border-top:solid #0096ff 3px;
}
.caixaservicosazul
{
    width: 94%;
    margin-left: 3%;
    padding-left: 2%;
    padding-right: 2%;
    height: 230px;
    margin-top: 30px;
}
.caixaservicosamarelo
{
  width: 94%;
  margin-left: 3%;
  padding-left: 2%;
  padding-right: 2%;
  height: 360px;
  margin-top: 30px;
}
 .titulocaixaservicos
 {
     font-size:22px;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     line-height:22px;
}
.separaempresas
{
      width:100%;
      padding-left: 2%;
      padding-right: 2%;
      background-color:#031749;
      clear:both;
      text-align:center;
      color:#ffc514;
      padding-top:10px;
      padding-bottom:10px;
      font-size: 32px;
      font-family: 'Raleway', sans-serif;
      font-weight:900;
      line-height: 40px;
      margin-bottom: 20px;
}
#jogaprolado
{
      margin-left: 15%;
}
/* SERVIÇOS */


/* COMO FUNCIONA */
 .comofunciona
 {
     width:90%;
     margin-left: 5%;
     margin-right: 5%;
     margin-right: 5%;
     margin-bottom:50px;
     padding-bottom: 50px;
}
 .comofuncionacoluna
 {
     width:100%;
     margin-left: 5%;
     margin-right: 5%;
     float:left;
     padding-left:0%;
     padding-right:1%;
     z-index:9999999999999;
}
 .comofuncionacolunamenor
 {
     width:100%;
}
.comofuncionadesktop
{
    display: none;
}
.comofuncionamobile
{
    width: 100%;
}
 .como1
 {
    width: 50%;
    margin-left: 25%;
    font-size:52px;
    font-weight:900;
    color: #000144;
    text-align: center;
}
 .como2
 {
     font-size:52px;
     font-weight:900;
     color: #484848;
     margin-top:-40px;
}
 .textocomo
 {
     width: 90%;
     margin-left: 5%;
     margin-right: 5%;
     text-align: justify;
     margin-top: 50px;
 }
 .comofuncol
 {
     width:90%;
     padding-left: 2%;
     padding-right: 2%;
     height:300px;
     float:left;
     background-color:#f6f6f6;
     text-align:center;
     font-size:16px;
     border-radius: 10px;
     padding-top:30px;
     margin-bottom: 10px;
}
 .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-left:5%;
     padding-right:5%;
     padding-top:20px;
     background-color:#031649;
     padding-bottom:20px;
     height:600px;
}
 .titulosimulador
 {
     font-size:42px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     color: #fff;
}
 .titulosimuladormini
 {
     font-size:82px;
     text-align:center;
     font-family: 'Style Script', cursive;
     font-weight:900;
     margin-bottom:-50px;
     color: #ffc513;
}
 .bordasimulador
 {
     width:98%;
     margin:1%;
     border: dashed #fff 2px;
     height:550px;
}
 .botao
 {
     width:90%;
     height:30px;
     text-align:center;
     margin-left:5%;
     margin-top:20px;
     background-color:#ffc513;
     font-size:15px;
     font-weight:600;
     color: #031649;
}
 .boxsimulador
 {
     width:80%;
     margin-left:10%;
     height:600px;
}
 .caixasimulador
 {
     width:93%;
     margin-left:4%;
     height:30px;
     font-size:16px;
     background-color:#031649;
     border:dashed yellow 1px;
     color:#fff;
     padding:1%;
     text-align:center;
}
 .txtimposto
 {
     width:90%;
     height:40px;
     background-color:#fff;
     margin-left:5%;
     font-size:14px;
     text-align:center;
     border:2px #fff solid;
     color:#031649;
}
 .classresultado
 {
     color:#fff;
     font-size:40px;
}
 .caixair
 {
     color:#fff;
     font-size:40px;
}

/* SIMULADOR */

/* CONTATO */
 .contato
 {
     width:100%;
     padding-left:5%;
     padding-right:5%;
     height:1000px;
     padding-color:30px;
     background-color:#031649;
}
 .contatoleft
 {
     width:100%;
     padding-left:2%;
     height:450px;
     float:left;
     margin-top:50px;
}
 .contatoright
 {
     width:100%;
     height:500px;
     float:left;
     color:#FFF;
     margin-top:50px;
     text-align: center;
}
 .titulocontato
 {
     font-size:62px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     color: #fff;
}
 .cxtexto
 {
   width:100%;
     margin-top:5px;
     height:50px;
     padding-left:1%;
     background-color:#fff;
}
 .selectqueme {
   width:100%;
     height:50px;
     padding-left:1%;
     background-color:#fff;
     margin-top:10px;
}
 #nome {
     width:100%;
}
 #tel {
   width:100%;
}
 #email {
   width:100%;
}
 #button
 {
     width:50%;
     height:45px;
     margin-top:20px;
     margin-left:25%;
     background-color:#ffd800;
     border:none;
     font-weight: 900;
}
/* CONTATO */
 .maosrodape
 {
     width:100%;
     height:105px;
     background-image:url(maos.png);
     margin-top:-80px;
}

    
    
}


@media screen and  (min-width: 768px) and (max-width: 1279px)
{
  body
  {
    font-family: 'Raleway', sans-serif;
    margin:0;
    overflow-x:hidden;
  }
  .logols
  {
    width:40%;
    margin-left: 60%;
  }

/*MIDIA SOCIAIS*/
.menumidias
{
    width:24%;
    left: 2%;
    position:absolute;
    top:45px;
}
.imgmidiasociais
{
    width:24%;
    margin:1%;
    filter: opacity(25%);
}
.imgmidiasociais:hover
{
    filter: opacity(100%);
}
/*MIDIA SOCIAIS*/

/*BANNER*/
.bannerprincipal
{
     width:100%;
     height:500px;
     margin-top:-40px;
     background-size:100%;
     background-image:url(bannerlsnogueira.png.png);
}
.banner
{
     width: 100%;
     overflow: hidden;
     background-color: #F4A460;
     position: relative;
     margin-top:-35px;
}
.bannerprincipal
{
    width:105%;
    height:800px;
    margin-top:-40px;
    background-size:100%;
    background-image:url(bannerlsnogueira.png.png);
}
.blockbannertext
{
    width:100%;
    height:200px;
    background-color:purple;
    position:absolute;
    top:100px;
    left:0;
}
 .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: 40px;
     right: 0;
     position: absolute;
     font-size: 20px;
     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: 60px;
     right: 0;
     position: absolute;
     font-size: 20px;
     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: 80px;
     right: 0;
     position: absolute;
     font-size: 20px;
     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: 100px;
     margin-left:5%;
     right: 0;
     position: absolute;
     font-size: 20px;
     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;
     top:30px;
     width:80%;
}
/*BANNER*/

/* NOTICIAS */
 .noticias
 {
    width:100%;
    height: 40%;
    margin-top:60px;
}
 .bloconoticia
 {
   width:100%;
   height:700px;
   margin-top:70px;
   padding-left:2%;
   padding-right: 2%;
}
.titulonoticias
{
   padding-left:1%;
   padding-right:1%;
   text-align:center;
   color: #00245c;
   font-size:34px;
}
.bloconoticias
{
   width:100%;
   display: inline-block;
   position: relative;
}

.bloconoticias figcaption {
 position: absolute;
 width: 100.5%;
 height: 19%;
 top: 285px;
 font-weight: 1em;
 text-align: center;
 align-items: center;
 display: flex;
 justify-content: center;
 text-shadow: 1px 1px 5px black;
 background-color: rgba(36, 32, 32, 0.281);
 color: white;
}
.imgnoticia
{
  width:100%;
  height: 350px;
  box-shadow: 4px 4px 9px black;
  transition: 0.5s all ease-in-out;
}

.imgnoticia:hover {
 transform: scale(1.008);
}
/* NOTICIAS */
/* PROJETOS */
 .nossosprojetos
 {
   width:90%;
   margin-left:5%;
   height:2600px;
   display: none;
}
 .imgprojetodestaque
 {
     width:90%;
     margin:5%;
     float:left;
}
 .tituloprojetos
 {
     font-size:52px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     line-height: 40px;
}
.textoprojetos
{
    font-size:18px;
    text-align:justify;
    font-family: 'Raleway', sans-serif;
    line-height: 25px;
    margin-top: 50px;
    margin-bottom: 50px;
}
/* PROJETOS */
/* QUEM SOMOS */
 .quemsomos
 {
     width:100%;
     background-color:#031749;
     height:1500px;
     padding-left:5%;
     padding-right:5%;
     padding-top:100px;
}
 .criancasquesomos
 {
     width:100%;
     height:175px;
     background-image:url(crianca.png);
}
.imgquemsomos
{
    width: 140%;
    margin-left: -25%;
}
.boxvalores
{
    width:31%;
    padding:5%;
    height:420px;
    text-align: center;
    margin: 1%;
    background-color:#eeeefd;
    float:left;
    border-radius: 5px;
    border-bottom:solid #eab105 3px;
    border-top:solid #0085c7 3px;
}
.titulovalores
{
    font-size:32px;
    text-align:center;
    font-weight:900;
}
.textoquemsomos
{
    font-size:18px;
    text-align:justify;
    color:#fff;
}
#primeirovalor
{

}
/* QUEM SOMOS */
/* SERVIÇOS */
 .servicos
 {
     width:100%;
     background-color:#f0f0f0;
     height:2200px;
     padding-top:100px;
     padding-bottom:100px;
     text-align: center;
}
 .tituloservicos
 {
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     font-size:52px;
     text-align:center;
     color:#031749;
}
 .caixaservicos
 {
     box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
     height: 400px;
     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;
     background-color:red;
}
 .caixaservicos:hover
 {
     background-color:#031749;
     color:#fff;
     border-top:solid #0096ff 3px;
}
.caixaservicosazul
{
    width: 45%;
    margin-left: 3%;
    padding-left: 2%;
    padding-right: 2%;
    height: 260px;
    margin-top: 30px;
    float: left;
}
.caixaservicosamarelo
{
  width: 45%;
  margin-left: 3%;
  padding-left: 2%;
  padding-right: 2%;
  height: 360px;
  margin-top: 30px;
  float: left;
}
 .titulocaixaservicos
 {
     font-size:22px;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     line-height:22px;
}
.separaempresas
{
      width:100%;
      padding-left: 2%;
      padding-right: 2%;
      background-color:#031749;
      clear:both;
      text-align:center;
      color:#ffc514;
      padding-top:10px;
      padding-bottom:10px;
      font-size: 32px;
      font-family: 'Raleway', sans-serif;
      font-weight:900;
      line-height: 40px;
      margin-bottom: 20px;
}
#jogaprolado
{
      margin-left: 15%;
}
/* SERVIÇOS */


/* COMO FUNCIONA */
 .comofunciona
 {
     width:90%;
     margin-left: 5%;
     margin-right: 5%;
     margin-right: 5%;
     margin-bottom:50px;
     padding-bottom: 50px;
}
 .comofuncionacoluna
 {
     width:100%;
     margin-left: 5%;
     margin-right: 5%;
     float:left;
     padding-left:0%;
     padding-right:1%;
     z-index:9999999999999;
}
 .comofuncionacolunamenor
 {
     width:100%;
}
.comofuncionadesktop
{
    display: none;
}
.comofuncionamobile
{
    width: 100%;
}
 .como1
 {
    width: 80%;
    margin-left: 10%;
    font-size:52px;
    font-weight:900;
    color: #000144;
    text-align: center;
}
 .como2
 {
     font-size:52px;
     font-weight:900;
     color: #484848;
     margin-top:-40px;
}
 .textocomo
 {
     width: 90%;
     margin-left: 5%;
     margin-right: 5%;
     text-align: justify;
     margin-top: 50px;
 }
 .comofuncol
 {
     width:30%;
     padding-left: 2%;
     padding-right: 2%;
     margin-left: 1%;
     height:400px;
     float:left;
     background-color:#f6f6f6;
     text-align:center;
     font-size:16px;
     border-radius: 10px;
     padding-top:30px;
     margin-bottom: 10px;
}
 .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:22px;
     font-weight:900;
     width:80%;
}

/* COMO FUNCIONA */

/* SIMULADOR */
 .simulador
 {
     width:100%;
     padding-left:5%;
     padding-right:5%;
     padding-top:20px;
     background-color:#031649;
     padding-bottom:20px;
     height:600px;
}
 .titulosimulador
 {
     font-size:42px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     color: #fff;
}
 .titulosimuladormini
 {
     font-size:82px;
     text-align:center;
     font-family: 'Style Script', cursive;
     font-weight:900;
     margin-bottom:-50px;
     color: #ffc513;
}
 .bordasimulador
 {
     width:98%;
     margin:1%;
     border: dashed #fff 2px;
     height:550px;
}
 .botao
 {
     width:90%;
     height:30px;
     text-align:center;
     margin-left:5%;
     margin-top:20px;
     background-color:#ffc513;
     font-size:15px;
     font-weight:600;
     color: #031649;
}
 .boxsimulador
 {
     width:80%;
     margin-left:10%;
     height:600px;
}
 .caixasimulador
 {
     width:93%;
     margin-left:4%;
     height:30px;
     font-size:16px;
     background-color:#031649;
     border:dashed yellow 1px;
     color:#fff;
     padding:1%;
     text-align:center;
}
 .txtimposto
 {
     width:90%;
     height:40px;
     background-color:#fff;
     margin-left:5%;
     font-size:14px;
     text-align:center;
     border:2px #fff solid;
     color:#031649;
}
 .classresultado
 {
     color:#fff;
     font-size:40px;
}
 .caixair
 {
     color:#fff;
     font-size:40px;
}

/* SIMULADOR */

/* CONTATO */
 .contato
 {
     width:100%;
     padding-left:5%;
     padding-right:5%;
     height:1000px;
     padding-color:30px;
     background-color:#031649;
}
 .contatoleft
 {
     width:100%;
     padding-left:2%;
     height:450px;
     float:left;
     margin-top:50px;
}
 .contatoright
 {
     width:100%;
     height:500px;
     float:left;
     color:#FFF;
     margin-top:50px;
     text-align: center;
}
 .titulocontato
 {
     font-size:62px;
     text-align:center;
     text-transform:uppercase;
     font-family: 'Raleway', sans-serif;
     font-weight:900;
     color: #fff;
}
 .cxtexto
 {
   width:100%;
     margin-top:5px;
     height:50px;
     padding-left:1%;
     background-color:#fff;
}
 .selectqueme {
   width:100%;
     height:50px;
     padding-left:1%;
     background-color:#fff;
     margin-top:10px;
}
 #nome {
     width:100%;
}
 #tel {
   width:100%;
}
 #email {
   width:100%;
}
 #button
 {
     width:50%;
     height:45px;
     margin-top:20px;
     margin-left:25%;
     background-color:#ffd800;
     border:none;
     font-weight: 900;
}
/* CONTATO */
 .maosrodape
 {
     width:100%;
     height:105px;
     background-image:url(maos.png);
     margin-top:-80px;
}

}
@media screen and  (min-width: 1280px) and (max-width: 1365px)
{
  body
   {
     /* 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;
        }
        overflow-x:hidden;
   }
   /* 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-size:100%;
        background-image:url(bannerlsnogueira.png.png);
   }
    .blockbannertext {
        width:100%;
        height:200px;
        background-color:purple;
        position:absolute;
        top:100px;
        left:0;
   }

   /* 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:6%;
       position:absolute;
       top:0px;
       right:6%;
       padding-top:15px;
       padding-right:0.5%;
  }
   .imgmidiasociais
   {
       width:26%;
       margin:1%;
       filter: opacity(25%);
  }
    .imgmidiasociais:hover {
        filter: opacity(100%);
   }
   /* GERAL */
   /* NOTICIAS */
    .noticias {
        width:100%;
   	 height: 35%;
        margin-top:60px;

   }
    .bloconoticia {
      width:100%;
      height:500px;
      float:left;
      padding-left:5%;
   	 background-color:pink;
   }
   .titulonoticias
   {
   	padding-left:1%;
   	padding-right:1%;
   	text-align:center;
   	color: #00245c;
   	font-size:24px;
   }
   .bloconoticias
   {
      width:100%;
      display: inline-block;
      position: relative;
   }

   .bloconoticias figcaption {
    position: absolute;
    width: 100.5%;
    height: 19%;
    top: 285px;
    font-weight: 1em;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    text-shadow: 1px 1px 5px black;
    background-color: rgba(36, 32, 32, 0.281);
    color: white;
   }
    .logols
    {
      width:150px;
      margin-top:-15px;
      margin-left:-2%;
   }
    .imgnoticia {
   	 width:100%;
    height: 350px;
    box-shadow: 4px 4px 9px black;
    transition: 0.5s all ease-in-out;
   }

   .imgnoticia:hover {
    transform: scale(1.008);
   }
    .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);
   }
   .imgquemsomos
   {
     width: 90%;
     margin-left: 5%;
   }
   /* QUEM SOMOS */
    .boxvalores
    {
        width:25%;
        padding:1%;
        height:250px;
        background-color:#eeeefd;
        float:left;
        margin:1%;
        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%;
   }

   /* SERVIÇOS */
    .servicos {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        height:1800px;
        padding-top:100px;
        padding-bottom:100px;
        background-color: #e0dbdb;
   }
    .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: 400px;
        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;
        background-color:#031749;
   }
    .caixaservicos:hover {
        background-color:#031749;
        color:#fff;
        border-top:solid #0096ff 3px;
   }
   .caixaservicosazul
   {
       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:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#031749;
       color:#fff;
   }
   .caixaservicosamarelo
   {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 490px;
       padding: 30px 30px;
       text-align: center;
       transition: 0.3s;
       border-radius: 10px;
       width:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#a3a3a3;
       color:#031749;
   }
    .titulocaixaservicos {
        font-size:22px;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        line-height:22px;
   }
   .separaempresas
   {
       width:100%;
       background-color:#031749;
       margin-top: 50px;
       clear:both;
       text-align:center;
       color:#ffc514;
       padding-top:10px;
       padding-bottom:10px;
       font-size: 42px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
   }
   #jogaprolado
   {
     margin-left: 15%;

   }

   /* SERVIÇOS */
   /* COMO FUNCIONA */
    .comofunciona
    {
        width:100%;
        height: 1000px;
        margin-bottom:50px;
        padding-left: 8%;
   }
    .comofuncionacoluna
    {
        width:60%;
        height:800px;
        float:left;
        z-index:9999999999999;
   }
   .comofuncionamobile
   {
       display: none;
   }
   .comofuncionadesktop
   {
     display: block;
       width: 100%;
   }
    .comofuncionacolunamenor
    {
        width:40%;
        height:800px;
        float:left;
        padding-top:100px;
   }
    .como1 {
        font-size:82px;
        color: #000144;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
   }
    .como2
    {
        font-size:82px;
        font-weight:900;
        color: #484848;
        margin-top:-60px;
        font-family: 'Raleway', sans-serif;
   }
   .textocomo
   {
       width: 80%;
   }
    .comofuncol
    {
        width:30%;
        padding-left:1%;
        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:22px;
        font-weight:900;
        width:80%;
   }
   /* COMO FUNCIONA */


   /* SIMULADOR */
    .simulador
    {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        padding-top:20px;
        background-color:#031649;
        padding-bottom:20px;
        height:1000px;
   }
    .titulosimulador
    {
        font-size:82px;
        text-align:center;
        text-transform:uppercase;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        color: #fff;
   }
    .titulosimuladormini
    {
        font-size:122px;
        text-align:center;
        font-family: 'Style Script', cursive;
        font-weight:900;
        margin-bottom:-70px;
        color: #ffc513;
   }
    .bordasimulador
    {
        width:98%;
        margin:1%;
        border: dashed #fff 2px;
        height:950px;
   }
    .botao
    {
        width:20%;
        height:70px;
        text-align:center;
        margin-left:40%;
        margin-top:20px;
        background-color:#ffc513;
        font-size:25px;
        font-weight:900;
        color: #031649;
   }
    .boxsimulador
    {
        width:80%;
        margin-left:10%;
        height:600px;
   }
    .caixasimulador
    {
      width:80%;
      margin-left:10%;
      height:600px;
        height:60px;
        font-size:26px;
        background-color:#031649;
        border:dashed yellow 1px;
        color:#fff;
        padding:1%;
        text-align:center;
   }
    .txtimposto
    {
        width:50%;
        margin-left:25%;
        height:80px;
        background-color:#fff;
        font-size:25px;
        text-align:center;
        border:2px #fff solid;
        color:#031649;
   }
    .classresultado
    {
        color:#fff;
        font-size:40px;
   }
    .caixair
    {
        color:#fff;
        font-size:40px;
   }

   /* 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;
   }
}
@media screen and  (min-width: 1366px) and (max-width: 1439px)
{
  body
   {
     /* 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;
        }
        overflow-x:hidden;
   }

   /* 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-size:100%;
        background-image:url(bannerlsnogueira.png.png);
   }
    .blockbannertext {
        width:100%;
        height:200px;
        background-color:purple;
        position:absolute;
        top:100px;
        left:0;
   }

   /* 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:7%;
       position:absolute;
       top:0px;
       right:8%;
       padding-top:15px;
       padding-right:0.5%;
  }
   .imgmidiasociais
   {
       width:26%;
       margin:1%;
       filter: opacity(25%);
  }
    .imgmidiasociais:hover {
        filter: opacity(100%);
   }
   /* GERAL */
   /* NOTICIAS */
    .noticias {
        width:100%;
   	 height: 35%;
        margin-top:60px;

   }
    .bloconoticia {
      width:100%;
      height:500px;
      float:left;
      padding-left:5%;
   	 background-color:pink;
   }
   .titulonoticias
   {
   	padding-left:1%;
   	padding-right:1%;
   	text-align:center;
   	color: #00245c;
   	font-size:24px;
   }
   .bloconoticias
   {
      width:100%;
      display: inline-block;
      position: relative;
   }

   .bloconoticias figcaption {
    position: absolute;
    width: 100.5%;
    height: 19%;
    top: 285px;
    font-weight: 1em;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    text-shadow: 1px 1px 5px black;
    background-color: rgba(36, 32, 32, 0.281);
    color: white;
   }
    .logols
    {
      width:150px;
      margin-top:-15px;
      margin-left:-2%;
   }
    .imgnoticia {
   	 width:100%;
    height: 350px;
    box-shadow: 4px 4px 9px black;
    transition: 0.5s all ease-in-out;
   }

   .imgnoticia:hover {
    transform: scale(1.008);
   }
    .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);
   }
   .imgquemsomos
   {
     width: 90%;
     margin-left: 5%;
   }
   /* QUEM SOMOS */
    .boxvalores
    {
        width:25%;
        padding:1%;
        height:250px;
        background-color:#eeeefd;
        float:left;
        margin:1%;
        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%;
   }

   /* SERVIÇOS */
    .servicos {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        height:1800px;
        padding-top:100px;
        padding-bottom:100px;
        background-color: #e0dbdb;
   }
    .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: 400px;
        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;
        background-color:#031749;
   }
    .caixaservicos:hover {
        background-color:#031749;
        color:#fff;
        border-top:solid #0096ff 3px;
   }
   .caixaservicosazul
   {
       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:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#031749;
       color:#fff;
   }
   .caixaservicosamarelo
   {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 450px;
       padding: 30px 30px;
       text-align: center;
       transition: 0.3s;
       border-radius: 10px;
       width:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#a3a3a3;
       color:#031749;
   }
    .titulocaixaservicos {
        font-size:22px;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        line-height:22px;
   }
   .separaempresas
   {
       width:100%;
       background-color:#031749;
       margin-top: 50px;
       clear:both;
       text-align:center;
       color:#ffc514;
       padding-top:10px;
       padding-bottom:10px;
       font-size: 42px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
   }
   #jogaprolado
   {
     margin-left: 15%;

   }

   /* SERVIÇOS */
   /* COMO FUNCIONA */
    .comofunciona
    {
        width:100%;
        height: 1000px;
        margin-bottom:50px;
        padding-left: 8%;
   }
    .comofuncionacoluna
    {
        width:60%;
        height:800px;
        float:left;
        z-index:9999999999999;
   }
   .comofuncionamobile
   {
       display: none;
   }
   .comofuncionadesktop
   {
     display: block;
       width: 100%;
   }
    .comofuncionacolunamenor
    {
        width:40%;
        height:800px;
        float:left;
        padding-top:100px;
   }
    .como1 {
        font-size:82px;
        color: #000144;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
   }
    .como2
    {
        font-size:82px;
        font-weight:900;
        color: #484848;
        margin-top:-60px;
        font-family: 'Raleway', sans-serif;
   }
   .textocomo
   {
       width: 80%;
   }
    .comofuncol
    {
        width:30%;
        padding-left:1%;
        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:22px;
        font-weight:900;
        width:80%;
   }
   /* COMO FUNCIONA */


   /* SIMULADOR */
    .simulador
    {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        padding-top:20px;
        background-color:#031649;
        padding-bottom:20px;
        height:1000px;
   }
    .titulosimulador
    {
        font-size:82px;
        text-align:center;
        text-transform:uppercase;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        color: #fff;
   }
    .titulosimuladormini
    {
        font-size:122px;
        text-align:center;
        font-family: 'Style Script', cursive;
        font-weight:900;
        margin-bottom:-70px;
        color: #ffc513;
   }
    .bordasimulador
    {
        width:98%;
        margin:1%;
        border: dashed #fff 2px;
        height:950px;
   }
    .botao
    {
        width:20%;
        height:70px;
        text-align:center;
        margin-left:40%;
        margin-top:20px;
        background-color:#ffc513;
        font-size:25px;
        font-weight:900;
        color: #031649;
   }
    .boxsimulador
    {
        width:80%;
        margin-left:10%;
        height:600px;
   }
    .caixasimulador
    {
      width:80%;
      margin-left:10%;
      height:600px;
        height:60px;
        font-size:26px;
        background-color:#031649;
        border:dashed yellow 1px;
        color:#fff;
        padding:1%;
        text-align:center;
   }
    .txtimposto
    {
        width:50%;
        margin-left:25%;
        height:80px;
        background-color:#fff;
        font-size:25px;
        text-align:center;
        border:2px #fff solid;
        color:#031649;
   }
    .classresultado
    {
        color:#fff;
        font-size:40px;
   }
    .caixair
    {
        color:#fff;
        font-size:40px;
   }

   /* 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;
   }

}
@media screen and  (min-width: 1440px) and (max-width: 1599px)
{
  body
   {
     /* 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;
        }
        overflow-x:hidden;
   }
   /* 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-size:100%;
        background-image:url(bannerlsnogueira.png.png);
   }
    .blockbannertext {
        width:100%;
        height:200px;
        background-color:purple;
        position:absolute;
        top:100px;
        left:0;
   }

   /* 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:7%;
        position:absolute;
        top:0px;
        right:6%;
        padding-top:15px;
        padding-right:0.5%;
   }
   .imgmidiasociais
   {
       width:26%;
       margin:1%;
       filter: opacity(25%);
  }
    .imgmidiasociais:hover {
        filter: opacity(100%);
   }
   /* GERAL */
   /* NOTICIAS */
    .noticias {
        width:100%;
   	 height: 35%;
        margin-top:60px;

   }
    .bloconoticia {
      width:100%;
      height:500px;
      float:left;
      padding-left:5%;
   }
   .titulonoticias
   {
   	padding-left:1%;
   	padding-right:1%;
   	text-align:center;
   	color: #00245c;
   	font-size:24px;
   }
   .bloconoticias
   {
      width:100%;
      display: inline-block;
      position: relative;
   }

   .bloconoticias figcaption {
    position: absolute;
    width: 100.5%;
    height: 19%;
    top: 285px;
    font-weight: 1em;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    text-shadow: 1px 1px 5px black;
    background-color: rgba(36, 32, 32, 0.281);
    color: white;
   }
    .logols
    {
      width:150px;
      margin-top:-15px;
      margin-left:-2%;
   }
    .imgnoticia {
   	 width:100%;
    height: 350px;
    box-shadow: 4px 4px 9px black;
    transition: 0.5s all ease-in-out;
   }

   .imgnoticia:hover {
    transform: scale(1.008);
   }
    .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);
   }
   .imgquemsomos
   {
     width: 90%;
     margin-left: 5%;
   }
   /* QUEM SOMOS */
    .boxvalores
    {
        width:25%;
        padding:1%;
        height:250px;
        background-color:#eeeefd;
        float:left;
        margin:1%;
        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%;
   }

   /* SERVIÇOS */
    .servicos {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        height:1800px;
        padding-top:100px;
        padding-bottom:100px;
        background-color: #e0dbdb;
   }
    .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: 400px;
        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;
        background-color:#031749;
   }
    .caixaservicos:hover {
        background-color:#031749;
        color:#fff;
        border-top:solid #0096ff 3px;
   }
   .caixaservicosazul
   {
       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:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#031749;
       color:#fff;
   }
   .caixaservicosamarelo
   {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 450px;
       padding: 30px 30px;
       text-align: center;
       transition: 0.3s;
       border-radius: 10px;
       width:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#a3a3a3;
       color:#031749;
   }
    .titulocaixaservicos {
        font-size:22px;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        line-height:22px;
   }
   .separaempresas
   {
       width:100%;
       background-color:#031749;
       margin-top: 50px;
       clear:both;
       text-align:center;
       color:#ffc514;
       padding-top:10px;
       padding-bottom:10px;
       font-size: 42px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
   }
   #jogaprolado
   {
     margin-left: 15%;

   }

   /* SERVIÇOS */
   /* COMO FUNCIONA */
    .comofunciona
    {
        width:100%;
        height: 1000px;
        margin-bottom:50px;
        padding-left: 8%;
   }
    .comofuncionacoluna
    {
        width:60%;
        height:800px;
        float:left;
        z-index:9999999999999;
   }
   .comofuncionamobile
   {
       display: none;
   }
   .comofuncionadesktop
   {
     display: block;
       width: 100%;
   }
    .comofuncionacolunamenor
    {
        width:40%;
        height:800px;
        float:left;
        padding-top:100px;
   }
    .como1 {
        font-size:82px;
        color: #000144;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
   }
    .como2
    {
        font-size:82px;
        font-weight:900;
        color: #484848;
        margin-top:-60px;
        font-family: 'Raleway', sans-serif;
   }
   .textocomo
   {
       width: 80%;
   }
    .comofuncol
    {
        width:30%;
        padding-left:1%;
        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:22px;
        font-weight:900;
        width:80%;
   }
   /* COMO FUNCIONA */


   /* SIMULADOR */
    .simulador
    {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        padding-top:20px;
        background-color:#031649;
        padding-bottom:20px;
        height:1000px;
   }
    .titulosimulador
    {
        font-size:82px;
        text-align:center;
        text-transform:uppercase;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        color: #fff;
   }
    .titulosimuladormini
    {
        font-size:122px;
        text-align:center;
        font-family: 'Style Script', cursive;
        font-weight:900;
        margin-bottom:-70px;
        color: #ffc513;
   }
    .bordasimulador
    {
        width:98%;
        margin:1%;
        border: dashed #fff 2px;
        height:950px;
   }
    .botao
    {
        width:20%;
        height:70px;
        text-align:center;
        margin-left:40%;
        margin-top:20px;
        background-color:#ffc513;
        font-size:25px;
        font-weight:900;
        color: #031649;
   }
    .boxsimulador
    {
        width:80%;
        margin-left:10%;
        height:600px;
   }
    .caixasimulador
    {
      width:80%;
      margin-left:10%;
      height:600px;
        height:60px;
        font-size:26px;
        background-color:#031649;
        border:dashed yellow 1px;
        color:#fff;
        padding:1%;
        text-align:center;
   }
    .txtimposto
    {
        width:50%;
        margin-left:25%;
        height:80px;
        background-color:#fff;
        font-size:25px;
        text-align:center;
        border:2px #fff solid;
        color:#031649;
   }
    .classresultado
    {
        color:#fff;
        font-size:40px;
   }
    .caixair
    {
        color:#fff;
        font-size:40px;
   }

   /* 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;
   }


}
@media screen and  (min-width: 1600px) and (max-width: 1679px)
{
  body
   {
     /* 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;
        }
        overflow-x:hidden;
   }
   /* 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-size:100%;
        background-image:url(bannerlsnogueira.png.png);
   }
    .blockbannertext {
        width:100%;
        height:200px;
        background-color:purple;
        position:absolute;
        top:100px;
        left:0;
   }

   /* 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:7%;
        position:absolute;
        top:30px;
        right:0px;
        padding-top:15px;
        padding-right:0.5%;
   }
   .imgmidiasociais
   {
       width:26%;
       margin:1%;
       filter: opacity(25%);
  }
    .imgmidiasociais:hover {
        filter: opacity(100%);
   }
   /* GERAL */
   /* NOTICIAS */
    .noticias {
      width:100%;
   	 height: 35%;
        margin-top:60px;
   }
    .bloconoticia {
      width:100%;
      height:500px;
      float:left;
      padding-left:5%;
   	 background-color:pink;
   }
   .titulonoticias
   {
   	padding-left:1%;
   	padding-right:1%;
   	text-align:center;
   	color: #00245c;
   	font-size:24px;
   }
   .bloconoticias
   {
    width: 100%;
      display: inline-block;
      position: relative;
   }

   .bloconoticias figcaption {
    position: absolute;
    width: 100.5%;
    height: 19%;
    top: 285px;
    font-weight: 1em;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    text-shadow: 1px 1px 5px black;
    background-color: rgba(36, 32, 32, 0.281);
    color: white;
   }
    .logols
    {
      width:150px;
      margin-top:-15px;
      margin-left:-2%;
   }
    .imgnoticia {
   	 width:100%;
    height: 350px;
    box-shadow: 4px 4px 9px black;
    transition: 0.5s all ease-in-out;
   }

   .imgnoticia:hover {
    transform: scale(1.008);
   }
    .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);
   }
   .imgquemsomos
   {
     width: 90%;
     margin-left: 5%;
   }
   /* QUEM SOMOS */
    .boxvalores
    {
        width:25%;
        padding:1%;
        height:250px;
        background-color:#eeeefd;
        float:left;
        margin:1%;
        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%;
   }

   /* SERVIÇOS */
    .servicos {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        height:1800px;
        padding-top:100px;
        padding-bottom:100px;
        background-color: #e0dbdb;
   }
    .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: 400px;
        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;
        background-color:#031749;
   }
    .caixaservicos:hover {
        background-color:#031749;
        color:#fff;
        border-top:solid #0096ff 3px;
   }
   .caixaservicosazul
   {
       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:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#031749;
       color:#fff;
   }
   .caixaservicosamarelo
   {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 450px;
       padding: 30px 30px;
       text-align: center;
       transition: 0.3s;
       border-radius: 10px;
       width:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#a3a3a3;
       color:#031749;
   }
    .titulocaixaservicos {
        font-size:22px;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        line-height:22px;
   }
   .separaempresas
   {
       width:100%;
       background-color:#031749;
       margin-top: 50px;
       clear:both;
       text-align:center;
       color:#ffc514;
       padding-top:10px;
       padding-bottom:10px;
       font-size: 42px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
   }
   #jogaprolado
   {
     margin-left: 15%;

   }

   /* SERVIÇOS */
   /* COMO FUNCIONA */
    .comofunciona
    {
        width:100%;
        height: 1000px;
        margin-bottom:50px;
        padding-left: 8%;
   }
    .comofuncionacoluna
    {
        width:60%;
        height:800px;
        float:left;
        z-index:9999999999999;
   }
   .comofuncionamobile
   {
       display: none;
   }
   .comofuncionadesktop
   {
     display: block;
       width: 100%;
   }
    .comofuncionacolunamenor
    {
        width:40%;
        height:800px;
        float:left;
        padding-top:100px;
   }
    .como1 {
        font-size:82px;
        color: #000144;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
   }
    .como2
    {
        font-size:82px;
        font-weight:900;
        color: #484848;
        margin-top:-60px;
        font-family: 'Raleway', sans-serif;
   }
   .textocomo
   {
       width: 80%;
   }
    .comofuncol
    {
        width:30%;
        padding-left:1%;
        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:22px;
        font-weight:900;
        width:80%;
   }
   /* COMO FUNCIONA */


   /* SIMULADOR */
    .simulador
    {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        padding-top:20px;
        background-color:#031649;
        padding-bottom:20px;
        height:1000px;
   }
    .titulosimulador
    {
        font-size:82px;
        text-align:center;
        text-transform:uppercase;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        color: #fff;
   }
    .titulosimuladormini
    {
        font-size:122px;
        text-align:center;
        font-family: 'Style Script', cursive;
        font-weight:900;
        margin-bottom:-70px;
        color: #ffc513;
   }
    .bordasimulador
    {
        width:98%;
        margin:1%;
        border: dashed #fff 2px;
        height:950px;
   }
    .botao
    {
        width:20%;
        height:70px;
        text-align:center;
        margin-left:40%;
        margin-top:20px;
        background-color:#ffc513;
        font-size:25px;
        font-weight:900;
        color: #031649;
   }
    .boxsimulador
    {
        width:80%;
        margin-left:10%;
        height:600px;
   }
    .caixasimulador
    {
      width:80%;
      margin-left:10%;
      height:600px;
        height:60px;
        font-size:26px;
        background-color:#031649;
        border:dashed yellow 1px;
        color:#fff;
        padding:1%;
        text-align:center;
   }
    .txtimposto
    {
        width:50%;
        margin-left:25%;
        height:80px;
        background-color:#fff;
        font-size:25px;
        text-align:center;
        border:2px #fff solid;
        color:#031649;
   }
    .classresultado
    {
        color:#fff;
        font-size:40px;
   }
    .caixair
    {
        color:#fff;
        font-size:40px;
   }

   /* 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;
   }


}
@media screen and  (min-width: 1680px) and (max-width: 1919px)
{
  body
   {
     /* 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;
        }
        overflow-x:hidden;
   }
   /* 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-size:100%;
        background-image:url(bannerlsnogueira.png.png);
   }
    .blockbannertext {
        width:100%;
        height:200px;
        background-color:purple;
        position:absolute;
        top:100px;
        left:0;
   }

   /* 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:7%;
        position:absolute;
        top:30px;
        right:0px;
        padding-top:15px;
        padding-right:0.5%;
   }
   .imgmidiasociais
   {
       width:26%;
       margin:1%;
       filter: opacity(25%);
  }
    .imgmidiasociais:hover {
        filter: opacity(100%);
   }
   /* GERAL */
   /* NOTICIAS */
    .noticias {
        width:100%;
   	 height: 35%;
        margin-top:60px;
   }
    .bloconoticia {
      width:100%;
      height:500px;
      float:left;
      padding-left:5%;
   	 background-color:pink;
   }
   .titulonoticias
   {
   	padding-left:1%;
   	padding-right:1%;
   	text-align:center;
   	color: #00245c;
   	font-size:24px;
   }
   .bloconoticias
   {
      width:100%;
      display: inline-block;
      position: relative;
   }

   .bloconoticias figcaption {
    position: absolute;
    width: 100.5%;
    height: 19%;
    top: 285px;
    font-weight: 1em;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    text-shadow: 1px 1px 5px black;
    background-color: rgba(36, 32, 32, 0.281);
    color: white;
   }
    .logols
    {
      width:150px;
      margin-top:-15px;
      margin-left:-2%;
   }
    .imgnoticia {
   	 width:100%;
    height: 350px;
    box-shadow: 4px 4px 9px black;
    transition: 0.5s all ease-in-out;
   }

   .imgnoticia:hover {
    transform: scale(1.008);
   }
    .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);
   }
   .imgquemsomos
   {
     width: 90%;
     margin-left: 5%;
   }
   /* QUEM SOMOS */
    .boxvalores
    {
        width:25%;
        padding:1%;
        height:250px;
        background-color:#eeeefd;
        float:left;
        margin:1%;
        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%;
   }

   /* SERVIÇOS */
    .servicos {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        height:1800px;
        padding-top:100px;
        padding-bottom:100px;
        background-color: #e0dbdb;
   }
    .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: 400px;
        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;
        background-color:#031749;
   }
    .caixaservicos:hover {
        background-color:#031749;
        color:#fff;
        border-top:solid #0096ff 3px;
   }
   .caixaservicosazul
   {
       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:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#031749;
       color:#fff;
   }
   .caixaservicosamarelo
   {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 450px;
       padding: 30px 30px;
       text-align: center;
       transition: 0.3s;
       border-radius: 10px;
       width:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#a3a3a3;
       color:#031749;
   }
    .titulocaixaservicos {
        font-size:22px;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        line-height:22px;
   }
   .separaempresas
   {
       width:100%;
       background-color:#031749;
       margin-top: 50px;
       clear:both;
       text-align:center;
       color:#ffc514;
       padding-top:10px;
       padding-bottom:10px;
       font-size: 42px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
   }
   #jogaprolado
   {
     margin-left: 15%;

   }

   /* SERVIÇOS */
   /* COMO FUNCIONA */
    .comofunciona
    {
        width:100%;
        height: 1000px;
        margin-bottom:50px;
        padding-left: 8%;
   }
    .comofuncionacoluna
    {
        width:60%;
        height:800px;
        float:left;
        z-index:9999999999999;
   }
   .comofuncionamobile
   {
       display: none;
   }
   .comofuncionadesktop
   {
     display: block;
       width: 100%;
   }
    .comofuncionacolunamenor
    {
        width:40%;
        height:800px;
        float:left;
        padding-top:100px;
   }
    .como1 {
        font-size:82px;
        color: #000144;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
   }
    .como2
    {
        font-size:82px;
        font-weight:900;
        color: #484848;
        margin-top:-60px;
        font-family: 'Raleway', sans-serif;
   }
   .textocomo
   {
       width: 80%;
   }
    .comofuncol
    {
        width:30%;
        padding-left:1%;
        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:22px;
        font-weight:900;
        width:80%;
   }
   /* COMO FUNCIONA */


   /* SIMULADOR */
    .simulador
    {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        padding-top:20px;
        background-color:#031649;
        padding-bottom:20px;
        height:1000px;
   }
    .titulosimulador
    {
        font-size:82px;
        text-align:center;
        text-transform:uppercase;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        color: #fff;
   }
    .titulosimuladormini
    {
        font-size:122px;
        text-align:center;
        font-family: 'Style Script', cursive;
        font-weight:900;
        margin-bottom:-70px;
        color: #ffc513;
   }
    .bordasimulador
    {
        width:98%;
        margin:1%;
        border: dashed #fff 2px;
        height:950px;
   }
    .botao
    {
        width:20%;
        height:70px;
        text-align:center;
        margin-left:40%;
        margin-top:20px;
        background-color:#ffc513;
        font-size:25px;
        font-weight:900;
        color: #031649;
   }
    .boxsimulador
    {
        width:80%;
        margin-left:10%;
        height:600px;
   }
    .caixasimulador
    {
      width:80%;
      margin-left:10%;
      height:600px;
        height:60px;
        font-size:26px;
        background-color:#031649;
        border:dashed yellow 1px;
        color:#fff;
        padding:1%;
        text-align:center;
   }
    .txtimposto
    {
        width:50%;
        margin-left:25%;
        height:80px;
        background-color:#fff;
        font-size:25px;
        text-align:center;
        border:2px #fff solid;
        color:#031649;
   }
    .classresultado
    {
        color:#fff;
        font-size:40px;
   }
    .caixair
    {
        color:#fff;
        font-size:40px;
   }

   /* 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;
   }


}
@media screen and  (min-width: 1920px)
{
  body
   {
     /* 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;
        }
        overflow-x:hidden;
   }
   /* 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-size:100%;
        background-image:url(bannerlsnogueira.png.png);
   }
    .blockbannertext {
        width:100%;
        height:200px;
        background-color:purple;
        position:absolute;
        top:100px;
        left:0;
   }

   /* 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:7%;
        position:absolute;
        top:30px;
        right:0px;
        padding-top:15px;
        padding-right:0.5%;
   }
   .imgmidiasociais
   {
       width:26%;
       margin:1%;
       filter: opacity(25%);
  }
    .imgmidiasociais:hover {
        filter: opacity(100%);
   }
   /* GERAL */
   /* NOTICIAS */
    .noticias {
      width:100%;
   	 height: 35%;
      margin-top:60px;
   }
    .bloconoticia {
      width:100%;
      height:500px;
      float:left;
      padding-left:5%;
   	 background-color:pink;
   }
   .titulonoticias
   {
   	padding-left:1%;
   	padding-right:1%;
   	text-align:center;
   	color: #00245c;
   	font-size:24px;
   }
   .bloconoticias
   {
      width: 100%;
      display: inline-block;
      position: relative;
   }

   .bloconoticias figcaption {
    position: absolute;
    width: 100.5%;
    height: 19%;
    top: 286px;
    font-weight: 1em;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    text-shadow: 1px 1px 5px black;
    background-color: rgba(36, 32, 32, 0.281);
    color: white;
    overflow: hidden;
   }

    .logols
    {
      width:150px;
      margin-top:-15px;
      margin-left:-2%;
   }
    .imgnoticia {
   	 width:100%;
    height: 350px;
    box-shadow: 4px 4px 9px black;
    float: left;
    transition: 0.5s all ease-in-out;
   }

   .imgnoticia:hover {
    transform: scale(1.008);
   }
    .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);
   }
   .imgquemsomos
   {
     width: 90%;
     margin-left: 5%;
   }
   /* QUEM SOMOS */
    .boxvalores
    {
        width:25%;
        padding:1%;
        height:250px;
        background-color:#eeeefd;
        float:left;
        margin:1%;
        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%;
   }

   /* SERVIÇOS */
    .servicos {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        height:1800px;
        padding-top:100px;
        padding-bottom:100px;
        background-color: #e0dbdb;
   }
    .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: 400px;
        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;
        background-color:#031749;
   }
    .caixaservicos:hover {
        background-color:#031749;
        color:#fff;
        border-top:solid #0096ff 3px;
   }
   .caixaservicosazul
   {
       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:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#031749;
       color:#fff;
   }
   .caixaservicosamarelo
   {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 450px;
       padding: 30px 30px;
       text-align: center;
       transition: 0.3s;
       border-radius: 10px;
       width:31%;
       margin-top:50px;
       margin:1%;
       border-top:solid #122e71 3px;
       border-bottom:solid #eab105 3px;
       float:left;
       background-color:#a3a3a3;
       color:#031749;
   }
    .titulocaixaservicos {
        font-size:22px;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        line-height:22px;
   }
   .separaempresas
   {
       width:100%;
       background-color:#031749;
       margin-top: 50px;
       clear:both;
       text-align:center;
       color:#ffc514;
       padding-top:10px;
       padding-bottom:10px;
       font-size: 42px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
   }
   #jogaprolado
   {
     margin-left: 15%;

   }

   /* SERVIÇOS */
   /* COMO FUNCIONA */
    .comofunciona
    {
        width:100%;
        height: 1000px;
        margin-bottom:50px;
        padding-left: 8%;
   }
    .comofuncionacoluna
    {
        width:60%;
        height:800px;
        float:left;
        z-index:9999999999999;
   }
   .comofuncionamobile
   {
       display: none;
   }
   .comofuncionadesktop
   {
     display: block;
       width: 100%;
   }
    .comofuncionacolunamenor
    {
        width:40%;
        height:800px;
        float:left;
        padding-top:100px;
   }
    .como1 {
        font-size:82px;
        color: #000144;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
   }
    .como2
    {
        font-size:82px;
        font-weight:900;
        color: #484848;
        margin-top:-60px;
        font-family: 'Raleway', sans-serif;
   }
   .textocomo
   {
       width: 80%;
   }
    .comofuncol
    {
        width:30%;
        padding-left:1%;
        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:22px;
        font-weight:900;
        width:80%;
   }
   /* COMO FUNCIONA */


   /* SIMULADOR */
    .simulador
    {
        width:100%;
        padding-left:5%;
        padding-right:5%;
        padding-top:20px;
        background-color:#031649;
        padding-bottom:20px;
        height:1000px;
   }
    .titulosimulador
    {
        font-size:82px;
        text-align:center;
        text-transform:uppercase;
        font-family: 'Raleway', sans-serif;
        font-weight:900;
        color: #fff;
   }
    .titulosimuladormini
    {
        font-size:122px;
        text-align:center;
        font-family: 'Style Script', cursive;
        font-weight:900;
        margin-bottom:-70px;
        color: #ffc513;
   }
    .bordasimulador
    {
        width:98%;
        margin:1%;
        border: dashed #fff 2px;
        height:950px;
   }
    .botao
    {
        width:20%;
        height:70px;
        text-align:center;
        margin-left:40%;
        margin-top:20px;
        background-color:#ffc513;
        font-size:25px;
        font-weight:900;
        color: #031649;
   }
    .boxsimulador
    {
        width:80%;
        margin-left:10%;
        height:600px;
   }
    .caixasimulador
    {
      width:80%;
      margin-left:10%;
      height:600px;
        height:60px;
        font-size:26px;
        background-color:#031649;
        border:dashed yellow 1px;
        color:#fff;
        padding:1%;
        text-align:center;
   }
    .txtimposto
    {
        width:50%;
        margin-left:25%;
        height:80px;
        background-color:#fff;
        font-size:25px;
        text-align:center;
        border:2px #fff solid;
        color:#031649;
   }
    .classresultado
    {
        color:#fff;
        font-size:40px;
   }
    .caixair
    {
        color:#fff;
        font-size:40px;
   }

   /* 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;
   }


}