@charset "UTF-8";

 .img-rounded-2:noteshake
{
  animation: shakeinnote 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}


@keyframes shakeinnote {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


 .notezoomin1
{
  opacity:1!important;
  animation-name: notezoomin1;
  animation-duration: 1.2s; 
  animation-timing-function: ease-in-out; 
  animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-play-state:running;
  animation-direction:normal; 
}

@keyframes notezoomin1 {
  0% {
   height:3px;
  
	}
	
  30% {
   
     height:100px;
	}
	
  55% 
	{
   transform:scaleY(0.7);
   
  }
	65% 
	{
   transform:scaleY(1.1);
   
  	}
	100% 
	{
   transform:scaleY(1);
   height:75px;
  }
}

.note
{
    width:41px;
    height:75px;
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:999999;
}

.note1, .note2, .note3, .note5
{
    width:100%;
    height:auto;
    bottom:0px;
    position:absolute;
    opacity:0;
}

.augelinks, .augerechts
{
    position:absolute;
    opacity:0;
}

.augelinks
{
    width:9px;
    height:auto;
    bottom:14px;
    right:29px;
}

.augerechts
{
    width:7px;
    height:auto;
    bottom:15px;
    right:23px;
}


@media (max-width: 449px) 
{
	
.note
{
	transform:scale(0.8);
	bottom:2px;
    right:2px;
}
	
}