/* Nuance defined animation CSS ( will be moved into clientlib-common once stablized) */ 

/* Nuance defined animation CSS ( will be moved into clientlib-common once stablized) */ 

@charset "UTF-8";
@import url("https://www.nuance.com/etc/clientlibs/nuance/third-party/wowanimation/wowanimate.css");

/* Nuance custom defined */

@keyframes zoomInSet
{
    from {transform:scale(1.2,1.2); opacity: 0;}
    to {transform:scale(1,1); opacity: 1;}
}
@-webkit-keyframes zoomInSet
{
    from {-webkit-transform:scale(1.2,1.2); opacity: 0;}
    to {-webkit-transform:scale(1,1); opacity: 1;}
}
@-ms-keyframes zoomInSet {
    from {-ms-transform:scale(1.2,1.2);}
    to {-ms-transform:scale(1,1); opacity: 1;}
}
@-o-keyframes zoomInSet {
    from {-o-transform:scale(1.2,1.2);}
    to {-o-transform:scale(1,1);}
}

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeInVanishOut {

  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }
}
@keyframes fadeInVanishOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }
}

@-webkit-keyframes vanishInFadeOut {

  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
    -webkit-filter: blur(90px);
            filter: blur(90px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

 80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

  100% {
    opacity: 0;
  }
}
@keyframes vanishInFadeOut {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
    -webkit-filter: blur(90px);
            filter: blur(90px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px);    
  }

  100% {
    opacity: 0;
  }
}

/* ------------------------- */
.nuance-fadeInOut {
  -webkit-animation-name: fadeInOut;
  animation-name: fadeInOut;
  animation-timing-function: ease;
}

.nuance-fadeInVanishOut {
  -webkit-animation-name: fadeInVanishOut;
  animation-name: fadeInVanishOut;
}

.nuance-vanishInFadeOut {
  -webkit-animation-name: vanishInFadeOut;
  animation-name: vanishInFadeOut;
  animation-timing-function: linear;
}

.nuance-swashInOut {
  -webkit-animation-name: swashIn;
  -webkit-animation-iteration-count: 2; /* Safari 4.0 - 8.0 */
  -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
  animation-name: swashIn;
  animation-iteration-count: 2;
  animation-direction: alternate;    
}

/* You have to specify two control data for each of animation */
.nuance-fadeInOut-2 {
  -webkit-animation-name: fadeIn, fadeOut;
  animation-name: fadeIn, fadeOut;
}
.nuance-swashInFadeOut-2 {
  -webkit-animation-name: swashIn, fadeOut;
  animation-name: swashIn, fadeOut;
}

.naunce-zoomInSet {
  -webkit-animation-name: zoomInSet;
  animation-name: zoomInSet;
}
.naunce-zoomeffect105 { 
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
}
.naunce-zoomeffect105:hover { 
  -webkit-transform: scale(1.05); 
  -moz-transform: scale(1.05); 
  -ms-transform: scale(1.05); 
  -o-transform: scale(1.05); 
  transform: scale(1.05); 
}
.naunce-zoomeffect120 { 
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
}
.naunce-zoomeffect120:hover { 
  -webkit-transform: scale(1.2); 
  -moz-transform: scale(1.2); 
  -ms-transform: scale(1.2); 
  -o-transform: scale(1.2); 
  transform: scale(1.2); 
}
.naunce-zoomeffect08 { 
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
}
.naunce-zoomeffect08:hover { 
  -webkit-transform: scale(0.2); 
  -moz-transform: scale(0.2); 
  -ms-transform: scale(0.2); 
  -o-transform: scale(0.2); 
  transform: scale(0.2); 
}