body {
 background-image:url(../img/fundo.jpg);
}

.detalhes-fundo {
	position:fixed;
	z-index:-1;
}

.titulo-operacao {
	margin-top:70px;
	position: inherit;
  z-index: 1;
  left:48px;
}

/*Personagens */

.inbound {
	margin-top:-55px;
	position:fixed;
	z-index:2;
  left:460px;
}


.inbound-line{
  opacity:0;
  position:absolute;
  z-index:3;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
}

.inbound-line:hover{
  opacity: 1;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
  }


.adwilson {
  position: absolute;
  top: 300px;
  width: 75px;
  z-index: 7;
  left: -170px;
  width:250px;
}

.adwilson-line{
  opacity:0;
  position:absolute;
  z-index:8;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
}

.adwilson-line:hover{
  opacity: 1;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
  }

.adwilson img {
  width:250px;
}


.automonica {
  position: absolute;
  top: 300px;
  width: 75px;
  z-index: 5;
  left: -170px;
  width:250px;
}

.automonica-line{
  opacity:0;
  position:absolute;
  z-index:6
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
}

.automonica-line:hover{
  opacity: 1;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
  }

.automonica img {
  width:250px;
}


.leader {
  position: absolute;
  top: 170px;
  width: 75px;
  z-index: 8;
  left: -120px;
  width:250px;
}

.leader-line{
  opacity:0;
  position:absolute;
  z-index:9;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
}

.leader-line:hover{
  opacity: 1;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
  }


  .leader img {
    width:290px;
  }

  .ondas {
    position:absolute;
    z-index:2;
    top:0;
    left:38px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
    transform-origin: center;
    animation-name: rotateIn;
    opacity: 1!important;
}


.mailmark {
  position: absolute;
  top: 300px;
  width: 75px;
  z-index: 8;
  left: -15px;
  width:250px;
}

.mailmark-line{
  opacity:0;
  position:absolute;
  z-index:9;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
}

.mailmark-line:hover{
  opacity: 1;
  -webkit-transition: 0.4s ease-out;
    -moz-transition:0.4s ease-out;
    -o-transition:  0.4s ease-out;
    transition:0.4s ease-out;
  }


  .mailmark img {
    width:220px;
  }


  .personia {
    position: absolute;
    top: 300px;
    width: 75px;
    z-index: 8;
    left: -15px;
    width:250px;
  }

  .personia-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .personia-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .personia img {
      width:220px;
    }

    .redenise {
      position: absolute;
      top: 270px;
      width: 75px;
      z-index: 8;
      left: -15px;
      width:250px;
    }

    .redenise-line{
      opacity:0;
      position:absolute;
      z-index:9;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
    }

    .redenise-line:hover{
      opacity: 1;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
      }


      .redenise img {
        width:180px;
      }



/*Final Personagens*/

.base-baixo {
	position:fixed;
  z-index:4;
  bottom: 0;
	margin: 0 auto;
  left:155px;
}

.texto-baixo {
font-family: 'Archivo Black', sans-serif;
  color:#FFF;
  position:fixed;
  z-index:10;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
  bottom: 40px;
  left: 590px;
}

.texto-baixo h1 {
  font-size:60px;
  line-height:30px;
}

.texto-baixo h2 {
  font-size:25px;
}


.overlay{
  position:fixed;
   background:url(../img/bolinhas.png);
  -webkit-animation:100s scroll infinite linear;
  -moz-animation:100s scroll infinite linear;
  -o-animation:100s scroll infinite linear;
  -ms-animation:100s scroll infinite linear;
  animation:100s scroll infinite linear;
  top:0;
  left:0;
  width:100%;
 height:100%;
}



@-webkit-keyframes scroll{
  100%{
    background-position:3000px -3000px ;
  }
}

@-moz-keyframes scroll{
  100%{
    background-position:3000px -3000px;
  }
}

@-o-keyframes scroll{
  100%{
    background-position:3000px -3000px;
  }
}

@-ms-keyframes scroll{
  100%{
    background-position:3000px -3000px;
  }
}

@keyframes scroll{
  100%{
    background-position:3000px -3000px;
  }
}


@media screen and (max-width: 1680px) and (min-width: 1600px) {

  .detalhes-fundo {
  	position:fixed;
  	z-index:-1;
  }

  .titulo-operacao {
  	margin-top:70px;
  	position: inherit;
    z-index: 1;
    left:65px;
  }

  /*Personagens */

  .inbound {
  	margin-top:-55px;
  	position:fixed;
  	z-index:2;
    left:370px;
  }


  .inbound-line{
    opacity:0;
    position:absolute;
    z-index:3;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .inbound-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


  .adwilson {
    position: absolute;
    top: 374px;
    width: 75px;
    z-index: 7;
    left: -166px;
    width:250px;
  }

  .adwilson-line{
    opacity:0;
    position:absolute;
    z-index:8;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .adwilson-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .adwilson img {
    width:250px;
  }


  .automonica {
    position: absolute;
    top: 365px;
    width: 75px;
    z-index: 5;
    left: -170px;
    width:250px;
  }

  .automonica-line{
    opacity:0;
    position:absolute;
    z-index:6
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .automonica-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .automonica img {
    width:250px;
  }


  .leader {
    position: absolute;
    top: 219px;
    width: 75px;
    z-index: 8;
    left: -110px;
    width:250px;
  }

  .leader-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .leader-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .leader img {
      width:290px;
    }

    .ondas {
      position:absolute;
      z-index:2;
      top:0;
      left:38px;
      -webkit-animation:spin 4s linear infinite;
      -moz-animation:spin 4s linear infinite;
      animation:spin 4s linear infinite;
      transform-origin: center;
      animation-name: rotateIn;
      opacity: 1!important;
  }


  .mailmark {
    position: absolute;
    top: 381px;
    width: 75px;
    z-index: 8;
    left: 8px;
    width:250px;
  }

  .mailmark-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .mailmark-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .mailmark img {
      width:220px;
    }


    .personia {
      position: absolute;
      top: 383px;
      width: 75px;
      z-index: 8;
      left: 10px;
      width:250px;
    }

    .personia-line{
      opacity:0;
      position:absolute;
      z-index:9;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
    }

    .personia-line:hover{
      opacity: 1;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
      }


      .personia img {
        width:220px;
      }

      .redenise {
        position: absolute;
        top: 346px;
        width: 75px;
        z-index: 8;
        left: 6px;
        width:250px;
      }

      .redenise-line{
        opacity:0;
        position:absolute;
        z-index:9;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
      }

      .redenise-line:hover{
        opacity: 1;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
        }


        .redenise img {
          width:180px;
        }



  /*Final Personagens*/

  .base-baixo {
  	position:fixed;
    z-index:4;
    bottom: 0;
  	margin: 0 auto;
    left:65px;
  }

  .texto-baixo {
  font-family: 'Archivo Black', sans-serif;
    color:#FFF;
    position:fixed;
    z-index:10;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    bottom: 40px;
    left: 472px;
  }

  .texto-baixo h1 {
    font-size:60px;
    line-height:30px;
  }

  .texto-baixo h2 {
    font-size:25px;
  }

}


@media screen and (max-width: 1600px) and (min-width: 1440px) {

  .detalhes-fundo {
  	position:fixed;
  	z-index:-1;
  }

  .titulo-operacao {
  	margin-top:70px;
  	position: inherit;
    z-index: 1;
    left:65px;
  }

  /*Personagens */

  .inbound {
  	margin-top:-55px;
  	position:fixed;
  	z-index:2;
    left:326px;
  }


  .inbound-line{
    opacity:0;
    position:absolute;
    z-index:3;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .inbound-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


  .adwilson {
    position: absolute;
    top: 233px;
    width: 75px;
    z-index: 7;
    left: -143px;
    width:250px;
  }

  .adwilson-line{
    opacity:0;
    position:absolute;
    z-index:8;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .adwilson-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .adwilson img {
    width:250px;
  }


  .automonica {
    position: absolute;
    top: 227px;
    width: 75px;
    z-index: 5;
    left: -132px;
    width:250px;
  }

  .automonica-line{
    opacity:0;
    position:absolute;
    z-index:6
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .automonica-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .automonica img {
    width:250px;
  }


  .leader {
    position: absolute;
    top: 73px;
    width: 75px;
    z-index: 8;
    left: -68px;
    width:250px;
  }

  .leader-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .leader-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .leader img {
      width:290px;
    }

    .ondas {
      position:absolute;
      z-index:2;
      top:0;
      left:38px;
      -webkit-animation:spin 4s linear infinite;
      -moz-animation:spin 4s linear infinite;
      animation:spin 4s linear infinite;
      transform-origin: center;
      animation-name: rotateIn;
      opacity: 1!important;
  }


  .mailmark {
    position: absolute;
    top: 239px;
    width: 75px;
    z-index: 8;
    left: 8px;
    width:250px;
  }

  .mailmark-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .mailmark-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .mailmark img {
      width:220px;
    }


    .personia {
      position: absolute;
      top: 242px;
      width: 75px;
      z-index: 8;
      left: 10px;
      width:250px;
    }

    .personia-line{
      opacity:0;
      position:absolute;
      z-index:9;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
    }

    .personia-line:hover{
      opacity: 1;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
      }


      .personia img {
        width:220px;
      }

      .redenise {
        position: absolute;
        top: 196px;
        width: 75px;
        z-index: 8;
        left: 6px;
        width:250px;
      }

      .redenise-line{
        opacity:0;
        position:absolute;
        z-index:9;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
      }

      .redenise-line:hover{
        opacity: 1;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
        }


        .redenise img {
          width:180px;
        }



  /*Final Personagens*/

  .base-baixo {
  	position:fixed;
    z-index:4;
    bottom: 0;
  	margin: 0 auto;
    left:65px;
  }

  .texto-baixo {
  font-family: 'Archivo Black', sans-serif;
    color:#FFF;
    position:fixed;
    z-index:10;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    bottom: 40px;
    left: 472px;
  }

  .texto-baixo h1 {
    font-size:60px;
    line-height:30px;
  }

  .texto-baixo h2 {
    font-size:25px;
  }

}


@media screen and (max-width: 1440px) and (min-width: 1366px) {

  .detalhes-fundo {
  	position:fixed;
  	z-index:-1;
  }

  .titulo-operacao {
  	margin-top:70px;
  	position: inherit;
    z-index: 1;
    left:93px;
  }

  /*Personagens */

  .inbound {
  	margin-top:-55px;
  	position:fixed;
  	z-index:2;
    left:257px;
  }


  .inbound-line{
    opacity:0;
    position:absolute;
    z-index:3;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .inbound-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


  .adwilson {
    position: absolute;
    top: 247px;
    width: 75px;
    z-index: 7;
    left: -143px;
    width:250px;
  }

  .adwilson-line{
    opacity:0;
    position:absolute;
    z-index:8;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .adwilson-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .adwilson img {
    width:250px;
  }


  .automonica {
    position: absolute;
    top: 240px;
    width: 75px;
    z-index: 5;
    left: -132px;
    width:250px;
  }

  .automonica-line{
    opacity:0;
    position:absolute;
    z-index:6
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .automonica-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .automonica img {
    width:250px;
  }


  .leader {
    position: absolute;
    top: 86px;
    width: 75px;
    z-index: 8;
    left: -68px;
    width:250px;
  }

  .leader-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .leader-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .leader img {
      width:290px;
    }

    .ondas {
      position:absolute;
      z-index:2;
      top:0;
      left:38px;
      -webkit-animation:spin 4s linear infinite;
      -moz-animation:spin 4s linear infinite;
      animation:spin 4s linear infinite;
      transform-origin: center;
      animation-name: rotateIn;
      opacity: 1!important;
  }


  .mailmark {
    position: absolute;
    top: 255px;
    width: 75px;
    z-index: 8;
    left: 8px;
    width:250px;
  }

  .mailmark-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .mailmark-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .mailmark img {
      width:220px;
    }


    .personia {
      position: absolute;
      top: 255px;
      width: 75px;
      z-index: 8;
      left: -7px;
      width:250px;
    }

    .personia-line{
      opacity:0;
      position:absolute;
      z-index:9;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
    }

    .personia-line:hover{
      opacity: 1;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
      }


      .personia img {
        width:220px;
      }

      .redenise {
        position: absolute;
        top: 238px;
        width: 75px;
        z-index: 8;
        left: -37px;
        width:250px;
      }

      .redenise-line{
        opacity:0;
        position:absolute;
        z-index:9;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
      }

      .redenise-line:hover{
        opacity: 1;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
        }


        .redenise img {
          width:160px;
        }



  /*Final Personagens*/

  .base-baixo {
  	position:fixed;
    z-index:4;
    bottom: 0;
  	margin: 0 auto;
    left:0;
  }

  .texto-baixo {
  font-family: 'Archivo Black', sans-serif;
    color:#FFF;
    position:fixed;
    z-index:10;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    bottom: 40px;
    left:390px;
  }

  .texto-baixo h1 {
    font-size:60px;
    line-height:30px;
  }

  .texto-baixo h2 {
    font-size:25px;
  }

}

@media screen and (max-width: 1366px) and (min-width: 1280px) {

  .detalhes-fundo {
  	position:fixed;
  	z-index:-1;
  }

  .titulo-operacao {
  	margin-top:70px;
  	position: inherit;
    z-index: 1;
    left:93px;
  }

  /*Personagens */

  .inbound {
  	margin-top:-55px;
  	position:fixed;
  	z-index:2;
    left:400px;
  }


  .inbound-line{
    opacity:0;
    position:absolute;
    z-index:3;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .inbound-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

.inbound img {
  width:647px;
}

  .adwilson {
    position: absolute;
    top: 217px;
    width: 75px;
    z-index: 7;
    left: 22px;
    width:250px;
  }

  .adwilson-line{
    opacity:0;
    position:absolute;
    z-index:8;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .adwilson-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .adwilson img {
    width:180px!important;
  }


  .automonica {
    position: absolute;
    top: 207px;
    width: 75px;
    z-index: 5;
    left: -41px;
    width:250px;
  }

  .automonica-line{
    opacity:0;
    position:absolute;
    z-index:6
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .automonica-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .automonica img {
    width:180px;
  }


  .leader {
    position: absolute;
    top: 86px;
    width: 75px;
    z-index: 8;
    left: -31px;
    width:250px;
  }

  .leader-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .leader-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .leader img {
      width:222px;
    }

    .ondas {
      position:absolute;
      z-index:2;
      top:0;
      left:38px;
      -webkit-animation:spin 4s linear infinite;
      -moz-animation:spin 4s linear infinite;
      animation:spin 4s linear infinite;
      transform-origin: center;
      animation-name: rotateIn;
      opacity: 1!important;
  }


  .mailmark {
    position: absolute;
    top: 224px;
    width: 75px;
    z-index: 8;
    left: -15px;
    width:250px;
  }

  .mailmark-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .mailmark-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .mailmark img {
      width:160px;
    }


    .personia {
      position: absolute;
      top: 226px;
      width: 75px;
      z-index: 8;
      left: -67px;
      width:250px;
    }

    .personia-line{
      opacity:0;
      position:absolute;
      z-index:9;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
    }

    .personia-line:hover{
      opacity: 1;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
      }


      .personia img {
        width:160px;
      }

      .redenise {
        position: absolute;
        top: 199px;
        width: 75px;
        z-index: 8;
        left: -118px;
        width:250px;
      }

      .redenise-line{
        opacity:0;
        position:absolute;
        z-index:9;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
      }

      .redenise-line:hover{
        opacity: 1;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
        }


        .redenise img {
          width:128px;
        }



  /*Final Personagens*/

  .base-baixo {
  	position:fixed;
    z-index:4;
    bottom: 0;
  	margin: 0 auto;
    left:134px;
  }

    .base-baixo img {
      width:1110px;
    }

  .texto-baixo {
  font-family: 'Archivo Black', sans-serif;
    color:#FFF;
    position:fixed;
    z-index:10;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    bottom: 40px;
    left:452px;
  }

  .texto-baixo h1 {
    font-size:40px;
    line-height:20px;
  }

  .texto-baixo h2 {
    font-size:25px;
  }

}


@media screen and (max-width: 1024px) and (min-width: 768px) {

  .detalhes-fundo {
  	position:fixed;
  	z-index:-1;
  }

  .titulo-operacao {
  	margin-top:70px;
  	position: inherit;
    z-index: 1;
    left:60px;
  }

  .titulo-operacao img {
    width:500px;
  }

  /*Personagens */

  .inbound {
  	margin-top:-55px;
  	position:fixed;
  	z-index:2;
    left:46px;
  }


  .inbound-line{
    opacity:0;
    position:absolute;
    z-index:3;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .inbound-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

.inbound img {
  width:0!important.
}

  .adwilson {
    position: absolute;
    top: 267px;
    width: 75px;
    z-index: 7;
    left: -48px;
    width:250px;
  }

  .adwilson-line{
    opacity:0;
    position:absolute;
    z-index:8;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .adwilson-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .adwilson img {
    width:180px!important;
  }


  .automonica {
    position: absolute;
    top: 258px;
    width: 75px;
    z-index: 5;
    left: -66px;
    width:250px;
  }

  .automonica-line{
    opacity:0;
    position:absolute;
    z-index:6
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .automonica-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .automonica img {
    width:180px;
  }


  .leader {
    position: absolute;
    top: 130px;
    width: 75px;
    z-index: 8;
    left: -75px;
    width:250px;
  }

  .leader-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .leader-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .leader img {
      width:222px;
    }

    .ondas {
      position:absolute;
      z-index:2;
      top:0;
      left:38px;
      -webkit-animation:spin 4s linear infinite;
      -moz-animation:spin 4s linear infinite;
      animation:spin 4s linear infinite;
      transform-origin: center;
      animation-name: rotateIn;
      opacity: 1!important;
  }


  .mailmark {
    position: absolute;
    top: 277px;
    width: 75px;
    z-index: 8;
    left: -15px;
    width:250px;
  }

  .mailmark-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .mailmark-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .mailmark img {
      width:160px;
    }


    .personia {
      position: absolute;
      top: 265px;
      width: 75px;
      z-index: 8;
      left: -67px;
      width:250px;
    }

    .personia-line{
      opacity:0;
      position:absolute;
      z-index:9;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
    }

    .personia-line:hover{
      opacity: 1;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
      }


      .personia img {
        width:160px;
      }

      .redenise {
        position: absolute;
        top: 246px;
        width: 75px;
        z-index: 8;
        left: -80px;
        width:250px;
      }

      .redenise-line{
        opacity:0;
        position:absolute;
        z-index:9;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
      }

      .redenise-line:hover{
        opacity: 1;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
        }


        .redenise img {
          width:128px;
        }



  /*Final Personagens*/

  .base-baixo {
  	position:fixed;
    z-index:4;
    bottom: 0;
  	margin: 0 auto;
    left:-7px;
  }

    .base-baixo img {
      width:1110px!important;
    }

  .texto-baixo {
  font-family: 'Archivo Black', sans-serif;
    color:#FFF;
    position:fixed;
    z-index:10;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    bottom: 40px;
    left:263px;
  }

  .texto-baixo h1 {
    font-size:40px;
    line-height:20px;
  }

  .texto-baixo h2 {
    font-size:25px;
  }

}



@media screen and (max-width: 320px) and (min-width: 10px) {

  .detalhes-fundo {
  	position:fixed;
  	z-index:-1;
  }

  .titulo-operacao {
  	margin-top:70px;
  	position: inherit;
    z-index: 1;
    left:6px;
  }

  .titulo-operacao img {
    width:500px;
  }

  /*Personagens */

  .inbound {
  	margin-top:-18px;
  	position:fixed;
  	z-index:2;
    left:22px;
  }


  .inbound-line{
    opacity:0;
    position:absolute;
    z-index:3;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .inbound-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

.inbound img {
  width:345px!important;
}

  .adwilson {
    position: absolute;
    top: 267px;
    width: 75px;
    z-index: 7;
    left: -48px;
    width:250px;
  }

  .adwilson-line{
    opacity:0;
    position:absolute;
    z-index:8;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .adwilson-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .adwilson img {
    width:180px!important;
  }


  .automonica {
    position: absolute;
    top: 258px;
    width: 75px;
    z-index: 5;
    left: -66px;
    width:250px;
  }

  .automonica-line{
    opacity:0;
    position:absolute;
    z-index:6
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .automonica-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }

  .automonica img {
    width:180px;
  }


  .leader {
    position: absolute;
    top: 130px;
    width: 75px;
    z-index: 8;
    left: -75px;
    width:250px;
  }

  .leader-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .leader-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .leader img {
      width:222px;
    }

    .ondas {
      position:absolute;
      z-index:2;
      top:0;
      left:38px;
      -webkit-animation:spin 4s linear infinite;
      -moz-animation:spin 4s linear infinite;
      animation:spin 4s linear infinite;
      transform-origin: center;
      animation-name: rotateIn;
      opacity: 1!important;
  }


  .mailmark {
    position: absolute;
    top: 277px;
    width: 75px;
    z-index: 8;
    left: -15px;
    width:250px;
  }

  .mailmark-line{
    opacity:0;
    position:absolute;
    z-index:9;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
  }

  .mailmark-line:hover{
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
      -moz-transition:0.4s ease-out;
      -o-transition:  0.4s ease-out;
      transition:0.4s ease-out;
    }


    .mailmark img {
      width:160px;
    }


    .personia {
      position: absolute;
      top: 265px;
      width: 75px;
      z-index: 8;
      left: -67px;
      width:250px;
    }

    .personia-line{
      opacity:0;
      position:absolute;
      z-index:9;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
    }

    .personia-line:hover{
      opacity: 1;
      -webkit-transition: 0.4s ease-out;
        -moz-transition:0.4s ease-out;
        -o-transition:  0.4s ease-out;
        transition:0.4s ease-out;
      }


      .personia img {
        width:160px;
      }

      .redenise {
        position: absolute;
        top: 246px;
        width: 75px;
        z-index: 8;
        left: -80px;
        width:250px;
      }

      .redenise-line{
        opacity:0;
        position:absolute;
        z-index:9;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
      }

      .redenise-line:hover{
        opacity: 1;
        -webkit-transition: 0.4s ease-out;
          -moz-transition:0.4s ease-out;
          -o-transition:  0.4s ease-out;
          transition:0.4s ease-out;
        }


        .redenise img {
          width:128px;
        }



  /*Final Personagens*/

  .base-baixo {
  	position:fixed;
    z-index:4;
    bottom: 0;
  	margin: 0 auto;
    left:-7px;
  }

    .base-baixo img {
      width:1110px!important;
    }

  .texto-baixo {
  font-family: 'Archivo Black', sans-serif;
    color:#FFF;
    position:fixed;
    z-index:10;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    bottom: 40px;
    left:263px;
  }

  .texto-baixo h1 {
    font-size:40px;
    line-height:20px;
  }

  .texto-baixo h2 {
    font-size:25px;
  }

}