body, html{
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    /*background: url("../images/bg.jpg") repeat center;*/
}

.success{
    background: url("../images/bg.jpg") repeat center;
    display: block;
    margin: 0% auto;
    width: 100%;
    min-height: 1500px;
}
.bg{
    background: url("../images/bg.jpg") repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

#myCanvas{
    margin: 0 auto;
}

#support{
    border: #000000;
}

.scanning:after {
  content: '';
  /* make the element cover the whole thing */
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* and sit in front */
  z-index: 1;
  /* gradient with a radar like fade */
  background:
    linear-gradient(
      rgba(36,43,65,1),
      rgba(36,43,65,1) 50%,
      rgba(255,255,255,.5) 55%,
      rgba(255,255,255,1) 56%,
      rgba(36,43,65,1) 56%,
      rgba(36,43,65,1)
    );
  background-repeat:   no-repeat;
  background-position: center 100%;
  background-size: 100% 200%;
  -webkit-animation: scan 2s infinite ease;
}

@-webkit-keyframes scan {
    to {background-position: top; }
}

.titulo, .tresD, .texto, .form, .logo{
    display: block;
}

.myFade{
    display: block;
    -webkit-animation: fade 1s ease;
}

@-webkit-keyframes fade {
    from {width: 0; }
    to {width: 100% }
}

@-webkit-keyframes move {
    from {left: -1920px;}
    to {left: 0;}
}