/*iOS install*/
#modal-iosInstall {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, .75);
  padding: 40px;
  font-size: 1.5em;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
}

#modal-iosInstall .jw-modal-body{
  background-color: white;
  padding: 20px;
  border-radius: 28px;
}

#modal-iosInstall .jw-modal-body img.logo{
  height: 38px;
  vertical-align: middle;
}

#modal-iosInstall .jw-modal-body button.close{
  float: right;
  margin-top: -10px;
  margin-right: -20px;
}

#modal-iosInstall .jw-modal-body p img{
  max-width: 99%;
}

#modal-iosInstall .jw-modal-body img.btnClose{
  height: 38px;
}


@-webkit-keyframes shakeSmall {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-2px, 0, 0);
      transform: translate3d(-2px, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(2px, 0, 0);
      transform: translate3d(2px, 0, 0);
    }
  }
  
  @keyframes shakeSmall {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-2px, 0, 0);
      transform: translate3d(-2px, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(2px, 0, 0);
      transform: translate3d(2px, 0, 0);
    }
  }
  
  .shakeSmall {
    -webkit-animation-name: shakeSmall;
    animation-name: shakeSmall;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
  }
  






  @-webkit-keyframes shakeVertSmall {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(0, 3px, 0);
      transform: translate3d(0, 3px, 0);
    }
  }
  
  @keyframes shakeVertSmall {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(0, 3px, 0);
      transform: translate3d(0, 3px, 0);
    }
  }
  
  .shakeVertSmall {
    -webkit-animation-name: shakeVertSmall;
    animation-name: shakeVertSmall;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
  }


  /* ----------------------------------------------
 * Generated by Animista on 2019-2-19 22:37:19
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

  .vibrate-1 {
    -webkit-animation: vibrate-1 0.4s linear infinite both;
    animation: vibrate-1 0.4s linear infinite both;
  }


  /* ----------------------------------------------
 * Generated by Animista on 2019-2-19 22:39:32
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-ver-right
 * ----------------------------------------
 
@-webkit-keyframes wobble-ver-right {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(6deg);
            transform: translateY(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(-6deg);
            transform: translateY(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(3.6deg);
            transform: translateY(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(-2.4deg);
            transform: translateY(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(1.2deg);
            transform: translateY(-6px) rotate(1.2deg);
  }
}*/
@keyframes wobble-ver-right {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-5px) rotate(6deg);
            transform: translateY(-5px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateY(3px) rotate(-6deg);
            transform: translateY(3px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateY(-3px) rotate(3.6deg);
            transform: translateY(-3px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateY(2px) rotate(-2.4deg);
            transform: translateY(2px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateY(-1px) rotate(1.2deg);
            transform: translateY(-1px) rotate(1.2deg);
  }
}


  .wobble-ver-right {
    -webkit-animation: wobble-ver-right 1.1s both;
            animation: wobble-ver-right 1.1s both;
  }



  @-webkit-keyframes wobbleSmall {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    15% {
      -webkit-transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
  
    30% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
  
    45% {
      -webkit-transform: translate3d(-7%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-7%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
  
    60% {
      -webkit-transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
  
    75% {
      -webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes wobbleSmall {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    15% {
      -webkit-transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
  
    30% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
  
    45% {
      -webkit-transform: translate3d(-7%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-7%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
  
    60% {
      -webkit-transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
  
    75% {
      -webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .wobbleSmall {
    -webkit-animation-name: wobbleSmall;
    animation-name: wobbleSmall;
    animation-duration: 1.4s;
    -webkit-animation-duration: 1.4s;
  }






  @-webkit-keyframes rubberBandSmall {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    20% {
      -webkit-transform: scale3d(1.10, 0.85, 1);
      transform: scale3d(1.10, 0.85, 1);
    }
  
    35% {
      -webkit-transform: scale3d(0.85, 1.10, 1);
      transform: scale3d(0.85, 1.10, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
    }
  
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
    }
  
    80% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes rubberBandSmall {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    20% {
      -webkit-transform: scale3d(1.10, 0.85, 1);
      transform: scale3d(1.10, 0.85, 1);
    }
  
    35% {
      -webkit-transform: scale3d(0.85, 1.10, 1);
      transform: scale3d(0.85, 1.10, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
    }
  
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
    }
  
    80% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .rubberBandSmall {
    -webkit-animation-name: rubberBandSmall;
    animation-name: rubberBandSmall;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
  }







  @-webkit-keyframes swingSmall {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 8deg);
      transform: rotate3d(0, 0, 1, 8deg);
    }
  
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -6deg);
      transform: rotate3d(0, 0, 1, -6deg);
    }
  
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 3deg);
      transform: rotate3d(0, 0, 1, 3deg);
    }
  
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -3deg);
      transform: rotate3d(0, 0, 1, -3deg);
    }
  
    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }
  
  @keyframes swingSmall {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 8deg);
      transform: rotate3d(0, 0, 1, 8deg);
    }
  
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -6deg);
      transform: rotate3d(0, 0, 1, -6deg);
    }
  
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 3deg);
      transform: rotate3d(0, 0, 1, 3deg);
    }
  
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -3deg);
      transform: rotate3d(0, 0, 1, -3deg);
    }
  
    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }
  
  .swingSmall {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swingSmall;
    animation-name: swingSmall;
  }









  @-webkit-keyframes tadaSmall {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
  
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
    }
  
    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes tadaSmall {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
  
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
    }
  
    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .tadaSmall {
    -webkit-animation-name: tadaSmall;
    animation-name: tadaSmall;
  }




  @-webkit-keyframes bounceInPressed {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.6, 0.6, 0.6);
      transform: scale3d(0.6, 0.6, 0.6);
    }
  
    20% {
      -webkit-transform: scale3d(2.2, 2.2, 2.2);
      transform: scale3d(2.2, 2.2, 2.2);
    }
  
    40% {
      -webkit-transform: scale3d(1.8, 1.8, 1.8);
      transform: scale3d(1.8, 1.8, 1.8);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(2.06, 2.06, 2.06);
      transform: scale3d(2.06, 2.06, 2.06);
    }
  
    80% {
      -webkit-transform: scale3d(1.94, 1.94, 1.94);
      transform: scale3d(1.94, 1.94, 1.94);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes bounceInPressed {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.6, 0.6, 0.6);
      transform: scale3d(0.6, 0.6, 0.6);
    }
  
    20% {
      -webkit-transform: scale3d(2.2, 2.2, 2.2);
      transform: scale3d(2.2, 2.2, 2.2);
    }
  
    40% {
      -webkit-transform: scale3d(1.8, 1.8, 1.8);
      transform: scale3d(1.8, 1.8, 1.8);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(2.06, 2.06, 2.06);
      transform: scale3d(2.06, 2.06, 2.06);
    }
  
    80% {
      -webkit-transform: scale3d(1.94, 1.94, 1.94);
      transform: scale3d(1.94, 1.94, 1.94);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .bounceInPressed {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounceInPressed;
    animation-name: bounceInPressed;
  }