.box-banner{
   width: 600px;
    height: 150px;
    margin-bottom: -40px;
    margin-top: -70px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    animation-iteration-count: infinite;
  }

  @keyframes titulo-banner {
    0%   {left: -250px;}
    30%  {left: -200px;}
    40%  {left: -20px;}
    50%  {left: 400px;}
    90%  {left: 200px;}
    100% {left: -250px;}
    /* 0% 
      transform: rotateY(0deg);
     }
     50% {
      transform: rotateZ(15deg);
     }
     50% {
      transform: rotateZ(20deg);
     } 
     100% {
      transform: rotateZ(0deg);     
     }    */
  }

  .titulo-banner{
    width: 150px;
    height: 150px;
    padding: 5px;
    color: #54ba4cff;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    top: 18px;
    left: 15px;
    z-index: 1;
    line-height: 30px;

    animation: titulo-banner 5s linear infinite;
    /*animation: titulo-banner 10s ease-out 0s alternate-reverse;*/
    /*animation: titulo-banner 0.5s linear infinite;*/

    /*transition-timing-function: ease-in-out;*/
  }
  .box-banner-contratar{
   width: 600px;
    height: 150px;
    /*margin-bottom: 5px;*/
    margin-top: -80px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    animation-iteration-count: infinite;
  }
  @keyframes logo-banner {
    0% {left: 1700px;}
    30% {left: 1700px;}
    40% {left: 1700px;}
    50%{left: 200px;}
    90%{left: 200px;}
    100% {left: 500px;}
  }

  .logo-banner{
    position: absolute;
    bottom: 15px;
    left: 20px;
    animation: logo-banner 6s ease-out 0s 1 normal;
  }

  @keyframes fundo-logo-banner{
    0% {right: 700px;}
    30% {right: 800px;}
    40% {right: 900px;}
    50%{right: 0px;}
    90%{right: 0px;}
    100% {right: 0px;}
  }

  .fundo-logo-banner{
    position: center;
    bottom: 0px;
    right: 0;
    animation: fundo-logo-banner 5s ease-out 0s 1 normal;   
  }