@charset "UTF-8";
#infoarte {
  /* HTML5 display-role reset for older browsers */ }
  #infoarte div, #infoarte span, #infoarte object, #infoarte iframe,
  #infoarte h1, #infoarte h2, #infoarte h3, #infoarte h4, #infoarte h5, #infoarte h6, #infoarte p, #infoarte blockquote, #infoarte pre,
  #infoarte a, #infoarte abbr, #infoarte acronym, #infoarte address, #infoarte big, #infoarte cite, #infoarte code,
  #infoarte del, #infoarte dfn, #infoarte em, #infoarte img, #infoarte ins, #infoarte kbd, #infoarte q, #infoarte s, #infoarte samp,
  #infoarte small, #infoarte strike, #infoarte strong, #infoarte sub, #infoarte sup, #infoarte tt, #infoarte var,
  #infoarte b, #infoarte u, #infoarte i, #infoarte center,
  #infoarte dl, #infoarte dt, #infoarte dd, #infoarte ol, #infoarte ul, #infoarte li,
  #infoarte fieldset, #infoarte form, #infoarte label, #infoarte legend,
  #infoarte table, #infoarte caption, #infoarte tbody, #infoarte tfoot, #infoarte thead, #infoarte tr, #infoarte th, #infoarte td,
  #infoarte article, #infoarte aside, #infoarte canvas, #infoarte details, #infoarte embed,
  #infoarte figure, #infoarte figcaption, #infoarte footer, #infoarte header, #infoarte hgroup,
  #infoarte menu, #infoarte nav, #infoarte output, #infoarte ruby, #infoarte section, #infoarte summary,
  #infoarte time, #infoarte mark, #infoarte audio, #infoarte video, #infoarte button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  #infoarte article, #infoarte aside, #infoarte details, #infoarte figcaption, #infoarte figure,
  #infoarte footer, #infoarte header, #infoarte hgroup, #infoarte menu, #infoarte nav, #infoarte section {
    display: block; }
  #infoarte body {
    line-height: 1; }
  #infoarte ol, #infoarte ul {
    list-style: none; }
  #infoarte blockquote, #infoarte q {
    quotes: none; }
  #infoarte blockquote:before, #infoarte blockquote:after,
  #infoarte q:before, #infoarte q:after {
    content: '';
    content: none; }
  #infoarte table {
    border-collapse: collapse;
    border-spacing: 0; }

html, body, * {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none; }

/*TELA FULL*/
body article {
  max-width: 100% !important; }

/*COLOCA A BARRA DO GLOGO POR CIMA*/
body #sticker {
  z-index: 100000000000000000000000000000; }

body #menu-editoria {
  z-index: 100000000000000000000000000000; }

/*TIRA O TÍTULO E SUBTÍTULO DA PÁGINA*/
#infoarte {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  padding-top: 10px; }
  #infoarte .topo {
    display: none;
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.7) 80%, black 100%), url("../images/header.jpg") repeat-x;
    background-size: auto auto, auto 100%;
    margin-bottom: 40px; }
    #infoarte .topo .box-topo {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #infoarte .topo .titulo-teste {
      margin-right: -30px;
      position: relative;
      z-index: 100; }
      #infoarte .topo .titulo-teste .case-titulo-teste h1 {
        font-family: "Whitman-ItalicLF", Georgia, "Times New Roman", times, serif;
        color: white;
        font-size: 58px;
        text-transform: uppercase;
        color: white;
        background: black;
        padding: 30px 30px 18px 30px;
        line-height: 55px;
        display: inline-block; }
        #infoarte .topo .titulo-teste .case-titulo-teste h1 span {
          font-size: 78px; }
          #infoarte .topo .titulo-teste .case-titulo-teste h1 span span {
            color: #005E97; }
    #infoarte .topo .subtitulo-teste {
      width: 100%;
      max-width: 580px;
      box-sizing: border-box;
      padding: 90px 0;
      background: black; }
      #infoarte .topo .subtitulo-teste p {
        max-width: 290px;
        margin: 0 auto;
        font-family: OgloboCondensedRegular, "Times New Roman", times, serif;
        color: white;
        font-size: 21px;
        line-height: 25px; }
  #infoarte .topo-mobi {
    display: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    display: none; }
    #infoarte .topo-mobi .box-titulo {
      padding: 75px 0;
      background: #000000;
      background: rgba(0, 0, 0, 0.8);
      background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.7) 80%, black 100%), url("../images/header.jpg") repeat-x;
      background-size: auto auto, auto 100%; }
    #infoarte .topo-mobi .titulo-teste .case-titulo-teste {
      width: 290px;
      box-sizing: border-box;
      margin: 0 auto; }
      #infoarte .topo-mobi .titulo-teste .case-titulo-teste h1 {
        font-family: "Whitman-ItalicLF", Georgia, "Times New Roman", times, serif;
        color: white;
        font-size: 44px;
        text-transform: uppercase;
        background: black;
        padding: 25px 20px 15px 20px;
        line-height: 44px;
        text-align: center;
        width: 100%;
        box-sizing: border-box; }
        #infoarte .topo-mobi .titulo-teste .case-titulo-teste h1 span {
          font-size: 50px; }
          #infoarte .topo-mobi .titulo-teste .case-titulo-teste h1 span span {
            color: #005E97; }
    #infoarte .topo-mobi .subtitulo-teste {
      width: 100%;
      box-sizing: border-box;
      padding: 40px 25px;
      background: black; }
      #infoarte .topo-mobi .subtitulo-teste p {
        font-family: OgloboCondensedRegular, "Times New Roman", times, serif;
        color: white;
        font-size: 17px;
        line-height: 22px;
        text-align: center; }
  #infoarte .container {
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 10px; }
  #infoarte .quiz {
    overflow: hidden;
    clear: both; }
    #infoarte .quiz .coluna-1 {
      float: left;
      width: 40%;
      width: 44.53125%; }
    #infoarte .quiz .coluna-2 {
      float: right;
      width: 50%;
      width: 49.21875%; }
    #infoarte .quiz .contador {
      font-family: OgloboCondensedBold, "Times New Roman", times, serif;
      font-size: 18px;
      color: #005E97;
      line-height: 29px;
      text-transform: uppercase;
      margin-left: 10px; }
    #infoarte .quiz .pergunta {
      width: 100%;
      box-sizing: border-box;
      padding: 0 10px 10px 10px; }
      #infoarte .quiz .pergunta h3 {
        font-family: OgloboCondensedSemibold, "Times New Roman", times, serif;
        font-size: 24px;
        color: black;
        line-height: 29px;
        margin: 0;
        padding: 3px 0px 18px 0; }
      #infoarte .quiz .pergunta ul li {
        box-sizing: border-box;
        font-family: OgloboCondensedMedium, "Times New Roman", times, serif;
        font-size: 22px;
        color: black;
        padding: 12px 15px;
        cursor: pointer;
        border: 1px solid #bebebe;
        transition: all 0.7s ease-in-out;
        border-radius: 5px;
        margin-bottom: 10px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        #infoarte .quiz .pergunta ul li p {
          box-sizing: border-box;
          /*teste*/
          width: 85.18519%; }
        #infoarte .quiz .pergunta ul li span {
          display: inline-block;
          width: 35px !important;
          height: 35px;
          /*teste*/
          width: 6.48148%;
          background: #bebebe;
          border-radius: 50%;
          color: white;
          line-height: 33px;
          text-align: center;
          margin-right: 15px;
          position: relative;
          z-index: 50;
          transition: all 0.5s ease-in-out; }
          #infoarte .quiz .pergunta ul li span:before {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 3px;
            left: 3px;
            right: 3px;
            bottom: 3px;
            border: 1px solid white;
            border-radius: 50%;
            z-index: 100; }
        #infoarte .quiz .pergunta ul li:last-child {
          margin-bottom: 0; }
        #infoarte .quiz .pergunta ul li:hover {
          border-color: #005E97;
          transition: border 0.4s ease-in-out;
          transition: -webkit-transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transform: scale(1.03, 1.03);
              -ms-transform: scale(1.03, 1.03);
                  transform: scale(1.03, 1.03); }
          #infoarte .quiz .pergunta ul li:hover span {
            background: #005E97;
            transition: all 0.4s ease-in-out; }
    #infoarte .quiz .coluna-2 {
      padding-top: 10px; }
      #infoarte .quiz .coluna-2 .credito-img {
        text-align: right;
        width: 100%;
        font-family: OgloboCondensedLight, "Times New Roman", times, serif;
        font-size: 19px;
        color: #bebebe;
        margin-bottom: 15px; }
      #infoarte .quiz .coluna-2 .img-teste-abertura {
        width: 100%; }
  #infoarte .resultado {
    max-width: 800px;
    margin: 0 auto;
    box-sizing: border-box;
    display: block;
    padding: 0 10px;
    display: none; }
    #infoarte .resultado .topo-resultado {
      width: 100%;
      text-align: center;
      text-transform: uppercase; }
      #infoarte .resultado .topo-resultado h4 {
        font-family: OgloboCondensedRegular, "Times New Roman", times, serif;
        font-size: 40px;
        color: #005E97;
        line-height: 14px;
        margin-bottom: 20px; }
      #infoarte .resultado .topo-resultado h3 {
        font-size: 22px;
        font-family: OgloboCondensedMedium, "Times New Roman", times, serif;
        color: black;
        line-height: 18px;
        margin-bottom: 5px; }
      #infoarte .resultado .topo-resultado .perfil {
        font-family: OgloboCondensedSemibold, "Times New Roman", times, serif;
        font-size: 43px;
        line-height: 1.2;
        color: black;
        margin-bottom: 23px; }
    #infoarte .resultado .ilustracao-perfil {
      box-sizing: border-box;
      width: 100%;
      max-width: 370px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 30px; }
      #infoarte .resultado .ilustracao-perfil img {
        width: 100%; }
      #infoarte .resultado .ilustracao-perfil .credito-img {
        text-align: right;
        width: 100%;
        font-family: OgloboCondensedLight, "Times New Roman", times, serif;
        font-size: 19px;
        color: #bebebe;
        margin-bottom: 15px; }
    #infoarte .resultado .descricao-perfil {
      font-family: OgloboCondensedRegular, "Times New Roman", times, serif;
      font-size: 20px;
      line-height: 24px;
      box-sizing: border-box;
      display: inline-block;
      max-width: 370px;
      vertical-align: middle;
      text-align: left;
      color: #666666; }
      #infoarte .resultado .descricao-perfil span {
        font-size: 33px;
        color: black;
        display: block;
        margin-bottom: 10px; }
    @media screen and (max-width: 820px) {
      #infoarte .resultado .ilustracao-perfil, #infoarte .resultado .descricao-perfil {
        max-width: 100%;
        display: block; }
      #infoarte .resultado .ilustracao-perfil {
        max-width: 400px;
        text-align: center;
        margin: 0 auto; }
        #infoarte .resultado .ilustracao-perfil img {
          display: block; }
      #infoarte .resultado .descricao-perfil {
        margin-top: 25px; } }
    #infoarte .resultado .resultado-dicas {
      border-top: 1px dashed black;
      margin: 80px 0;
      padding-top: 80px; }
      #infoarte .resultado .resultado-dicas p {
        font-family: OgloboCondensedRegular, "Times New Roman", times, serif;
        margin-bottom: 40px;
        font-size: 17px;
        line-height: 17px;
        text-align: left;
        color: #666666; }
        #infoarte .resultado .resultado-dicas p span {
          font-family: OgloboCondensedSemibold, "Times New Roman", times, serif;
          font-size: 24px;
          color: black;
          display: block;
          margin-bottom: 10px; }
    #infoarte .resultado .rodape-resultado {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      #infoarte .resultado .rodape-resultado p {
        font-family: OgloboCondensedRegular, "Times New Roman", times, serif;
        font-size: 18px;
        line-height: 22px; }
      #infoarte .resultado .rodape-resultado .redes {
        width: 106px;
        line-height: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        #infoarte .resultado .rodape-resultado .redes .rede-social {
          width: 45px;
          cursor: pointer; }
          #infoarte .resultado .rodape-resultado .redes .rede-social img {
            width: 100%; }
      #infoarte .resultado .rodape-resultado .separador {
        height: 80px;
        width: 1px;
        background: black;
        background: linear-gradient(#ffffff 0%, #bebebe 50%, #ffffff 100%); }
      #infoarte .resultado .rodape-resultado .jogar-novamente {
        margin: 0 auto;
        width: 197px;
        background: black;
        color: white;
        text-transform: uppercase;
        padding: 20px 0;
        font-family: OgloboCondensedSemibold, "Times New Roman", times, serif;
        font-size: 19px;
        line-height: 20px;
        border-radius: 5px;
        cursor: pointer;
        position: relative;
        transition: -webkit-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out; }
        #infoarte .resultado .rodape-resultado .jogar-novamente:before {
          content: " ";
          position: absolute;
          z-index: -1;
          top: 5px;
          left: 5px;
          right: 5px;
          bottom: 5px;
          border: 1px solid white;
          border-radius: 5px;
          z-index: 100; }
        #infoarte .resultado .rodape-resultado .jogar-novamente:hover {
          transition: -webkit-transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transform: scale(1.03, 1.03);
              -ms-transform: scale(1.03, 1.03);
                  transform: scale(1.03, 1.03); }
  @media screen and (max-width: 950px) {
    #infoarte .topo {
      display: none; }
    #infoarte .topo-mobi {
      display: none; } }
  @media screen and (max-width: 800px) {
    #infoarte .quiz .coluna-1,
    #infoarte .quiz .coluna-2 {
      float: none;
      width: 100%; }
    #infoarte .resultado .coluna-1,
    #infoarte .resultado .coluna-2 {
      float: none;
      width: 100%; }
    #infoarte .quiz .coluna-1 {
      margin-bottom: 40px; }
    #infoarte .coluna-2 {
      display: none; } }
  @media screen and (max-width: 600px) {
    #infoarte .resultado .rodape-resultado .separador {
      display: none; } }
  @media screen and (max-width: 588px) {
    #infoarte .resultado .rodape-resultado {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #infoarte .resultado .rodape-resultado .redes {
        margin-left: 10px; }
      #infoarte .resultado .rodape-resultado .jogar-novamente {
        margin-top: 20px; } }
  @media screen and (max-width: 390px) {
    #infoarte .resultado .rodape-resultado .redes {
      margin-left: 0px; }
    #infoarte .resultado .rodape-resultado p {
      margin-bottom: 10px; }
    #infoarte .resultado .rodape-resultado .jogar-novamente {
      margin-top: 0px;
      margin-left: 10px; } }
  @media screen and (max-width: 332px) {
    #infoarte .resultado .rodape-resultado .jogar-novamente {
      margin-top: 10px; } }