@keyframes nFadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nFadeOut {
  0% {
    opacity: 1
  }

  to {
    bottom: 0;
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes nbounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1)
  }
}

@keyframes nbounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0)
  }

  75% {
    transform: translate3d(0, -10px, 0)
  }

  90% {
    transform: translate3d(0, 5px, 0)
  }

  to {
    transform: none
  }
}

@keyframes nbounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0)
  }

  75% {
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    transform: translate3d(5px, 0, 0)
  }

  to {
    transform: none
  }
}

@keyframes nbounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    transform: translate3d(10px, 0, 0)
  }

  90% {
    transform: translate3d(-5px, 0, 0)
  }

  to {
    transform: none
  }
}

@keyframes nbounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }

  75% {
    transform: translate3d(0, 10px, 0)
  }

  90% {
    transform: translate3d(0, -5px, 0)
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

@keyframes nbounceOut {
  20% {
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes nbounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes nbounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes nbounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes nbounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes nfadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nfadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nfadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nfadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nfadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nfadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nfadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nfadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nfadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes nfadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes nfadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes nfadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes nfadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes nfadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes nfadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes nfadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes nflipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@keyframes nflipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@keyframes nflipOutX {
  0% {
    transform: perspective(400px)
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@keyframes nflipOutY {
  0% {
    transform: perspective(400px)
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

@keyframes nlightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1
  }

  to {
    transform: none;
    opacity: 1
  }
}

@keyframes nlightSpeedOut {
  0% {
    opacity: 1
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes nrotateIn {
  0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1
  }
}

@keyframes nrotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1
  }
}

@keyframes nrotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1
  }
}

@keyframes nrotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1
  }
}

@keyframes nrotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1
  }
}

@keyframes nrotateOut {
  0% {
    transform-origin: center;
    opacity: 1
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

@keyframes nrotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

@keyframes nrotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes nrotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes nrotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

@keyframes nrollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes nrollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

@keyframes nzoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes nzoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes nzoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes nzoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes nzoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes nzoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

@keyframes nzoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes nzoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center
  }
}

@keyframes nzoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center
  }
}

@keyframes nzoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes nslideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

@keyframes nslideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

@keyframes nslideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

@keyframes nslideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    transform: translate3d(0, 0, 0)
  }
}

@keyframes nslideOutDown {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
    opacity: 0
  }
}

@keyframes nslideOutLeft {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
    opacity: 0
  }
}

@keyframes nslideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
    opacity: 0
  }
}

@keyframes nslideOutUp {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }

  to {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}

#message-purchased {
  border: 0;
  border-radius: 0;
  bottom: 20px;
  display: none;
  font-family: tahoma, sans-serif;
  left: 20px;
  position: fixed;
  right: auto !important;
  text-align: left;
  top: auto !important;
  width: auto;
  z-index: 99999999;
  align-items: center;
  flex-direction: row
}

#message-purchased.bottom_right {
  left: auto;
  right: 20px !important
}

#message-purchased.top_right {
  left: auto !important;
  right: 20px !important
}

#message-purchased.top_left,
#message-purchased.top_right {
  top: 20px !important;
  bottom: auto !important
}

#message-purchased img {
  width: auto;
  aspect-ratio: 1/1;
  max-width: 96px;
  height: 100%;
  max-height: 96px;
  border-radius: 0;
  transform: translateZ(0)
}

#message-purchased p {
  float: left;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: auto
}

#message-purchased.wn-product-without-image .wn-notification-message-container {
  padding: 20px 0 20px 20px
}

#message-purchased.wn-product-with-image {
  max-width: 500px;
  min-width: 350px
}

#message-purchased.wn-product-without-image {
  max-width: 400px;
  min-width: 250px
}

#message-purchased .wn-notification-image-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  text-align: center
}

@media screen and (max-width:600px) {
  #message-purchased .wn-notification-image-wrapper {
    width: 96px;
    max-width: 96px
  }

  #message-purchased img {
    max-width: 100%
  }
}

#message-purchased p.wn-notification-message-container {
  overflow: hidden;
  max-width: 400px;
  line-height: 1.8;
  display: grid;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px
}

#message-purchased p .wn-popup-product-title,
#message-purchased p a {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  white-space: nowrap
}

#message-purchased p a:hover {
  color: #000
}

#message-purchased p small {
  display: block;
  font-size: 10px;
  margin: 0
}

#message-purchased.img-right .message-purchase-main .wn-notification-message-container {
  padding-left: 20px !important;
  padding-right: 20px !important
}

#message-purchased.img-right .message-purchase-main {
  padding: 0
}

#message-purchased.img-right.wn-product-with-image .message-purchase-main {
  flex-direction: row-reverse;
  justify-content: space-between
}

#message-purchased #notify-close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 22px;
  height: 22px;
  border: 0;
  overflow: hidden;
  display: flex;
  opacity: 1;
  transition: opacity 200ms
}

#message-purchased #notify-close:before {
  content: "";
  font-family: VI_WN_ICON_CLOSE;
  font-size: 14px;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center
}

#message-purchased #notify-close:hover {
  opacity: .6
}

#message-purchased.img-right #notify-close {
  right: -20px !important;
  top: -20px !important
}

body #message-purchased.wn-background-template-type-2 {
  max-width: 515px
}

@media screen and (max-width:767px) {
  body #message-purchased {
    margin: 0 auto
  }

  body #message-purchased,
  body #message-purchased.wn-extended {
    bottom: 10px !important;
    box-sizing: border-box;
    top: auto !important
  }

  body #message-purchased.wn-extended.wn-background-template-type-2 {
    width: unset !important
  }

  #message-purchased.bottom_right,
  #message-purchased.top_right,
  body #message-purchased {
    left: 10px !important;
    right: 10px !important
  }

  body #message-purchased.top_left,
  body #message-purchased.top_right {
    top: 10px !important;
    bottom: auto !important
  }

  #message-purchased p {
    font-size: 11px
  }

  #message-purchased.wn-product-with-image p {
    width: 70%
  }

  #message-purchased p a {
    font-size: 13px
  }

  #message-purchased p small {
    margin-bottom: 0
  }

  #message-purchased p.wn-notification-message-container {
    padding-top: 0;
    padding-bottom: 0
  }

  #message-purchased.wn-extended p.wn-notification-message-container {
    width: auto
  }

  #message-purchased.wn-extended.wn-product-with-image p.wn-notification-message-container {
    max-width: 220px
  }

  #message-purchased.img-right #notify-close {
    right: -5px !important
  }
}

#woocommerce-notification-audio {
  display: none
}

#message-purchased a {
  color: #0f0f0f
}

#message-purchased.fade-in,
#message-purchased.fade-out {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: nFadeIn;
  opacity: 0
}

#message-purchased.fade-out {
  animation-name: nFadeOut;
  opacity: 1
}

#message-purchased.bounceIn {
  animation-duration: 1s;
  animation-name: nbounceIn
}

#message-purchased.bounceInDown {
  animation-duration: 1s;
  animation-name: nbounceInDown
}

#message-purchased.bounceInLeft {
  animation-duration: 1s;
  animation-name: nbounceInLeft
}

#message-purchased.bounceInRight {
  animation-duration: 1s;
  animation-name: nbounceInRight
}

#message-purchased.bounceInUp {
  animation-duration: 1.5s;
  animation-name: nbounceInUp
}

#message-purchased.bounceOut {
  animation-duration: 1.5s;
  animation-name: nbounceOut;
  opacity: 0
}

#message-purchased.bounceOutDown,
#message-purchased.bounceOutLeft {
  animation-duration: 1.5s;
  animation-name: nbounceOutDown;
  opacity: 0
}

#message-purchased.bounceOutLeft {
  animation-name: nbounceOutLeft
}

#message-purchased.bounceOutRight,
#message-purchased.bounceOutUp {
  animation-duration: 1.5s;
  animation-name: nbounceOutRight;
  opacity: 0
}

#message-purchased.bounceOutUp {
  animation-name: nbounceOutUp
}

#message-purchased.fadeInDown {
  animation-duration: 1s;
  animation-name: nfadeInDown
}

#message-purchased.fadeInDownBig {
  animation-duration: 1s;
  animation-name: nfadeInDownBig
}

#message-purchased.fadeInLeft {
  animation-duration: 1s;
  animation-name: nfadeInLeft
}

#message-purchased.fadeInLeftBig {
  animation-duration: 1s;
  animation-name: nfadeInLeftBig
}

#message-purchased.fadeInRight {
  animation-duration: 1s;
  animation-name: nfadeInRight
}

#message-purchased.fadeInRightBig {
  animation-duration: 1s;
  animation-name: nfadeInRightBig
}

#message-purchased.fadeInUp {
  animation-duration: 1s;
  animation-name: nfadeInUp
}

#message-purchased.fadeInUpBig {
  animation-duration: 1s;
  animation-name: nfadeInUpBig
}

#message-purchased.fadeOutDown {
  animation-duration: 1.5s;
  animation-name: nfadeOutDown;
  opacity: 0
}

#message-purchased.fadeOutDownBig,
#message-purchased.fadeOutLeft {
  animation-duration: 1.5s;
  animation-name: nfadeOutDownBig;
  opacity: 0
}

#message-purchased.fadeOutLeft {
  animation-name: nfadeOutLeft
}

#message-purchased.fadeOutLeftBig,
#message-purchased.fadeOutRight {
  animation-duration: 1.5s;
  animation-name: nfadeOutLeftBig;
  opacity: 0
}

#message-purchased.fadeOutRight {
  animation-name: nfadeOutRight
}

#message-purchased.fadeOutRightBig {
  animation-duration: 1.5s;
  animation-name: nfadeOutRightBig;
  opacity: 0
}

#message-purchased.fadeOutUp,
#message-purchased.fadeOutUpBig {
  animation-duration: 1.5s;
  animation-name: nfadeOutUp;
  opacity: 0
}

#message-purchased.fadeOutUpBig {
  animation-name: nfadeOutUpBig
}

#message-purchased.flipInX,
#message-purchased.flipInY,
#message-purchased.flipOutX,
#message-purchased.flipOutY {
  animation-duration: 1s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: nflipInX
}

#message-purchased.flipInY,
#message-purchased.flipOutX,
#message-purchased.flipOutY {
  animation-name: nflipInY
}

#message-purchased.flipOutX,
#message-purchased.flipOutY {
  animation-duration: 1.5s;
  animation-name: nflipOutX;
  opacity: 0
}

#message-purchased.flipOutY {
  animation-name: nflipOutY
}

#message-purchased.lightSpeedIn {
  animation-duration: 1s;
  animation-name: nlightSpeedIn;
  animation-timing-function: ease-out
}

#message-purchased.lightSpeedOut {
  animation-duration: 1.5s;
  animation-name: nlightSpeedOut;
  animation-timing-function: ease-in;
  opacity: 0
}

#message-purchased.rotateIn {
  animation-duration: 1s;
  animation-name: nrotateIn
}

#message-purchased.rotateInDownLeft {
  animation-duration: 1s;
  animation-name: nrotateInDownLeft
}

#message-purchased.rotateInDownRight {
  animation-duration: 1s;
  animation-name: nrotateInDownRight
}

#message-purchased.rotateInUpLeft {
  animation-duration: 1s;
  animation-name: nrotateInUpLeft
}

#message-purchased.rotateInUpRight {
  animation-duration: 1s;
  animation-name: nrotateInUpRight
}

#message-purchased.rotateOut {
  animation-duration: 1.5s;
  animation-name: nrotateOut;
  opacity: 0
}

#message-purchased.rotateOutDownLeft {
  animation-duration: 1.5s;
  animation-name: nrotateOutDownLeft;
  opacity: 0
}

#message-purchased.rotateOutDownRight {
  animation-duration: 1.5s;
  animation-name: nrotateOutDownRight;
  opacity: 0
}

#message-purchased.rotateOutUpLeft {
  animation-duration: 1.5s;
  animation-name: nrotateOutUpLeft;
  opacity: 0
}

#message-purchased.rotateOutUpRight {
  animation-duration: 1.5s;
  animation-name: nrotateOutUpRight;
  opacity: 0
}

#message-purchased.rollIn {
  animation-duration: 1s;
  animation-name: nrollIn
}

#message-purchased.rollOut {
  animation-duration: 1.5s;
  animation-name: nrollOut;
  opacity: 0
}

#message-purchased.zoomIn {
  animation-duration: 1s;
  animation-name: nzoomIn
}

#message-purchased.zoomInDown {
  animation-duration: 1s;
  animation-name: nzoomInDown
}

#message-purchased.zoomInLeft {
  animation-duration: 1s;
  animation-name: nzoomInLeft
}

#message-purchased.zoomInRight {
  animation-duration: 1s;
  animation-name: nzoomInRight
}

#message-purchased.zoomInUp {
  animation-duration: 1s;
  animation-name: nzoomInUp
}

#message-purchased.zoomOut {
  animation-duration: 1.5s;
  animation-name: nzoomOut;
  opacity: 0
}

#message-purchased.zoomOutDown,
#message-purchased.zoomOutLeft {
  animation-duration: 1.5s;
  animation-name: nzoomOutDown;
  opacity: 0
}

#message-purchased.zoomOutLeft {
  animation-name: nzoomOutLeft
}

#message-purchased.zoomOutRight,
#message-purchased.zoomOutUp {
  animation-duration: 1.5s;
  animation-name: nzoomOutRight;
  opacity: 0
}

#message-purchased.zoomOutUp {
  animation-name: nzoomOutUp
}

#message-purchased.slideInDown {
  animation-duration: 1s;
  animation-name: nslideInDown
}

#message-purchased.slideInLeft {
  animation-duration: 1s;
  animation-name: nslideInLeft
}

#message-purchased.slideInRight {
  animation-duration: 1s;
  animation-name: nslideInRight
}

#message-purchased.slideInUp {
  animation-duration: 1s;
  animation-name: nslideInUp
}

#message-purchased.slideOutDown,
#message-purchased.slideOutLeft {
  animation-duration: 1.5s;
  animation-name: nslideOutDown;
  opacity: 0
}

#message-purchased.slideOutLeft {
  animation-name: nslideOutLeft
}

#message-purchased.slideOutRight,
#message-purchased.slideOutUp {
  animation-duration: 1.5s;
  animation-name: nslideOutRight;
  opacity: 0
}

#message-purchased.slideOutUp {
  animation-name: nslideOutUp
}

#message-purchased .wn-nonajax {
  display: flex
}

#message-purchased .message-purchase-main {
  box-sizing: border-box;
  padding: 0 35px 0 0;
  display: flex;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
  position: relative;
  width: 100%;
  height: 96px
}

#message-purchased.wn-rounded-corner .message-purchase-main {
  border-radius: 100px !important;
  overflow: hidden !important
}

#message-purchased.wn-rounded-corner img.wn-notification-image {
  border-radius: 50px !important
}

#message-purchased.wn-rounded-corner #notify-close {
  right: -6px !important;
  top: -6px !important
}

#message-purchased.wn-rtl img,
#message-purchased.wn-rtl p,
.rtl #message-purchased img,
.rtl #message-purchased p {
  float: right
}

#message-purchased.wn-rtl .message-purchase-main,
.rtl #message-purchased .message-purchase-main {
  padding: 0 0 0 35px;
  text-align: right
}

#message-purchased.wn-rtl .message-purchase-main:before,
.rtl #message-purchased .message-purchase-main:before {
  transform: scaleX(-1)
}

#message-purchased.wn-rtl #notify-close,
#message-purchased.wn-rtl.wn-extended #notify-close,
.rtl #message-purchased #notify-close,
.rtl #message-purchased.wn-extended #notify-close {
  right: unset !important;
  left: 10px
}

#message-purchased.wn-rtl.wn-rounded-corner #notify-close,
.rtl #message-purchased.wn-rounded-corner #notify-close {
  right: unset !important;
  left: -6px
}