body::-webkit-scrollbar-track{
    background-color: #000000;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar {
    width: 0.9em;
    background-color: #000000;
}

body::-webkit-scrollbar-thumb{
    background-color: #e1e0e0;
}

/*
LEMA 1 - DIGITILIZAMOS TU NEGOCIO
*/
.Lema1 {
   display:inline-block;
   overflow:hidden;
   white-space:nowrap;
   font-size:30px;
}
 
.Lema1:first-of-type { 
   animation: showup 7s infinite;
 }
 
.Lema1:last-of-type {
   width:0px;
   animation: reveal 7s infinite;
 }
 
.Lema1:last-of-type span {
   margin-left:-150px;
   animation: slidein 7s infinite;
 }
 
@keyframes showup {
     0% {opacity:0;}
     20% {opacity:1;}
     80% {opacity:1;}
     100% {opacity:0;}
 }
 
@keyframes slidein {
     0% { margin-left:-300px; }
     20% { margin-left:-300px; }
     35% { margin-left:0px; }
     100% { margin-left:0px; }
 }
 
@keyframes reveal {
     0% {opacity:0;width:0px;}
     20% {opacity:1;width:0px;}
     30% {width:150px;}
     80% {opacity:1;}
     100% {opacity:0;width:150px;}
}

/*
SERIVICO EN INCIO 
*/
.Iam {
   padding-top: 2em;
   padding-right: 3em;
   padding-bottom: 2em;
   padding-left: 3em;
   font: normal 20px/30px Montserrat, sans-serif;
   color: #999;
 }

.Iam p {
   height: 40px;
   float: left;
   margin-right: 0.3em;
 }

.Iam b {
   float: left;
   overflow: hidden;
   position: relative;
   height: 40px;
   top: 10px;
 }

.Iam .innerIam {
   display: inline-block;
   color: #000;
   position: relative;
   white-space: nowrap;
   top: 0;
   left: 0;
 
 -webkit-animation:move 5s;
    -moz-animation:move 5s;
     -ms-animation:move 5s;
      -o-animation:move 5s;
         animation:move 5s;

 -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
     -ms-animation-iteration-count:infinite;
      -o-animation-iteration-count:infinite;
         animation-iteration-count:infinite;

 -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
     -ms-animation-delay:1s;
      -o-animation-delay:1s;
         animation-delay:1s;
 }

 @keyframes move{
 0%  { top: 0px; }
 20% { top: -50px; }
 40% { top: -100px; }
 60% { top: -150px; }
 80% { top: -200px; }
 }
 
 @-webkit-keyframes move {
     0%  { top: 0px; }
     20% { top: -50px; }
     40% { top: -100px; }
     60% { top: -150px; }
     80% { top: -200px; }
 }
 @-moz-keyframes move {
     0%  { top: 0px; }
     20% { top: -50px; }
     40% { top: -100px; }
     60% { top: -150px; }
     80% { top: -200px; }
 }
 @-o-keyframes move {
     0%  { top: 0px; }
     20% { top: -50px; }
     40% { top: -100px; }
     60% { top: -150px; }
     80% { top: -200px; }
 }

 @keyframes move {
   0%  { top: 0px; }
   20% { top: -50px; }
   40% { top: -100px; }
   60% { top: -150px; }
   80% { top: -200px; }
   }