@font-face {
    font-family: 'Conv_Futuraxk';
    src: url('../fonts/futura-font-face/Futuraxk.eot');
    src: url('../fonts/futura-font-face/Futuraxk.woff') format('woff'),
        url('../fonts/futura-font-face/Futuraxk.ttf') format('truetype'),
        url('../fonts/futura-font-face/Futuraxk.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/futura-font-face/Futuraxk.woff') format('woff'),
        url('../fonts/futura-font-face/Futuraxk.ttf') format('truetype'),
        url('../fonts/futura-font-face/Futuraxk.svg') format('svg');
}

@media (min-width: 769px)
{
  .bg1 {
    background: url(../images/bg-pdfx1a-2018_01.png) no-repeat center #010514;
    height: 671px;
    margin-top: -20px;
  }

  .bg2 {
    background: url("../images/bg-pdfx1a-2018_02.png") no-repeat center #d91e48;
    height: 982px;
  }

  .bg3 {
    background: url(../images/bg-pdfx1a-2018_03.png) #1a3966 center no-repeat;
    height: 210px;
  }

  .bg4 {
    background:url(../images/bg-pdfx1a-2018_04.png) #002745 center no-repeat;
    height: 420px;
  }

  .bg5 {
    background: url(../images/bg-pdfx1a-2018_05.png) #1a3966 center no-repeat;
    height: 420px;
  }

  .bg6 {
    background: url(../images/bg-pdfx1a-2018_06.png) #002745 center no-repeat;
    height: 420px;
  }

  .bg7 {
    background:url(../images/bg-pdfx1a-2018_07.png) #1a3966 center no-repeat;
    height: 420px;
  }

  .bg8 {
    background:url(../images/bg-pdfx1a-2018_08.png) #002745 center no-repeat;
    height: 420px;
  }

  .bg9 {
    background:url(../images/bg-pdfx1a-2018_09.jpg) #0a1d55 center no-repeat;
    height: 433px;
  }
  .pdfx1a.container {
    font-family: 'Conv_Futuraxk';
    position: relative;
    background-repeat: no-repeat;
    width: 1010px !important;
    padding-top: 20px;
    margin: 0 auto;
  }

  .pdfx1a.container h2 {
      text-transform: uppercase;
      color: #D91E48;
      font-size: 40px;
      margin-top: 0;
      margin-bottom: 0;
  }

  .pdfx1a.container .pdf-chamada h2.yellow {
      text-transform: none !important;
      color: #FFF100;
      font-size: 70px;
      padding: 0 110px 0 50px;
      float: right;
      margin-top: -95px;
  }

  .pdfx1a.container .pdf-chamada h3 {
      text-transform: uppercase;
      color: #fff;
      font-size: 29.5px;
      padding: 0px 50px 0 0px;
      margin-bottom: -4px;
  }

  .pdfx1a.container .pdf-chamada h3 span {
      font-family: 'arial';
      text-transform: uppercase;
      color: #fff;
      font-size: 28px;
      display: block;
      font-weight: 600;
  }

  .pdfx1a.container .pdf-chamada h3 .interrogacao {
    font-family: 'Conv_Futuraxk';
    text-transform: uppercase;
    color: #FFF100;
    font-size: 51px;
    position: absolute;
    top: 15px;
    right: 65px;
  }

  .pdfx1a.container .pdf-chamada p {
      text-transform: uppercase;
      color: #fff;
      font-size: 29.5px;
      padding: 20px 50px 50px 0px;
  }

  .pdfx1a.container .pdf-chamada p span {
      text-transform: none !important;
      color: #D91E48;
      font-size: 80px;
      margin-top: -16px;
      display: block;
      margin-left: -4px;
  }

  .pdfx1a.container .pdf-chamada .atualdo {
      background-image: url(../images/atualdo.png);
      background-repeat: no-repeat;
      width: 400px;
      height: 297px;
      content: "Atualdo";
      text-indent: -99999;
      position: absolute;
      margin-left: 610px;
      top: 40px;
  }

  .pdfx1a.container .pdf-titulo {
      padding-right: 50px;
  }

  .pdfx1a.container .pdf-titulo h3 {
      font-family: "Conv_Futuraxk";
      font-size: 20px;
      text-transform: uppercase;
      text-align: left;
      float: right;
      width: 409px;
      color: #fff;
      margin-top: -5px;
  }

  .pdfx1a.container .pdf-titulo h3 span {
      color: #FFF100;
  }

  .pdfx1a.container .pdf-titulo .pdf-img {
      background-image: url("../images/pdf.png");
      background-repeat: no-repeat;
      width: 207px;
      height: 220px;
      content: "Pdf";
      text-indent: -99999;
      margin-left: 89px;
      vertical-align: middle;
      position: absolute;
      top: 320px;
  }

  .pdfx1a.container .legal {
      font-family: arial;
      font-size: 14px;
      color: #fff;
      margin: 175px 20px 70px 0px;
      text-align: justify;
  }

  .pdfx1a.container .legal p {
      line-height: 16px;
  }


  .pdfx1a.container  .legal span {
      color: #FFF100;
  }

  .pdfx1a.container .vantagens h2 {
    color: #fff !important;
    padding: 20px 0 !important;
    text-align: center !important;
    font-size: 45px !important;
    margin-top: 40px;
  }

  .pdfx1a.container .vantagens h2 span {
      color: #FFF100;
      text-transform: none;
  }

  .pdfx1a.container .vantagens ul li {
      list-style: none;
      width: 100% !important;
  }

  .pdfx1a.container .vantagens .imagens {
      width: 208px !important;
      height: 208px;
      display: inline-block;
      vertical-align: top;
      margin: 5px 20px;
  }

  .pdfx1a.container .vantagens .imagens p {
      font-family: "arial";
      font-size: 14px;
      font-weight: bold;
      text-transform: none;
      color: #F8C1D9;
      text-align: center;
      top: 115px;
      position: relative;
      width: auto;
      padding: 5px 10px;
  }

  .pdfx1a.container .vantagens ul {
      padding-left: 0px;
  }

  .pdfx1a.container .vantagens .imagens.imediata p {
      margin-top: 10px;
      padding: 0px 20px 0 30px;
      font-size: 14px;
      width: 200px;
  }

  .pdfx1a.container .vantagens .imagens.integridade p {
      padding: 0px 20px;
  }

  .pdfx1a.container .vantagens .imagens.horario p {
      padding: 0px 60px;
      margin-top: 10px;
  }

  .pdfx1a.container .vantagens .imagens.fidelidade p {
      padding: 0px 20px;
  }

  .pdfx1a.container .vantagens .imagens.exportar p {
      padding: 0px 20px;
  }

  .pdfx1a.container .vantagens .imagens.ferramenta p {
      padding: 0px 20px;
  }

  .pdfx1a.container .vantagens .imagens.imediata {
      background-image:
          url("../images/producao-imediata.png");
      background-repeat: no-repeat;
  }

  .pdfx1a.container .vantagens .imagens.integridade {
      background-image:
          url("../images/integridade-do-arquivo.png");
      background-repeat: no-repeat;
  }

  .pdfx1a.container .vantagens .imagens.horario {
      background-image: url("../images/horario-corte.png");
      background-repeat: no-repeat;
  }

  .pdfx1a.container .vantagens .imagens.fidelidade {
      background-image:
          url("../images/fidelidade-impressao.png");
      background-repeat: no-repeat;
  }

  .pdfx1a.container .vantagens .imagens.exportar {
      background-image: url("../images/exportar.png");
      background-repeat: no-repeat;
  }

  .pdfx1a.container .vantagens .imagens.ferramenta {
      background-image:
          url("../images/ferramenta-diverg.png");
      background-repeat: no-repeat;
  }

  .pdfx1a.container .vantagens .imagens.lucro {
      background-image: url("../images/lucro.png");
      background-repeat: no-repeat;
      width: 292px !important;
      height: 292px !important;
      margin-left: auto;
      position: relative;
      left: 31.4%;
  }

  .pdfx1a.container .vantagens .imagens.lucro p {
      text-align: center;
      margin-top: 30px;
  }

  .pdfx1a.container .vantagens .imagens.lucro p span {
      font-family: 'Conv_Futuraxk';
      font-size: 35px;
      color: #fff;
  }

  .pdfx1a.container .gerar.arquivo h2 {
      color: #fff !important;
      padding: 20px !important;
      text-align: center !important;
      font-size: 45px !important;
      margin-top: 39px !important;
      margin-bottom: 0;
  }

  .pdfx1a.container .gerar.arquivo p {
      font-family: 'arial';
      font-size: 14px;
      color: #fff;
      text-transform: none;
      text-align: center;
      padding: 0px 110px 0;
  }

  .pdfx1a.container .gerar.arquivo p span {
      color: #FFF100;
      text-transform: none;
  }

  .pdfx1a.container .video.container {
      width: 755px;
      height: auto;
      margin: auto;
  }

  .pdfx1a.container .video.container .ai.box,
  .pdfx1a.container .video.container .ps.box,
  .pdfx1a.container .video.container .id.box,
  .pdfx1a.container .video.container .cdr.box {
      margin-top: 70px;
      margin-bottom: 120px !important;
  }

  .pdfx1a.container .video.container .ai.box .ai.icon {
      background-image: url("../images/illustrator.jpg");
      background-repeat: no-repeat;
      width: 151px !important;
      height: 151px !important;
      content: "Adobe Illustrator";
      display: inline-block;
      vertical-align: top;
  }

  .pdfx1a.container .video.container .ps.box .ps.icon {
      background-image: url("../images/photoshop.jpg");
      background-repeat: no-repeat;
      width: 151px !important;
      height: 151px !important;
      content: "Adobe Illustrator";
      display: inline-block;
      vertical-align: top;
      float: right;
  }

  .pdfx1a.container .video.container .id.box .id.icon {
      background-image: url("../images/indesign.jpg");
      background-repeat: no-repeat;
      width: 151px !important;
      height: 151px !important;
      content: "Adobe Illustrator";
      display: inline-block;
      vertical-align: top;
  }

  .pdfx1a.container .video.container .cdr.box .cdr.icon {
      background-image: url("../images/corel.jpg");
      background-repeat: no-repeat;
      width: 151px !important;
      height: 151px !important;
      content: "Adobe Illustrator";
      display: inline-block;
      vertical-align: top;
      float: right;
  }

  .pdfx1a.container .video.container .ai.box .video.embed {
      background-image:
          url("../images/illustrator-vid.jpg");
      background-repeat: no-repeat;
      width: 523px !important;
      height: 295px !important;
      display: block;
      margin-left: 196.5px;
      margin-top: -151px;
  }

  .pdfx1a.container .video.container .ps.box .video.embed {
      background-image: url("../images/photoshop-vid.jpg");
      background-repeat: no-repeat;
      width: 523px !important;
      height: 295px !important;
      display: inline-block;
  }

  .pdfx1a.container .video.container .id.box .video.embed {
      background-image: url("../images/indesign-vid.jpg");
      background-repeat: no-repeat;
      width: 523px !important;
      height: 295px !important;
      display: block;
      margin-left: 196.5px;      margin-top: -151px;
  }

  .pdfx1a.container .video.container .cdr.box .video.embed {
      background-image: url("../images/corel-vid.jpg");
      background-repeat: no-repeat;
      width: 523px !important;
      height: 295px !important;
      display: inline-block;
  }

  .pdfx1a.container .video.container a.watch {
      background: #000;
      padding-left: 277px;
      padding-right: 245px;
      padding-bottom: 276px;
      opacity: 0;
      cursor: pointer;
  }

  .pdfx1a.container .video.container a.watch:hover {
      background: #fff;
      opacity: 0.05;
  }

  .pdfx1a.container .video.container a.watch:active {
      background: #000;
      opacity: 0.1
  }

  .pdfx1a.container .bt-left {
      margin-left: -32px;
  }

  .pdfx1a.container .bt.infografico {
      background-image: url("../images/bt-infografico.png");
      background-repeat: no-repeat;
      width: 182px !important;
      height: 58px !important;
      content: "Ver infográfico";
      display: block;
      margin-top: 165px;
  }

  .pdfx1a.container .bt.youtube {
      background-image: url("../images/bt-youtube.png");
      background-repeat: no-repeat;
      width: 182px !important;
      height: 58px !important;
      content: "Ver no youtube";
      display: block;
      margin-top: 15px;
  }

  .pdfx1a.container .warning p {
      font-family: "arial";
      font-size: 14px;
      color: #FFF;
      text-transform: none;
      text-align: justify;
      width: 527px;
      margin-top: 0;
      margin-left: 183px;
      margin-bottom: 50px;
      line-height: 15px;
  }

  .pdfx1a.container .warning p .asterisco {
      color: #FFF100;
      font-size: 340px;
      position: absolute;
      margin-left: -150px;
      margin-top: 101px;
  }

  .pdfx1a.container .warning p span {
      color: #FFF100;
  }

  .pdfx1a.container .warning h2 {
      color: #fff !important;
      margin-left: 19px !important;
      margin-top: 80px;
  }

  .pdfx1a.container .warning h2 span {
      color: #D91E48;
      font-size: 84px;
  }

  .pdfx1a.container .warning h2 span.interr {
    font-family: "arial";
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    font-size: 22px;
    width: 634px;
    margin-left: 15px;
    margin-top: 0px;
    line-height: 28px;
  }

  .pdfx1a.container .warning .call.to.action {
      font-family: "arial";
      text-transform: uppercase;
      color: #FFF;
      font-weight: bold;
      font-size: 22px;
      width: 634px;
      margin-left: 15px;
      margin-top: -5px;
      line-height: 28px;
  }

  .pdfx1a.container .esperamos h2 {
      text-align: center;
      color: #FFF !important;
      font-size: 40px !important;
      padding: 20px !important;
      margin-top:15px !important;
  }

  .pdfx1a.container .esperamos h2 span {
      text-align: center;
      color: #FFF100 !important;
      font-size: 70px !important;
      padding: 20px !important;
      margin-top: 130px !important;
  }

  .pdfx1a.container .esperamos .pdf-fim {
    background-image: url("../images/pdf-final.png");
    background-repeat: no-repeat;
    width: 240px !important;
    height: 457px !important;
    content: "Ver infográfico";
    display: block;
    margin-top: -228px;
    margin-left: 370px;
  }
  /* MODAL */
  #mask {
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      height: 100% !important;
      width: 100% !important;
      z-index: 99999;
      background-color: #000;
      display: none;
  }

  #boxes .window {
      position: absolute;
      left: 0;
      top: 0;
      width: 440px;
      height: 200px;
      display: none;
      z-index: 9999;
      padding: 20px;
  }

  #boxes #dialog, #boxes #dialog2, #boxes #dialog3, #boxes #dialog4 {
      width: 85% !important;
      height: 85% !important;
      position: fixed !important;
      left: 10% !important;
      padding: 0 !important;
      top: 8% !important;
      z-index: 99999999999999999999999;
  }

  #boxes #dialog1 {
      width: 375px;
      height: 203px;
  }

  #dialog1 .d-header {
      background: url(login-header.png) no-repeat 0 0 transparent;
      width: 375px;
      height: 150px;
  }

  #dialog1 .d-header input {
      position: relative;
      top: 60px;
      left: 100px;
      border: 3px solid #cccccc;
      height: 22px;
      width: 200px;
      font-size: 15px;
      padding: 5px;
      margin-top: 4px;
  }

  #dialog1 .d-blank {
      float: left;
      background: url(login-blank.png) no-repeat 0 0 transparent;
      width: 267px;
      height: 53px;
  }

  #dialog1 .d-login {
      float: left;
      width: 108px;
      height: 53px;
  }

  #boxes #dialog2 {
      width: 326px;
      height: 229px;
      padding: 50px 0 20px 25px;
  }

  .close {
      display: block;
      text-align: right;
  }

  .cdr.box {
    margin-top: 60px !importants;
  }

  .l-sidebar {
    display: none;
  }


  .l-main {
    width:  100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .vantagens {
    width: 75%;
    margin: 0 auto;
  }
  .warning {
    margin: 4em auto;
    width: 80%;
  }

  .l-footer {
    margin: 0 !important;
  }
}

@media (max-width: 768px)
{
  .l-main {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  [id^=bloco-] {
    padding: 1em;
    color: #fff;
    font-size: 1.5em;
  }
  [id^=bloco-] p {
  }
  #bloco-1 {
    background: url(../images/bg-pdfx1a-2018_01.png) no-repeat center #010514;
    margin-top: -20px;
    font-size: 1.8em;
  }
  #bloco-1 h2 {
    color: #D91E48;
    text-transform: uppercase;
  }
  #bloco-1 .yellow{
    display: none;
  }
  #bloco-1 h3 {
    display: none;
  }
  #bloco-2 {
    background: url("../images/bg-pdfx1a-2018_02.png") no-repeat top #d91e48;
  }
  #bloco-2 h2 span {
    color: #FFF100;
  }
  .vantagens, #bloco-3 h2 {
    margin-top: 5.5rem;
  }

  #bloco-3 {
    background: url(../images/bg-pdfx1a-2018_03.png) #1a3966 top no-repeat;
  }

  #bloco-4 {
    background:url(../images/bg-pdfx1a-2018_04.png) #002745 top no-repeat;
  }
  .video.container {
    display: flex;
    justify-content: center;
    margin-top: 6rem;
  }
  .video.container .ai.box .ai.icon {
    background-image: url(../images/illustrator.jpg);
    content: "Adobe Illustrator";
  }
  .video.container .ps.box .ps.icon {
    background-image: url("../images/photoshop.jpg");
    content: "Adobe Photoshop";
  }
  .video.container .id.box .id.icon {
    background-image: url("../images/indesign.jpg");
    content: "Adobe InDesign";
  }
  .video.container .cdr.box .cdr.icon {
    background-image: url("../images/corel.jpg");
    content: "Corel Draw";
  }
  .asterisco {
    color: #FFF100;
    font-size: 2em;
  }
  .warning, .esperamos {
    margin-top: 5rem;
  }
  .warning h2 span {
    color: #d91e48;
    width: 100%;
    text-transform: uppercase;
  }
  .warning h2 span span {
    color: #FFF100;
  }
  .video.container .ai.box .ai.icon,
  .video.container .ps.box .ps.icon,
  .video.container .id.box .id.icon,
  .video.container .cdr.box .cdr.icon
   {
    background-repeat: no-repeat;
    background-size: 55px;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
  }
  .bt.infografico {
    background-image: url(../images/bt-infografico.png);
    background-repeat: no-repeat;
    width: 182px;
    height: 58px;
    content: "Ver infográfico";
    margin-left: 115px;
  }
  #bloco-5 {
    background: url(../images/bg-pdfx1a-2018_05.png) #1a3966 top no-repeat;
  }

  #bloco-6 {
    background: url(../images/bg-pdfx1a-2018_06.png) #002745 top no-repeat;
  }

  #bloco-7 {
    background:url(../images/bg-pdfx1a-2018_07.png) #1a3966 top no-repeat;
  }

  #bloco-8 {
    background:url(../images/bg-pdfx1a-2018_08.png) #002745 top no-repeat;
  }

  #bloco-9 {
    background:url(../images/bg-pdfx1a-2018_09.jpg) #0a1d55 top no-repeat;
  }
  .l-footer {
    margin-top: -2rem;
  }
}