@keyframes slideUp {
  /*from {
      visibility: visible;
      opacity: 0%;
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      transform-origin: center bottom;
  }

  to {
      visibility: visible;
      opacity: 100%;
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
  }*/
  0% {
    visibility: visible;
    opacity: 0%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  70% {
    visibility: visible;
    opacity: 80%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    visibility: visible;
    opacity: 100%;
  }
}
@keyframes growIn {
  from {
    visibility: hidden;
    transform: scale(15%);
  }
  to {
    visibility: visible;
    transform: scale(100%);
  }
}
@keyframes scaleUp {
  from {
    transform: scale(15%);
  }
  to {
    transform: scale(100%);
  }
}
@keyframes widthOpenHorizontal {
  from {
    width: 15%;
  }
  to {
    width: 100%;
  }
}
@keyframes heightOpenVertical {
  from {
    height: 15%;
  }
  to {
    height: 100%;
  }
}
@keyframes fadeInOverlay {
  from {
    visibility: visible;
    opacity: 0%;
  }
  to {
    visibility: visible;
    opacity: 88%;
  }
}
@keyframes fadeIn {
  from {
    visibility: visible;
    opacity: 0%;
  }
  to {
    visibility: visible;
    opacity: 100%;
  }
}
@keyframes fadeOut {
  from {
    visibility: visible;
    opacity: 100%;
  }
  to {
    visibility: hidden;
    opacity: 0%;
  }
}
@keyframes slideRight {
  0% {
    visibility: visible;
    opacity: 0%;
    -webkit-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    transform: translateX(-15%);
  }
  70% {
    visibility: visible;
    opacity: 80%;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    visibility: visible;
    opacity: 100%;
  }
}
@keyframes slideRightMargin {
  0% {
    visibility: visible;
    opacity: 0%;
    margin-left: -15%;
  }
  70% {
    visibility: visible;
    opacity: 80%;
    margin-left: 0%;
  }
  100% {
    visibility: visible;
    opacity: 100%;
  }
}
@keyframes ddActive {
  0% {
    visibility: visible;
    width: 0%;
  }
  70% {
    visibility: visible;
    width: 100%;
  }
  100% {
    visibility: visible;
  }
}
@keyframes ddcActive {
  from {
    visibility: visible;
    opacity: 0%;
  }
  to {
    visibility: visible;
    opacity: 100%;
  }
}
@keyframes ddciActive {
  0% {
    visibility: visible;
    opacity: 0%;
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  70% {
    visibility: visible;
    opacity: 80%;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    visibility: visible;
    opacity: 100%;
  }
}
@keyframes mobileNavBaseIn {
  0% {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  70% {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    visibility: visible;
  }
}
@keyframes mobileNavBaseOut {
  0% {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  70% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes mobileNavSectionIn {
  0% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  2% {
    visibility: visible;
  }
  70% {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    visibility: visible;
  }
}
@keyframes mobileNavSectionInLeft {
  0% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  5% {
    visibility: visible;
  }
  70% {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    visibility: visible;
  }
}
@keyframes mobileNavSectionInRight {
  0% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  5% {
    visibility: visible;
  }
  70% {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    visibility: visible;
  }
}
@keyframes mobileNavSectionOutLeft {
  0% {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  5% {
    visibility: visible;
  }
  70% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes mobileNavSectionOutRight {
  0% {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  5% {
    visibility: visible;
  }
  70% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes showTrigger {
  0% {
    opacity: 0%;
    visibility: visible;
  }
  100% {
    opacity: 100%;
    visibility: visible;
  }
}
@keyframes hideTrigger {
  0% {
    opacity: 100%;
    visibility: visible;
  }
  50% {
    opacity: 0%;
    visibility: hidden;
  }
  100% {
    width: 0;
    margin-left: 0;
    opacity: 0%;
    visibility: hidden;
  }
}
.smbc-image-collage-widget .i1, .smbc-image-collage-widget .i2, .smbc-image-collage-widget .i3 {
  visibility: hidden;
}
.smbc-image-collage-widget.is-animated .i1, .smbc-image-collage-widget.is-animated .i2, .smbc-image-collage-widget.is-animated .i3 {
  animation-name: slideUp;
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
}
.smbc-image-collage-widget.is-animated .i1 {
  animation-delay: 0.35s;
}
.smbc-image-collage-widget.is-animated .i2 {
  animation-delay: 0.75s;
}
.smbc-image-collage-widget.is-animated .i3 {
  animation-delay: 1.15s;
}