/* WhatsApp Animation Style */

/*Rotate*/
@-webkit-keyframes rotate {
    20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);}
    40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);}
    60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);}
    80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);}
    100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);}
  }
  
  @-moz-keyframes rotate {
    20% {-moz-transform: rotate3d(0, 0, 1, 15deg);}
    40% {-moz-transform: rotate3d(0, 0, 1, -10deg);}
    60% {-moz-transform: rotate3d(0, 0, 1, 5deg);}
    80% {-moz-transform: rotate3d(0, 0, 1, -5deg);}
    100% {-moz-transform: rotate3d(0, 0, 1, 0deg);}
  }
  
  @-o-keyframes rotate {
    20% {-o-transform: rotate3d(0, 0, 1, 15deg);}
    40% {-o-transform: rotate3d(0, 0, 1, -10deg);}
    60% {-o-transform: rotate3d(0, 0, 1, 5deg);}
    80% {-o-transform: rotate3d(0, 0, 1, -5deg);}
    100% {-o-transform: rotate3d(0, 0, 1, 0deg);}
  }
  
  @keyframes rotate {
    20% {transform: rotate3d(0, 0, 1, 15deg);}
    40% {transform: rotate3d(0, 0, 1, -10deg);}
    60% {transform: rotate3d(0, 0, 1, 5deg);}
    80% {transform: rotate3d(0, 0, 1, -5deg);}
    100% {transform: rotate3d(0, 0, 1, 0deg);}
  }
  
  .ak86_rotate:hover{
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s;
  
      -webkit-transform-origin: center center;
      -moz-transform-origin: center center;
      -o-transform-origin: center center;
      transform-origin: center center;
      -webkit-animation-name: rotate;
      -moz-animation-name: rotate;
      -o-animation-name: rotate;
      animation-name: rotate;
  }	
  
  /*Tada*/
  @-webkit-keyframes tada {
      0% {-webkit-transform:scale(1)}
      10%, 20% {-webkit-transform:scale(0.9) rotate(-3deg)}
      30%, 50%, 70%, 90% {-webkit-transform:scale(1.1) rotate(3deg)}
      40%, 60%, 80% {-webkit-transform:scale(1.1) rotate(-3deg)}
      100% {-webkit-transform:scale(1) rotate(0)}
  }
  
  @-moz-keyframes tada {
      0% {-moz-transform:scale(1)}
      10%,20% {-moz-transform:scale(0.9) rotate(-3deg)}
      30%, 50%, 70%, 90% {-moz-transform:scale(1.1) rotate(3deg)}
      40%, 60%, 80% {-moz-transform:scale(1.1) rotate(-3deg)}
      100% {-moz-transform:scale(1) rotate(0)}
  }
  
  @-o-keyframes tada {
      0% {-o-transform:scale(1)}
      10%,20% {-o-transform:scale(0.9) rotate(-3deg)}
      30%, 50%, 70%, 90% {-o-transform:scale(1.1) rotate(3deg)}
      40%, 60%, 80% {-o-transform:scale(1.1) rotate(-3deg)}
      100% {-o-transform:scale(1) rotate(0)}
  }
  
  @keyframes tada {
      0% {transform:scale(1)}
      10%, 20% {transform:scale(0.9) rotate(-3deg)}
      30%, 50%, 70%, 90% {transform:scale(1.1) rotate(3deg)}
      40%, 60%, 80% {transform:scale(1.1) rotate(-3deg)}
      100% {transform:scale(1) rotate(0)}
  }
  
  .ak86_tada{
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-timing-function: ease;
      -moz-animation-timing-function: ease;
      -o-animation-timing-function: ease;
      animation-timing-function: ease;
  }
  
  .ak86_tada:hover{
      -webkit-animation-name: tada;
      -moz-animation-name: tada;
      -o-animation-name: tada;
      animation-name: tada;
  }
  
  /*Swing*/
  @-webkit-keyframes swing{
      15%{-webkit-transform: translateX(5px);transform: translateX(5px);}
      30%{-webkit-transform: translateX(-5px);transform: translateX(-5px);}
      50%{-webkit-transform: translateX(3px);transform: translateX(3px);}
      65%{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
      80%{-webkit-transform: translateX(2px);transform: translateX(2px);}
      100%{-webkit-transform: translateX(0);transform: translateX(0);}
  }
  
  @keyframes swing{
      15%{-webkit-transform: translateX(5px);transform: translateX(5px);}
      30%{-webkit-transform: translateX(-5px);transform: translateX(-5px);}
      50%{-webkit-transform: translateX(3px);transform: translateX(3px);}
      65%{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
      80%{-webkit-transform: translateX(2px);transform: translateX(2px);}
      100%{-webkit-transform: translateX(0);transform: translateX(0);}
  }
  
  .ak86_swing:hover{
      -webkit-animation: swing 1s ease;
      animation: swing 1s ease;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
  }
  
  /*Grow*/
  .ak86_grow{
      transition:all 0.8s ease!important;
  }
  
  .ak86_grow:hover{
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
  }
  
  /*Shrink*/
  .ak86_shrink{
      -webkit-animation: pulsing 2s infinite;
      animation: pulsing 2s infinite;
  }
  
  @-webkit-keyframes pulsing {
      0% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8)}
      50% {-webkit-transform: scale(1.0, 1.0);transform: scale(1.0, 1.0);}
      100% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8);}
  }
  
  @keyframes pulsing {
    0% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8)}
    50% {-webkit-transform: scale(1.0, 1.0);transform: scale(1.0, 1.0);}
    100% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8);}
  }

/* WhatsApp Button Style */

.wcf2w_button{
    border-radius: 50px!important;
    text-align: center!important;
    padding: 0px!important;
    outline:none!important;
    text-decoration: none!important;
    border:none!important;
    box-shadow: none!important;
    position: fixed;
    width: 60px;
    height: 60px;
    margin:0px!important;
    line-height: normal!important;
    opacity: 0.9;
    z-index: 10!important;
}

.wcf2w_button:hover{
    color: #ffffff!important;
    text-decoration: none!important;
    outline:none!important;
    border:none!important;
    box-shadow: none!important;
    opacity: 1;
}	

.wcf2w_button:focus{
    color: #ffffff!important;
    text-decoration: none!important;
    outline:none!important;
    border:none!important;
    box-shadow: none!important;
}   

.wcf2w_button:link{
    color: #ffffff!important;
    text-decoration: none!important;
    outline:none!important;
    border:none!important;
    box-shadow: none!important;
}

.wcf2w_button i{
    font-size: 40px!important;
    margin-top: 10px;
}