@font-face {
    font-family: 'als_schlange_sansbold';
    src: url('als_schlange_sans_bld-webfont.eot');
    src: url('als_schlange_sans_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('als_schlange_sans_bld-webfont.woff') format('woff'),
         url('als_schlange_sans_bld-webfont.ttf') format('truetype'),
         url('als_schlange_sans_bld-webfont.svg#als_schlange_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'als_schlange_sansregular';
    src: url('als_schlange_sans_reg-webfont.eot');
    src: url('als_schlange_sans_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('als_schlange_sans_reg-webfont.woff') format('woff'),
         url('als_schlange_sans_reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.top-catalog:hover a .sketchy , nav > a:hover .sketchy{
  animation: animationFrames ease-in 1s;
  animation-iteration-count: 1;
  transform-origin: ;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease-in 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: ;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease-in 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: ;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease-in 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: ;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease-in 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: ;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}






@keyframes animationFrames{
  0% {
    left:0px;
    top:0px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:-1px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    -moz-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    -moz-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    -moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    -moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    -moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    -moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    -moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    -moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    -moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1.3) scaleY(1.3) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    -webkit-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    -webkit-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    -webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    -webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    -webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    -webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    -webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    -webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    -webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1.3) scaleY(1.3) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    -o-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    -o-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    -o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    -o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    -o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    -o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    -o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    -o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    -o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1.3) scaleY(1.3) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    -ms-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    -ms-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    -ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    -ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    -ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    -ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    -ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    -ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    -ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1.3) scaleY(1.3) ;
  }
}
                                                                    
                                                                                                                                                            
  @-webkit-keyframes phonecall {
 0% {
     color: #ff0b00;                
     
    -webkit-transform:  rotate(-6deg)  ;                                                                         
    -webkit-transform: translateY(0);
  }
  20% {
       color: #ffea00;                                                                       
    -webkit-transform: translateY(-2px);
    
     -webkit-transform:  rotate(6deg)  ;                                                                       
  }
  50% {
    color: #2bff00;                                                                       
    -webkit-transform: translateY(0);
       
                   -webkit-transform:  rotate(-6deg)  ;                                                                        
  }
  70% {
    color: #0076ff;                                                                        
    -webkit-transform: translateY(-1px);
     -webkit-transform:  rotate(6deg) ;                                                                      
  }
  100% {
   color: #9800ff;
    -webkit-transform: translateY(0);
    
     -webkit-transform:  rotate(-6deg) ;                                                                      
  }
}            
                                                                      
 @-webkit-keyframes delivery {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-1px);
  }
  50% {
    -webkit-transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes delivery-bg {
  0% {
    background-position: -272px 0px;
  }
  100% {
    background-position: 0px 0px;
  }