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

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

/* 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: 769px) and  (min-width: 1024px)
{
  /* 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;
  }
   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;
  }
  /* 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:25px;
       right:0px;
       padding-top:15px;
       padding-right:0.5%;
       background-color: yellow;
  }
   .imgmidiasociais {
       width:28%;
       margin:1%;
       filter: opacity(25%);
  }
   .imgmidiasociais:hover {
       filter: opacity(100%);
  }
  /* GERAL */
  /* NOTICIAS */
   .noticias {
     width:100%;
  	 height:400px;
     margin-top:70px;
  	 padding-left:5%;
  	 background-color:red;
  }
   .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:22.5%;
  	 height:300px;
     margin:0.5%;
     float:left;
  }
   .logols
   {
     width:150px;
     margin-top:-15px;
     margin-left:-2%;
  }
   .imgnoticia {
  	 width:100%;
  	 border:solid 7px #00245c;
  }
   .blocotextobanner {
     width:100%;
     height: 400px;
     padding-left:10%;
     background-color: red;
  }
  /* NOTICIAS */
  /* PROJETOS */
   .nossosprojetos
   {
     width:90%;
     margin-left:5%;
     height:700px;
     display:none;
  }
   .imgprojetodestaque
   {
       width:23%;
       margin:1%;
       float:left;
  }
   .tituloprojetos
   {
       font-size:82px;
       text-align:center;
       text-transform:uppercase;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
  }
  /* PROJETOS */
  /* QUEM SOMOS */
   .quemsomos
   {
       width:100%;
       background-color:#031749;
       height:1200px;
       padding-left:5%;
       padding-right:5%;
       padding-top:100px;
  }
   .criancasquesomos
   {
       width:100%;
       height:175px;
       background-image:url(crianca.png);
  }
  /* QUEM SOMOS */
   .boxvalores
   {
       width:25%;
       padding:1%;
       height:250px;
       background-color:#eeeefd;
       float:left;
       margin:1%;
       border-radius: 5px;
       border-bottom:solid #eab105 3px;
       border-top:solid #0085c7 3px;
  }
   .titulovalores
   {
       font-size:52px;
       text-align:center;
       font-weight:900;
  }
   .textoquemsomos
   {
       font-size:20px;
       text-align:justify;
       color:#fff;
  }
   #primeirovalor
   {
       margin-left:10%;
  }
  /* QUEM SOMOS */
  /* SERVIÇOS */
   .servicos {
       width:100%;
       padding-left:5%;
       padding-right:5%;
       background-color:#f0f0f0;
       height:2700px;
       padding-top:100px;
       padding-bottom:100px;
  }
   .tituloservicos {
       font-size:82px;
       text-align:center;
       text-transform:uppercase;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
       color:#031749;
  }
   .caixaservicos {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 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;
  }
   .titulocaixaservicos {
       font-size:22px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
       line-height:22px;
  }
  .separaempresas
  {
  width:100%;
  background-color:#031749;
  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%;
       margin-bottom:50px;
       padding-left:6%;
       background-color:red;
  }
   .comofuncionacoluna {
       width:60%;
       height:800px;
       float:left;
       padding-left:0%;
       padding-right:1%;
       z-index:9999999999999;
  }
   .comofuncionacolunamenor {
       width:40%;
       height:600px;
       float:left;
       padding-top:100px;
  }
   .como1 {
       font-size:82px;
       font-weight:900;
       color: #000144;
  }
   .como2 {
       font-size:82px;
       font-weight:900;
       color: #484848;
       margin-top:-60px;
  }
   .textocomo {
  }
   .comofuncol {
       width:31%;
       padding-left:3%;
       padding-right:1%;
       height:300px;
       float:left;
       background-color:#f6f6f6;
       text-align:center;
       font-size:16px;
       border-radius: 10px;
       padding-top:30px;
       margin-left:1%;
  }
   .cortacomofunciona {
       width:105%;
       margin-left:-3%;
       height:100px;
       background-color:#fff;
       transform: rotate(-4deg);
      /* Equal to rotateZ(45deg) */
       margin-bottom:0px;
       margin-top:-120px;
  }
   .cortasegundo {
       width:101%;
       height:100px;
       background-color:#fff;
       margin-top:-50px;
       transform: rotate(-1deg);
      /* Equal to rotateZ(45deg) */
  }
   .titulocomo {
       text-align:center;
       font-size:32px;
       font-weight:900;
       width:80%;
  }
  /* COMO FUNCIONA */

  /* 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: 1025px) and  (min-width: 1200px)
{
  /* 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;
  }
   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;
  }
  /* 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:25px;
       right:0px;
       padding-top:15px;
       padding-right:0.5%;
       background-color: yellow;
  }
   .imgmidiasociais {
       width:28%;
       margin:1%;
       filter: opacity(25%);
  }
   .imgmidiasociais:hover {
       filter: opacity(100%);
  }
  /* GERAL */
  /* NOTICIAS */
   .noticias {
     width:100%;
  	 height:400px;
     margin-top:70px;
  	 padding-left:5%;
  	 background-color:red;
  }
   .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:22.5%;
  	 height:300px;
     margin:0.5%;
     float:left;
  }
   .logols
   {
     width:150px;
     margin-top:-15px;
     margin-left:-2%;
  }
   .imgnoticia {
  	 width:100%;
  	 border:solid 7px #00245c;
  }
   .blocotextobanner {
     width:100%;
     height: 400px;
     padding-left:10%;
     background-color: red;
  }
  /* NOTICIAS */
  /* PROJETOS */
   .nossosprojetos
   {
     width:90%;
     margin-left:5%;
     height:700px;
     display:none;
  }
   .imgprojetodestaque
   {
       width:23%;
       margin:1%;
       float:left;
  }
   .tituloprojetos
   {
       font-size:82px;
       text-align:center;
       text-transform:uppercase;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
  }
  /* PROJETOS */
  /* QUEM SOMOS */
   .quemsomos
   {
       width:100%;
       background-color:#031749;
       height:1200px;
       padding-left:5%;
       padding-right:5%;
       padding-top:100px;
  }
   .criancasquesomos
   {
       width:100%;
       height:175px;
       background-image:url(crianca.png);
  }
  /* QUEM SOMOS */
   .boxvalores
   {
       width:25%;
       padding:1%;
       height:250px;
       background-color:#eeeefd;
       float:left;
       margin:1%;
       border-radius: 5px;
       border-bottom:solid #eab105 3px;
       border-top:solid #0085c7 3px;
  }
   .titulovalores
   {
       font-size:52px;
       text-align:center;
       font-weight:900;
  }
   .textoquemsomos
   {
       font-size:20px;
       text-align:justify;
       color:#fff;
  }
   #primeirovalor
   {
       margin-left:10%;
  }
  /* QUEM SOMOS */
  /* SERVIÇOS */
   .servicos {
       width:100%;
       padding-left:5%;
       padding-right:5%;
       background-color:#f0f0f0;
       height:2700px;
       padding-top:100px;
       padding-bottom:100px;
  }
   .tituloservicos {
       font-size:82px;
       text-align:center;
       text-transform:uppercase;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
       color:#031749;
  }
   .caixaservicos {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 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;
  }
   .titulocaixaservicos {
       font-size:22px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
       line-height:22px;
  }
  .separaempresas
  {
  width:100%;
  background-color:#031749;
  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%;
       margin-bottom:50px;
       padding-left:6%;
       background-color:red;
  }
   .comofuncionacoluna {
       width:60%;
       height:800px;
       float:left;
       padding-left:0%;
       padding-right:1%;
       z-index:9999999999999;
  }
   .comofuncionacolunamenor {
       width:40%;
       height:600px;
       float:left;
       padding-top:100px;
  }
   .como1 {
       font-size:82px;
       font-weight:900;
       color: #000144;
  }
   .como2 {
       font-size:82px;
       font-weight:900;
       color: #484848;
       margin-top:-60px;
  }
   .textocomo {
  }
   .comofuncol {
       width:31%;
       padding-left:3%;
       padding-right:1%;
       height:300px;
       float:left;
       background-color:#f6f6f6;
       text-align:center;
       font-size:16px;
       border-radius: 10px;
       padding-top:30px;
       margin-left:1%;
  }
   .cortacomofunciona {
       width:105%;
       margin-left:-3%;
       height:100px;
       background-color:#fff;
       transform: rotate(-4deg);
      /* Equal to rotateZ(45deg) */
       margin-bottom:0px;
       margin-top:-120px;
  }
   .cortasegundo {
       width:101%;
       height:100px;
       background-color:#fff;
       margin-top:-50px;
       transform: rotate(-1deg);
      /* Equal to rotateZ(45deg) */
  }
   .titulocomo {
       text-align:center;
       font-size:32px;
       font-weight:900;
       width:80%;
  }
  /* COMO FUNCIONA */

  /* 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: 1201px)
{
  /* 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;
  }
   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;
  }
  /* 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:25px;
       right:0px;
       padding-top:15px;
       padding-right:0.5%;
       background-color: yellow;
  }
   .imgmidiasociais {
       width:28%;
       margin:1%;
       filter: opacity(25%);
  }
   .imgmidiasociais:hover {
       filter: opacity(100%);
  }
  /* GERAL */
  /* NOTICIAS */
   .noticias {
     width:100%;
  	 height:400px;
     margin-top:70px;
  	 padding-left:5%;
  	 background-color:red;
  }
   .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:22.5%;
  	 height:300px;
     margin:0.5%;
     float:left;
  }
   .logols
   {
     width:150px;
     margin-top:-15px;
     margin-left:-2%;
  }
   .imgnoticia {
  	 width:100%;
  	 border:solid 7px #00245c;
  }
   .blocotextobanner {
     width:100%;
     height: 400px;
     padding-left:10%;
     background-color: red;
  }
  /* NOTICIAS */
  /* PROJETOS */
   .nossosprojetos
   {
     width:90%;
     margin-left:5%;
     height:700px;
     display:none;
  }
   .imgprojetodestaque
   {
       width:23%;
       margin:1%;
       float:left;
  }
   .tituloprojetos
   {
       font-size:82px;
       text-align:center;
       text-transform:uppercase;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
  }
  /* PROJETOS */
  /* QUEM SOMOS */
   .quemsomos
   {
       width:100%;
       background-color:#031749;
       height:1200px;
       padding-left:5%;
       padding-right:5%;
       padding-top:100px;
  }
   .criancasquesomos
   {
       width:100%;
       height:175px;
       background-image:url(crianca.png);
  }
  /* QUEM SOMOS */
   .boxvalores
   {
       width:25%;
       padding:1%;
       height:250px;
       background-color:#eeeefd;
       float:left;
       margin:1%;
       border-radius: 5px;
       border-bottom:solid #eab105 3px;
       border-top:solid #0085c7 3px;
  }
   .titulovalores
   {
       font-size:52px;
       text-align:center;
       font-weight:900;
  }
   .textoquemsomos
   {
       font-size:20px;
       text-align:justify;
       color:#fff;
  }
   #primeirovalor
   {
       margin-left:10%;
  }
  /* QUEM SOMOS */
  /* SERVIÇOS */
   .servicos {
       width:100%;
       padding-left:5%;
       padding-right:5%;
       background-color:#f0f0f0;
       height:2700px;
       padding-top:100px;
       padding-bottom:100px;
  }
   .tituloservicos {
       font-size:82px;
       text-align:center;
       text-transform:uppercase;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
       color:#031749;
  }
   .caixaservicos {
       box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
       height: 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;
  }
   .titulocaixaservicos {
       font-size:22px;
       font-family: 'Raleway', sans-serif;
       font-weight:900;
       line-height:22px;
  }
  .separaempresas
  {
  width:100%;
  background-color:#031749;
  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%;
       margin-bottom:50px;
       padding-left:6%;
       background-color:red;
  }
   .comofuncionacoluna {
       width:60%;
       height:800px;
       float:left;
       padding-left:0%;
       padding-right:1%;
       z-index:9999999999999;
  }
   .comofuncionacolunamenor {
       width:40%;
       height:600px;
       float:left;
       padding-top:100px;
  }
   .como1 {
       font-size:82px;
       font-weight:900;
       color: #000144;
  }
   .como2 {
       font-size:82px;
       font-weight:900;
       color: #484848;
       margin-top:-60px;
  }
   .textocomo {
  }
   .comofuncol {
       width:31%;
       padding-left:3%;
       padding-right:1%;
       height:300px;
       float:left;
       background-color:#f6f6f6;
       text-align:center;
       font-size:16px;
       border-radius: 10px;
       padding-top:30px;
       margin-left:1%;
  }
   .cortacomofunciona {
       width:105%;
       margin-left:-3%;
       height:100px;
       background-color:#fff;
       transform: rotate(-4deg);
      /* Equal to rotateZ(45deg) */
       margin-bottom:0px;
       margin-top:-120px;
  }
   .cortasegundo {
       width:101%;
       height:100px;
       background-color:#fff;
       margin-top:-50px;
       transform: rotate(-1deg);
      /* Equal to rotateZ(45deg) */
  }
   .titulocomo {
       text-align:center;
       font-size:32px;
       font-weight:900;
       width:80%;
  }
  /* COMO FUNCIONA */

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

}