@charset "UTF-8";


.pistilli-3biz {
  position: relative;
  padding-left: 630px;
  padding-top: 10px;
  opacity: 1;
}

.pistilli-1animation {
  -webkit-animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
  -moz-animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
  animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
}

@-webkit-keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; -webkit-animation-timing-function: linear; }
  8.69565% { padding-left: 630px;   opacity: 1; -webkit-animation-timing-function: linear; }
  95.6522% { padding-left: 630px;    opacity: 1; -webkit-animation-timing-function: linear; }
  100% { padding-left: 630px; opacity: 0; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; -moz-animation-timing-function: linear; }
  8.69565% { padding-left: 630px;    opacity: 1; -moz-animation-timing-function: linear; }
  95.6522% { padding-left: 630px;   opacity: 1; -moz-animation-timing-function: linear; }
  100% { padding-left: 630px;  opacity: 0; -moz-animation-timing-function: linear; }
}
@keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; animation-timing-function: linear; }
  8.69565% { padding-left: 630px;  opacity: 1; animation-timing-function: linear; }
  95.6522% { padding-left: 630px;   opacity: 1; animation-timing-function: linear; }
  100% { padding-left: 630px;   opacity: 0; animation-timing-function: linear; }
}



.cogone { 
  display: inline-block;  margin-top: 2px;
  -webkit-animation: cogone 3s linear 0s infinite forwards;
  -moz-animation: cogone 3s linear 0s infinite forwards;
  animation: cogone 3s linear 0s infinite forwards;
}

@-webkit-keyframes cogone {
  0% { -webkit-transform: rotate(0deg);   -webkit-animation-timing-function: linear; }
  100% { -webkit-transform: rotate(360deg);   -webkit-animation-timing-function: linear; }
}
@-moz-keyframes cogone {
  0% { -moz-transform: rotate(0deg);    -moz-animation-timing-function: linear; }
  
  100% { -moz-transform: rotate(360deg);   -moz-animation-timing-function: linear; }
}
@keyframes cogone {
  0% { transform: rotate(0deg);    animation-timing-function: linear; }
  100% { transform: rotate(360deg);   animation-timing-function: linear; }
}

.cogtwo { margin-left: -3px; margin-top: 
 display: inline-block; 
  -webkit-animation: cogone 2.2s linear 0s infinite forwards;
  -moz-animation: cogone 2.2s linear 0s infinite forwards;
  animation: cogone 2.2s linear 0s infinite forwards;
}

@-webkit-keyframes cogtwo {
  0% { -webkit-transform: rotate(0deg);   -webkit-animation-timing-function: linear; }
  100% { -webkit-transform: rotate(360deg);   -webkit-animation-timing-function: linear; }
}
@-moz-keyframes cogtwo {
  0% { -moz-transform: rotate(0deg);    -moz-animation-timing-function: linear; }
  
  100% { -moz-transform: rotate(360deg);   -moz-animation-timing-function: linear; }
}
@keyframes cogtwo {
  0% { transform: rotate(0deg);    animation-timing-function: linear; }
  100% { transform: rotate(360deg);   animation-timing-function: linear; }
}




.tab-pane.in .device { 
  
  -webkit-animation: device .5s linear 0s 1 forwards;
  -moz-animation: device .5s linear 0s 1 forwards;
  animation: device .5s linear 0s 1 forwards;
}

@-webkit-keyframes device {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@-moz-keyframes device {
 0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes device {
   0% { opacity: 0 }
  100% { opacity: 1 }
}


.tab-pane.in .browser { 

  -webkit-animation: browser .7s linear .5s 1 forwards; 
  -moz-animation: browser .7s linear .5s 1 forwards;
  animation: browser .7s linear .5s 1 forwards;
}

@-webkit-keyframes browser {
  0% {  opacity: 0; -webkit-transform: scale(0.8,0.8);}
  100% { opacity: 1; -webkit-transform: scale(1,1); }
}
@-moz-keyframes browser {
 0% { opacity: 0;  -moz-transform: scale(0.8,0.8); }
  100% { opacity: 1; -moz-transform: scale(1,1); }
}
@keyframes browser {
   0% { opacity: 0; transform: scale(0.8,0.8); }
  100% { opacity: 1 ; transform: scale(1,1);}
}


.tab-pane.in .content { 

  -webkit-animation: content 40000s linear 1.2s 1 forwards; 
  -moz-animation: content 40000s linear 1.2s 1 forwards;
  animation: content 40000s linear 1.2s 1 forwards;
  
}

@-webkit-keyframes content {
  0% {  opacity: 0; padding-top: 10px;}
  .001% { opacity: 1; padding-top: 0px; }
}
@-moz-keyframes content {
 0% { opacity: 0; padding-top: 10px; }
  .001% {  opacity: 1; padding-top: 2px; }
}
@keyframes content {
   0% { opacity: 0; padding-top: 10px; }
  .001% {  opacity: 1 ; padding-top: 0px; }
}







@media screen and (max-width: 1250px)  {


.pistilli-3biz {
  position: relative;
  padding-left: 130px;
  padding-top: 12px;
  opacity: 1;
}

.pistilli-1animation {
  -webkit-animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
  -moz-animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
  animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
}

@-webkit-keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; -webkit-animation-timing-function: linear; }
  4.5% { padding-left: 130px;   opacity: 1; -webkit-animation-timing-function: linear; }
  95.6522% { padding-left: 130px;    opacity: 1; -webkit-animation-timing-function: linear; }
  100% { padding-left: 130px; opacity: 0; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; -moz-animation-timing-function: linear; }
  4.5% { padding-left: 130px;    opacity: 1; -moz-animation-timing-function: linear; }
  95.6522% { padding-left: 130px;   opacity: 1; -moz-animation-timing-function: linear; }
  100% { padding-left: 130px;  opacity: 0; -moz-animation-timing-function: linear; }
}
@keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; animation-timing-function: linear; }
  4.5% { padding-left: 130px;  opacity: 1; animation-timing-function: linear; }
  95.6522% { padding-left: 130px;   opacity: 1; animation-timing-function: linear; }
  100% { padding-left: 130px;   opacity: 0; animation-timing-function: linear; }
}

}



@media screen and (max-width: 920px)  {
.pistilli-3biz {
  position: relative;
  padding-left: 630px;
  padding-top: 10px;
  opacity: 1;
}

.pistilli-1animation {
  -webkit-animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
  -moz-animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
  animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
}

@-webkit-keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; -webkit-animation-timing-function: linear; }
  8.69565% { padding-left: 630px;   opacity: 1; -webkit-animation-timing-function: linear; }
  95.6522% { padding-left: 630px;    opacity: 1; -webkit-animation-timing-function: linear; }
  100% { padding-left: 630px; opacity: 0; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; -moz-animation-timing-function: linear; }
  8.69565% { padding-left: 630px;    opacity: 1; -moz-animation-timing-function: linear; }
  95.6522% { padding-left: 630px;   opacity: 1; -moz-animation-timing-function: linear; }
  100% { padding-left: 630px;  opacity: 0; -moz-animation-timing-function: linear; }
}
@keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; animation-timing-function: linear; }
  8.69565% { padding-left: 630px;  opacity: 1; animation-timing-function: linear; }
  95.6522% { padding-left: 630px;   opacity: 1; animation-timing-function: linear; }
  100% { padding-left: 630px;   opacity: 0; animation-timing-function: linear; }
}


}


@media screen and (max-width: 800px)  {


.pistilli-3biz {
  position: relative;
  padding-left: 130px;
  padding-top: 12px;
  opacity: 1;
}

.pistilli-1animation {
  -webkit-animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
  -moz-animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
  animation: pistilli-1animation_animation 16s linear 0s infinite forwards;
}

@-webkit-keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; -webkit-animation-timing-function: linear; }
  4.5% { padding-left: 130px;   opacity: 1; -webkit-animation-timing-function: linear; }
  95.6522% { padding-left: 130px;    opacity: 1; -webkit-animation-timing-function: linear; }
  100% { padding-left: 130px; opacity: 0; -webkit-animation-timing-function: linear; }
}
@-moz-keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; -moz-animation-timing-function: linear; }
  4.5% { padding-left: 130px;    opacity: 1; -moz-animation-timing-function: linear; }
  95.6522% { padding-left: 130px;   opacity: 1; -moz-animation-timing-function: linear; }
  100% { padding-left: 130px;  opacity: 0; -moz-animation-timing-function: linear; }
}
@keyframes pistilli-1animation_animation {
  0% { padding-left: 0px;  opacity: 0; animation-timing-function: linear; }
  4.5% { padding-left: 130px;  opacity: 1; animation-timing-function: linear; }
  95.6522% { padding-left: 130px;   opacity: 1; animation-timing-function: linear; }
  100% { padding-left: 130px;   opacity: 0; animation-timing-function: linear; }
}

}