@charset "UTF-8";
.main-tools div {
    position: relative;
    float: left;
    animation-name: main-homepage-build;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

/*.features_top{
  top: 0px !important;
}*/
.lead{
	top: 0px;
}
.main-tools img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.trial_img div {
    position: relative;
    float: left;
    animation-name: main-homepage-build;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

.trail_img img{
 position: absolute;
    left: 0;
    bottom: 0;
   
}

homepage.css:1
.header-intro-devices img {
    max-width: 100%;
}

.main-tools-laptop .share
 {
    animation-delay: 150ms;
     animation-duration: 10s;
 }

.main-tools-laptop .follow 
{
   animation-delay: 150ms;
     animation-duration: 15s;
    }

.main-tools-laptop .related 
{
    animation-delay: 150ms;
     animation-duration: 10s;
     
}

.main-tools-laptop .link {
   animation-delay: 150ms;
     animation-duration:10s;
  }

.main-tools-laptop .email {
    animation-delay: 150ms;
     animation-duration: 10s;
    
}

.main-tools-laptop .email1 
{
    animation-delay: 150ms;
     animation-duration: 10s;
  }


.main-tools-laptop .email2 
{
    animation-delay: 150ms;
     animation-duration: 10s;
    
}

.main-tools-laptop .email3 
{
    animation-delay: 150ms;
     animation-duration: 10s;
   
}
.main-tools-laptop .email4 
{
    animation-delay: 150ms;
     animation-duration: 10s;
   }
.main-tools-laptop .email5 {
    animation-delay: 150ms;
     animation-duration: 10s;
  }
.main-tools-laptop .email6 {
    animation-delay: 150ms;
     animation-duration: 10s;
}

.main-tools-laptop .email7 {
    animation-delay: 150ms;
     animation-duration: 12s;
}
.main-tools-laptop .email8 {
    animation-delay: 150ms;
     animation-duration: 14s;
}     



@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}


@keyframes flash{
  0%{opacity: 0}
  10%{opacity: 1}
  20%{opacity: 1}
  30%{opacity: 1}
  40%{opacity: 1}
  50%{opacity: 1}
  60%{opacity: 1}
  70%{opacity: 1}
  80%{opacity: 1}
  90%{opacity: 1}
  100%{opacity: 1}
}

.main-tools-screen {
    -webkit-animation-name: flash;
    animation-name: flash;
  
    animation-fill-mode: both;
    opacity: 0;
}
.main-tools-screen1 {
    -webkit-animation-name: flash1;
    animation-name: flash1;
  
    animation-fill-mode: both;
    opacity: 0;
}


@keyframes flash1 {
  0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 1}
  30%{opacity: 1}
  40%{opacity: 1}
  50%{opacity: 1}
  60%{opacity: 1}
  70%{opacity: 1}
  80%{opacity: 1}
  90%{opacity: 1}
  100%{opacity: 1}
}
.main-tools-screen2 {
    -webkit-animation-name: flash2;
  animation-name: flash2;
  
    
    
    
    animation-fill-mode: both;
    opacity: 0;
}


@keyframes flash2 {
  

 0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 1}
  40%{opacity: 1}
  50%{opacity: 1}
  60%{opacity: 1}
  70%{opacity: 1}
  80%{opacity: 1}
  90%{opacity: 1}
  100%{opacity: 1}
}
.main-tools-screen3 {
    -webkit-animation-name: flash3;
  animation-name: flash3;
  
    
    
    
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash3 {
  

  0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 1}
  50%{opacity: 1}
  60%{opacity: 1}
  70%{opacity: 1}
  80%{opacity: 1}
  90%{opacity: 1}
  100%{opacity: 1}
}
.main-tools-screen4 {
    -webkit-animation-name: flash4;
  animation-name: flash4;
  
    
   
    
    animation-fill-mode: both;
    opacity: 0;
}


@keyframes flash4 {
  

  0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 1}
  60%{opacity: 1}
  70%{opacity: 1}
  80%{opacity: 1}
  90%{opacity: 1}
  100%{opacity: 1}
}
.main-tools-screen5 {
    -webkit-animation-name: flash5;
  animation-name: flash5;
 
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash5 {
  

   0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 0}
  60%{opacity: 1}
  70%{opacity: 1}
  80%{opacity: 1}
  90%{opacity: 1}
  100%{opacity: 1}
}
.main-tools-screen6 {
    -webkit-animation-name: flash6;
  animation-name: flash6;
 
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash6 {
  

   0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 0}
  60%{opacity: 0}
  70%{opacity: 1}
  80%{opacity: 1}
  90%{opacity: 1}
  100%{opacity: 1}
}

.main-tools-screen7 {
    -webkit-animation-name: flash7;
  animation-name: flash7;
  
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash7 {
  

   0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 0}
  60%{opacity: 0}
  70%{opacity: 0}
  80%{opacity: 1}
  90%{opacity: 1}
  100%{opacity: 1}
}
.main-tools-screen8 {
    -webkit-animation-name: flash8;
  animation-name: flash8;
  
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash8 {
  

  0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 0}
  60%{opacity: 0}
  70%{opacity: 0}
  80%{opacity: 0}
  90%{opacity: 1}
  100%{opacity: 1}
}
.main-tools-screen9 {
    -webkit-animation-name: flash9;
  animation-name: flash9;
  
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash9 {
  

   0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 0}
  60%{opacity: 0}
  70%{opacity: 0}
  80%{opacity: 0}
  90%{opacity: 0}
  100%{opacity: 1}
}

.main-tools-screen10 {
    -webkit-animation-name: flash10;
  animation-name: flash10;
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash10 {
  

   0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 0}
  60%{opacity: 0}
  70%{opacity: 0}
  80%{opacity: 0}
  90%{opacity: 0}
  100%{opacity: 1}
}
.main-tools-screen11 {
    -webkit-animation-name: flash11;
  animation-name: flash11;
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash11 {
  

  0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 0}
  60%{opacity: 0}
  70%{opacity: 0}
  80%{opacity: 0}
  90%{opacity: 0}
  100%{opacity: 1}
}

.main-tools-screen12 {
    -webkit-animation-name: flash12;
  animation-name: flash12;
    animation-fill-mode: both;
    opacity: 0;
}

@keyframes flash12 {
  

   0%{opacity: 0}
  10%{opacity: 0}
  20%{opacity: 0}
  30%{opacity: 0}
  40%{opacity: 0}
  50%{opacity: 0}
  60%{opacity: 0}
  70%{opacity: 0}
  80%{opacity: 0}
  90%{opacity: 0}
  100%{opacity: 1}
}