#todoJob {
    margin-top: 123px !important;
    padding-bottom: 364px;

}

#todoJob .job span {
    color: #4B4B4B;
    letter-spacing: 0px;
    display: block;
    margin-bottom: 12px;
    font-family: Redaction35;
}

#todoJob .btnPadrao a span, .btnPadrao dt span {
  font-family: "lores-12",lores-12 !important;
  color: #fff;
}
#todoJob .job h1{
    font-family: Redaction35;
    color: #0C0C0C;
    font-weight: 700;
text-align: left;
font-size: 48px;
line-height: 57px;
letter-spacing: 0px;
}

#todoJob .job .empresa{
    display: flex;
    align-items: center;
    margin: 24px 0;

}

#todoJob .btnPadrao a{
  height: 48px;
  font: normal normal bold 20px/24px Redaction;
}
.btnPadrao .retangulo1, .btnPadrao .retangulo2{
  height: 34px;
}
.btnPadrao .retangulo3{
  height: 33px;
}
.btnPadrao .retangulo2{
  bottom: 4px;
}

.btnVazado {
  position: relative;
  height: 48px;
  width: 276px;
}
.btnVazado .border-left {
  position: absolute;
  left: 0;
}

.centro {
  border-top: 2px solid #8723FF;
  width: 96.5%;
  position: absolute;
  left: 3px;
  top: 0;
  border-bottom: 2px solid #8723FF;
  height: 48.5px;
  font: normal normal bold 20px/24px Redaction;
  color: #8723FF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.centro::before{
  content: "";
  position: absolute;
  bottom: -5px;
  height: 3px;
  background: #8723FF;
width: 100%;
right: 0;
}
.centro div{
  display: flex;
  align-items: center;
} 
 .centro span{
  font-family: "lores-12",lores-12 !important;
  color: #8723FF !important;
  margin-bottom: 0;
}
.btnVazado .border-right {
  position: absolute;
  right: 0;
}
#todoJob .job .empresa .icone{
    margin-right: 16px;
}

#todoJob .job .empresa .texto p{
    font-family: Redaction35;
    color: #0C0C0C;
    font-weight: 400;
text-align: left;
font-size: 20px;
line-height: 24px;
letter-spacing: 0px;
}
#todoJob .job .separador{
    width: 872px;
    height: 2px;
    background: #F5F3EE 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 24px 0;
}


 .job .itens {
    display: flex;
    align-items: center;
  }

  .job .itens .item .icone {
    width: 16px;
    height: 16px;
    background: #C9C9C9 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    margin-right: 4px;
  }

 .job .itens .item{
    display: flex;
    align-items: center;
    margin-right: 12px;
    margin-bottom: 24px;
  }

 .job .itens .item p{
    font-family: Redaction35;
    color: #4B4B4B;
    font-weight: 400;
text-align: left;
font-size: 16px;
line-height: 19px;
letter-spacing: 0px;
  }
 .job .itens.categoria .item{
    border: 2px solid #4B4B4B;
    padding: 2px;
    margin-bottom: 0;
  }

  #todoJob .job .descricao-job p:last-child{
    margin-bottom: 0;
  }
  #todoJob .job .descricao-job p{
    font-family: Redaction35;
    color: #4B4B4B;
    font-weight: 400;
text-align: left;
font-size: 18px;
line-height: 32px;
letter-spacing: 0px;
margin-bottom: 48px;
max-width: 760px;
  }
  #todoJob .job .descricao-job strong{
    font-weight: 700;
  }

  #todoJob .job .btnPadrao span{margin-bottom: 0;}
  #todoJob .job .descricao-job h2{
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #0C0C0C;
    margin-bottom: 24px;
    display: block;
  }

  #todoJob .job  .btns {
    display: flex;
  }

  

  #todoJob .job  .btns .btnSvg {
    margin-right: 32px;
  }

  #jobs {
    margin-top: 123px !important;
    padding-bottom: 364px;

}

#jobs .jobs h1{
    font-family: Redaction35;
    color: #0C0C0C;
    font-weight: 700;
text-align: left;
font-size: 48px;
line-height: 57px;
letter-spacing: 0px;
margin-bottom: 36px;
}

#jobs .jobs p{
    font-family: Redaction35;
    color: #4B4B4B;
    font-weight: 400;
text-align: left;
font-size: 18px;
line-height: 32px;
letter-spacing: 0px;
margin-bottom: 48px;
max-width: 715px;
  }

  #jobs .jobs .conteudo .container {
    display: flex;
    justify-content: space-between;
  }


  #jobs .jobs .conteudo .container .filtros{
    width: 23.64%;
  }
  #jobs .jobs .conteudo .container .filtros h2{
    font-family: Redaction35;
    font-weight: 700;
text-align: left;
font-size: 24px;
line-height: 32px;
letter-spacing: 0px;
color: #0C0C0C;
opacity: 1;
  }

  #jobs .jobs .conteudo .container .filtros .grupoInput{
    margin-top: 24px;
  }
  #jobs .jobs .conteudo .container .filtros .grupoInput label{
    font-family: Redaction35;
    font-size: 16px;
line-height: 32px;
letter-spacing: 0px;
color: #0C0C0C;
opacity: 1;
margin-bottom: 8px;
  }
  #jobs .jobs .conteudo .container .filtros .grupoInput .input{
    display: flex;
    align-items: center;
    width: 100%;
  height: 56px;
  border: 2px solid #0C0C0C;
  opacity: 1;
  position: relative;
  }

  #jobs .jobs .conteudo .container .filtros .grupoInput .input input {
    width: 100%;
    height: 56px;
    padding-left: 36px;
    font-family: Redaction35;
    font-size: 16px;
    color: #6E6E6E;
  }
  #jobs .jobs .conteudo .container .filtros .grupoInput .input .icone{

    width: 16px;
    height: 16px;
    position: absolute;
    background: #C9C9C9 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    left: 12px;
  }
  #jobs .jobs .conteudo .container .filtros .grupoInput .checkbox{
    display: flex;
    align-items: center;
  }
  #jobs .jobs .conteudo .container .filtros .grupoInput .checkbox input{
    width: 24px !important;
    height: 24px !important;
    opacity: 1;
  }
  #jobs .jobs .conteudo .container .filtros .grupoInput .checkbox div{
    position: absolute;
    width: 24px;
height: 24px;
  }

  #jobs .jobs .conteudo .container .filtros .grupoInput .checkbox div svg:nth-of-type(1){
    width: 24px;
    height: 24px;
    cursor: pointer;
  }

  .todoCheckbox.ativo .check2,   .todoCheckbox.ativo .check,  .todoCheckbox.ativo .iconeCheck{
    display: block !important;
  }
  #jobs .jobs .conteudo .container .filtros .grupoInput .checkbox div .check {
    background: #8723FF;
    width: 19px !important;
    height: 24px !important;
    top: 0;
    z-index: -1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  display: none;
  }

  #jobs .jobs .conteudo .container .filtros .grupoInput .checkbox div .check2 {
    background: #8723FF;
    width: 22px !important;
    height: 18px !important;
    top: 3px;

    z-index: -3;
    left: 0;
    right: 1px;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }
  
  #jobs .jobs .conteudo .container .filtros .grupoInput .checkbox  span{
    margin-left: 32px;
    display: block;
    font-family: Redaction35;
    font-size: 16px;
    color: #6E6E6E;
  }

  #jobs .jobs .conteudo .container .filtros .grupoInput .checkbox .iconeCheck {
    position: absolute;
    top: 0;
    display: none;
  }


  #jobs .jobs .conteudo .container .filtros .grupoInput .input .select-fake {
    position: relative;
    cursor: pointer;
    width: 100%;
    font-family: Redaction35;
    font-size: 16px;
    color: #6E6E6E;
  }
  
  #jobs .jobs .conteudo .container .filtros .grupoInput .input .select-fake-value {
    padding: 12px;
  }
  
  #jobs .jobs .conteudo .container .filtros .grupoInput .input .select-fake-options {
    position: absolute;
    top: 47px;
    left: -2px;
    width: 101.5%;
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    border: 2px solid #0C0C0C;
    background-color: #fff;
    padding: 0;
    margin: 0;
    display: none;
    border-top: 0;
    z-index: 10000;
  }
  
  #jobs .jobs .conteudo .container .filtros .grupoInput .input .select-fake-options li {
    padding: 10px;
  }
  
  #jobs .jobs .conteudo .container .filtros .grupoInput .input .select-fake-options li:hover {
    background-color: #f2f2f2;
  }

  .labelMarginMaior{
    margin-bottom: 19px !important;
    display: block;
  }

  #jobs .jobs .nVagas {
    margin-bottom: 24px;
    width: 100%;
    color: #727272;
    display: flex;
    justify-content: end;
    max-width: 100%;
  }
  #jobs .jobs .conteudo .container .vagas{
    width: 66.06%;
  }
  #jobs .jobs .conteudo .container .vagas .job{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 5px solid #0C0C0C;
    opacity: 1;
    width: 100%;
    height: 175px;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    position: relative;
    margin-bottom: 24px;
  }
  #jobs .jobs .conteudo .container .vagas .job.destaque{
    border: 5px solid #EBFF00;
  }
  #jobs .jobs .conteudo .container .vagas .job .icone{
    margin-right: 24px;
  }
  #jobs .jobs .conteudo .container .vagas .job .icone img {
    max-width: 64px;
  }
  #jobs .jobs .conteudo .container .vagas .job .texto h2{
    font-family: Redaction35;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #8723FF;
    opacity: 1;
    margin-bottom: 6px;
  }
  #jobs .jobs .conteudo .container .vagas .job .texto p{
    font-family: Redaction35;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #0C0C0C;
    opacity: 1;
    margin-bottom: 16px;
  }
  #jobs .jobs .conteudo .container .vagas .job .texto .itens .item{
    margin-bottom: 13px;
  }
  #jobs .jobs .conteudo .container .vagas .job .texto .itens .item .icone{
    margin-right: 4px;
  }
  #jobs .jobs .conteudo .container .vagas .job .texto .itens .item p{
    margin-bottom: 0;
    color: #4B4B4B;
  }


  #jobs .jobs .divPosition {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    font-family: Redaction35;
    color: #4B4B4B;
  }

  #jobs .jobs .divPosition .tag{
    background: #EBFF00;
    color: #0C0C0C;
    padding: 3px;
    margin-left: 20px;
  }
.btnFiltroVagas{
  display: none;
}
.btnCloseFiltro{
  display: none;
}
.topo .menu.branco nav ul li a{
  color: #fff;
}

.topo .menu.branco .logo img{
  filter: invert(1);
}

.topo .menu.branco nav ul li a img{
  filter: invert(1);
}

.topo .menu.branco svg *{
 fill: #FFFFFF;
}


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

    .btnCloseFiltro{
      display: block;
      position: absolute;
      right: 20px;
      top: 20px;
      font: normal normal 60px/39px lores-12;
color: #0C0C0C;
    }

    #jobs .jobs .conteudo .container .filtros {
      width: 100%;
      display: none;
      top: 0;
      left: 0;
      position: fixed;
      background: #fff;
      height: 100%;
      z-index: 1000;
      padding-top: 80px;
      padding-left: 2%;
      padding-right: 2%;
      box-sizing: border-box;
    }

    #jobs .jobs .conteudo .container .vagas {
      width: 100%;
    }

    #jobs .jobs .conteudo .container {
      flex-wrap: wrap;
    }
    
    

    #jobs .jobs p {
      margin-bottom: 0;
    }

    #jobs .jobs h1 {
      font-size: 36px;
      line-height: 43px;
 
    }

    .btnFiltroVagas{
      display: flex;
      margin: 36px 0 ;
      width: 100%;
      max-width: 396px;
      margin-left: auto;
      margin-right: auto;
    }

    .btnPadrao.btnFiltroVagas a {
  
      width: 384px;
     
    }

    #jobs .jobs .conteudo .container .vagas .job .icone img{
      max-width: 48px;
    }

    #jobs .jobs .conteudo .container .vagas .job {
  
      flex-wrap: wrap;
      height: auto;
    }
    #jobs .jobs .conteudo .container .vagas .job .icone {
      margin-right: 0;
      width: 100%;
    }
    
    #jobs .jobs .conteudo .container .vagas .job .texto {
      width: 100%;
    }
    #jobs .jobs .conteudo .container .vagas .job .texto h2 {
      font-size: 18px;
    }

    .job .itens .item .icone {
      width: 16px !important;
    }

    .job .itens:nth-of-type(1) {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
    .job .itens:nth-of-type(1) .item{
      width: auto;
      margin-right: 12px;
    }

    #jobs .jobs .nVagas{
      display: none;
    }

    #todoJob .job h1 {
      font-size: 36px;
      line-height: 43px;

    }

    #todoJob .job  .btnPadrao{
      width: 100%;
      max-width: 396px;
      margin-left: auto;
      margin-right: auto;
    }

    #todoJob .job  .btnPadrao a {
  
      width: 384px;
     
    }

    .job .itens {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }

    #todoJob .job .separador {
      width: 96%;
   
    }

    #todoJob .job .btns {
      display: flex;
      flex-wrap: wrap;
    }

    #todoJob .job .btns .btnPadrao{
      margin-bottom: 36px;
    }

  }


  .btnSvg{
    position: relative;
    width: 312px;
    display: flex;
    align-items: center;
    height: 64px;
    transition: 0.3s;
  }
  .btnSvg.maior{
    width: 100% !important;
  }
  .btnSvg .txtBotao{
    font-family: Redaction35;
font-weight: 500;
font-size: 24px;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

  }
  .btnVazado.btnSvg {
    width: 164px;
  }

  .btnVazado.btnSvg .txtBotao{
    color: #8722ff;
  }
  .btnVazado.btnSvg:hover .txtBotao{
    color: #fff;
  }
    .btnSvg .txtBotao span{
      font-family: "lores-12",lores-12 !important;
color: #fff;
margin-left: 12px;
    }
    .btnSvg svg path{
      transition: 0.3s;
    }
    .btnVazado.btnSvg svg defs filter feFlood{
      transition: 0.3s;
    }
    .btnVazado.btnSvg:hover svg defs filter feFlood{
flood-color: #B980FF;
    }
    .btnSvg:hover svg g path {
      fill: #9D4BFF;
    }
    .btnSvg img{
     transition: 0.3s;
    }
    .btnSvg:hover img{
      opacity: 0.85;
    }

    .btnTroca {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .btnTroca svg{
      cursor: pointer;
    }
    .btnTroca svg g #base-cta-2{
      transition: 0.3s;
      cursor: pointer;
    }
    .btnTroca:hover svg g #base-cta-2 {
      fill: #9D4BFF;
    }
    .btnTroca .icone {
      position: absolute;
      top: 50%;
      margin-top: -16px;
    }

    .single-jobs .padrao.btnSvg .txtBotao{
      font-family: Redaction;
font-weight: 700;
font-size: 20px;
line-height: 24px;
    }
    .single-jobs .padrao.btnSvg {
      width: 280px;
    }

    .single-jobs .padrao.btnSvg .txtBotao span {
      font-family: "lores-12",lores-12 !important;
      color: #fff !important;
      margin-left: 12px;
      margin-bottom: 0 !important;
    }

    @media screen and (max-width: 968px) {
      .btnSvg{
        position: relative;
        width: 100%;
        justify-content: center;
    
      }
      .btnTroca .icone svg {
        transform: rotate(90deg);
      }

      #banners p {
    margin-bottom: 24px;
    margin-top: 0;
        text-align: center;}

        #banners {

          margin-bottom:139px;
        }
        main .blog {
  
          padding-top: 127px;
        }
    }


    
    .product-template-default::before,  .calculadora-cripto::before,  .jobs::before, .single-jobs::before, .finalizar-compra::before{
      background: url("../images/gradient-noise-vertical.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-position: 110%;
      background-repeat: no-repeat;
      position: absolute;
      content: "";
      right: 0;
      width: 100%;
      height: 1920px;
      z-index: 0;
      top: 0;
    }
    .calculadora-cripto::before{
      z-index: 1;
    }

    .single-product .btnSvg dt{
      position: absolute;
      font-family: Redaction35;
font-weight: 500;
font-size: 24px;
color: #FFFFFF;
left: 0;
right: 0;
text-align: center;
top: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
    }
    .single-product .btnSvg dt span{
      font-family: "lores-12",lores-12 !important;
color: #fff;
margin-left: 12px;
    }

    .pag-single-blog .singlePost .breadcrumb {
      margin-top: 0px;
    }

    .btnMobile{
      display: none;
    }
    @media screen and (max-width: 968px) {
      .product-template-default::before, .calculadora-cripto::before, .jobs::before, .single-jobs::before, .finalizar-compra::before{
        display: none;
      }

      main .collection .txtCollection p {
        text-align: left !important;
      }
      main .collection {
      
        padding-top: 221px;

      }
      main .collection .faixa {
        margin-top: 0px;
        height: 182px;
      }
     .collection  .btnSvg {
        position: relative;
        width: 100%;
        justify-content: left;
      }
      .btnMobile{
        display: block;
      }
      .btnDesktop{
        display: none;
      }

      .single-jobs .padrao.btnSvg {
        width: 100%;
      }
      .single-jobs .padrao.btnSvg svg{
        width: 100%;
      }
      .single-jobs .padrao.btnSvg svg g{
        width: 100%;
      }
      #todoJob .job .btns .btnSvg {
  margin-right: 0px;
  margin-bottom: 36px;
}

.btnVazado.btnSvg {
  width: 100%;
}
      
    }
    @media screen and (max-width: 768px) {
      main .collection .sectionHeader h2 span.outline {
      font: normal normal bold 80px/96px Redaction35;}
      main .collection .sectionHeader h2 span {
        display: block;
        font: normal normal 500 96px/115px Redaction35;
      }
    }
    @media screen and (max-width: 430px) {
      .single-jobs .padrao.btnSvg svg {
        width: 100%;
        transform: scaleY(1);
      }
      .single-jobs .padrao.btnSvg svg g {
        transform: scaleY(1);
      }
      .calculadora-cripto .btnVazado.btnSvg svg{
        transform: scaleY(1);
      }
      .calculadora-cripto .btnVazado.btnSvg svg g{
        transform: scaleY(1);
      }
    }
    @media screen and (max-width: 414px) {
      .single-jobs .padrao.btnSvg svg g {
        transform: scaleY(1.05);
      }
      .single-jobs .padrao.btnSvg svg {
        transform: scaleY(1.1);
      }

      .calculadora-cripto .btnVazado.btnSvg svg{
        transform: scaleY(1.05);
      }
      .calculadora-cripto .btnVazado.btnSvg svg g{
        transform: scaleY(1.1);
      }
    }

    @media screen and (max-width: 390px) {
      .single-jobs .padrao.btnSvg svg g {
        transform: scaleY(1.04);
      }
      .single-jobs .padrao.btnSvg svg {
        transform: scaleY(1.12);
      }
      .calculadora-cripto .btnVazado.btnSvg svg{
        transform: scaleY(1.04);
      }
      .calculadora-cripto .btnVazado.btnSvg svg g{
        transform: scaleY(1.12);
      }
    }

   address {
      font: normal normal normal 16px/32px Redaction35;
      color: #0C0C0C;
    }

    .atualizarFiltro svg {
      max-width: 28px;
      margin-right: 8px;
    }
    /* .repeatBackground {
      width: 100%;
      overflow: hidden;
      display: flex;
      white-space: nowrap;
      position: relative;
      z-index: 1;
    }
    .repeatBackground .container  {
      display: ruby;
      -moz-display:ruby;
      animation: animate_text 50s linear infinite; 
    }
    
    @keyframes animate_text {
      from {
        transform: translate3d(0, 0, 0);
      }
      to {
        transform: translate3d(-100%, 0, 0);
      }
    } */