@-webkit-keyframes loadingCircle {
    0% {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
  }
  .simple-avatar {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background: #eee;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  .simple-avatar.square {
    border-radius: 4px;
  }
  .simple-avatar.circle {
    border-radius: 50%;
  }
  .simple-avatar > img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .simple-button {
    line-height: 1;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    color: rgba(0, 0, 0, 0.65);
    background-color: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    -o-transition: 0.3s all;
    transition: all 0.3s;
  }
  .simple-button:active,
  .simple-button:focus,
  .simple-button:hover {
    border-color: #40a9ff;
    border-right-width: 1px !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #40a9ff;
  }
  .simple-button:active,
  .simple-button:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  }
  .simple-button.disabled {
    cursor: default;
    opacity: 0.4;
  }
  .simple-select {
    position: relative;
    width: 200px;
    line-height: 28px;
    cursor: pointer;
  }
  .simple-select:active,
  .simple-select:focus {
    outline: none;
  }
  .simple-select .icon-state {
    color: grey;
    float: right;
    -webkit-transition: transform 0.3s;
    -o-transition: 0.3s transform;
    transition: transform 0.3s;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .simple-select .icon-state.active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .simple-select .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px grey;
    box-shadow: 1px 1px 4px grey;
    -webkit-transition: all 0.3s cubic-bezier(1, 0, 1, 0.5);
    -o-transition: 0.3s all cubic-bezier(1, 0, 1, 0.5);
    transition: all 0.3s cubic-bezier(1, 0, 1, 0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  .simple-select .dropdown.opened {
    display: block;
    -webkit-transition: all 0.3s cubic-bezier(0, 1, 0.5, 1);
    -o-transition: 0.3s all cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.3s cubic-bezier(0, 1, 0.5, 1);
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
  .simple-select .dropdown ul {
    list-style: none;
    padding: 5px 0;
    margin: 0;
  }
  .simple-select .dropdown li {
    position: relative;
    min-width: 120px;
    padding: 0 20px 0 24px;
  }
  .simple-select .dropdown li.selected,
  .simple-select .dropdown li:hover {
    background: #f2f3f7;
  }
  .simple-select .dropdown li.disabled {
    color: grey;
    cursor: default;
  }
  .simple-select .dropdown li.disabled:hover {
    background: transparent;
  }
  .simple-select .dropdown li i {
    display: none;
    color: #ff6a00;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .simple-select .dropdown li i.active {
    display: block;
  }
  .simple-tab {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    list-style: none;
    overflow: hidden;
    padding-bottom: 2px;
    padding-left: 0;
  }
  .simple-tab-container .simple-tab-pager.hide {
    display: none;
  }
  .simple-tab-container.overflow-scroll {
    position: relative;
  }
  .simple-tab-container.overflow-scroll > .simple-tab > li.tab-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .simple-tab-container.overflow-scroll > .simple-tab-pager {
    position: absolute;
    width: 20px;
    height: 36px;
    top: 3px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
  }
  .simple-tab-container.overflow-scroll > .simple-tab-pager.hide {
    display: none;
  }
  .simple-tab-container.overflow-scroll > .simple-tab-pager.left {
    left: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .simple-tab-container.overflow-scroll
    > .simple-tab-pager.left
    > .im-components-icon-xxs {
    -webkit-transform: scale(0.55) translateX(-4px);
    -ms-transform: scale(0.55) translateX(-4px);
    transform: scale(0.55) translateX(-4px);
  }
  .simple-tab-container.overflow-scroll > .simple-tab-pager.right {
    right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .simple-tab-container.overflow-scroll
    > .simple-tab-pager.right
    > .im-components-icon-xxs {
    -webkit-transform: scale(0.55) translateX(4px);
    -ms-transform: scale(0.55) translateX(4px);
    transform: scale(0.55) translateX(4px);
  }
  .simple-tab-theme-underline .tab-item:before {
    content: " ";
    position: absolute;
    top: 100%;
    height: 10px;
    width: 100%;
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background: #07f;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0.3s transform cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
      -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .simple-tab-theme-underline .tab-item.selected:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .simple-tab-theme-badge .tab-item {
    font-weight: 700;
    border-radius: 18px;
  }
  .simple-tab-theme-badge .tab-item.selected,
  .simple-tab-theme-badge .tab-item:hover {
    background-color: rgba(0, 29, 233, 0.06);
  }
  .simple-tab-theme-badge .tab-item + .tab-item {
    margin-left: 10px;
  }
  .simple-tab .tab-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    position: relative;
    text-align: center;
    height: 100%;
  }
  .simple-tab .tab-item.selected,
  .simple-tab .tab-item:hover {
    color: #07f;
  }
  .simple-tab .tab-item.disabled {
    color: grey;
    cursor: default;
  }
  .simple-menu {
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px grey;
    box-shadow: 1px 1px 4px grey;
    line-height: 28px;
    padding: 5px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }
  .simple-menu-item {
    position: relative;
    min-width: 120px;
    padding: 0 20px 0 24px;
  }
  .simple-menu-item:hover {
    background: #f2f3f7;
  }
  .simple-menu-item i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ff6a00;
  }
  .simple-menu-divider {
    border-bottom: 1px solid #d9d9d9;
    margin: 2px 0;
  }
  .simple-list ul {
    list-style: none;
    padding: 0;
  }
  .simple-list .high-light {
    color: #07f;
  }
  .simple-loader {
    position: relative;
  }
  .simple-loader .im-components-icon-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .simple-placeholder {
    position: relative;
  }
  .simple-placeholder .empty-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .chat-list .top-holder {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .simple-fold-list .clip-toggle {
    color: #2e9cc3;
    cursor: pointer;
  }
  .simple-scroller {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .simple-scroller.hover > .scrollbar-track,
  .simple-scroller.hover > .scrollbar-track.horizontal,
  .simple-scroller:hover > .scrollbar-track,
  .simple-scroller:hover > .scrollbar-track.horizontal {
    background: hsla(0, 0%, 94.5%, 0.4);
  }
  .simple-scroller.hover > .scrollbar-track.horizontal.hover,
  .simple-scroller.hover > .scrollbar-track.horizontal:hover,
  .simple-scroller.hover > .scrollbar-track.hover,
  .simple-scroller.hover > .scrollbar-track:hover,
  .simple-scroller:hover > .scrollbar-track.horizontal.hover,
  .simple-scroller:hover > .scrollbar-track.horizontal:hover,
  .simple-scroller:hover > .scrollbar-track.hover,
  .simple-scroller:hover > .scrollbar-track:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .simple-scroller.hover > .scrollbar-track.horizontal .scrollbar-thumb,
  .simple-scroller.hover > .scrollbar-track .scrollbar-thumb,
  .simple-scroller:hover > .scrollbar-track.horizontal .scrollbar-thumb,
  .simple-scroller:hover > .scrollbar-track .scrollbar-thumb {
    background: hsla(0, 0%, 60%, 0.4);
  }
  .simple-scroller.active > .scrollbar-track,
  .simple-scroller.active > .scrollbar-track.horizontal {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .simple-scroller.active > .scrollbar-track.horizontal .scrollbar-thumb,
  .simple-scroller.active > .scrollbar-track .scrollbar-thumb {
    background: hsla(0, 0%, 60%, 0.8);
  }
  .simple-scroller.custom-scroll-bar .scroll-content {
    overflow: auto;
  }
  .simple-scroller.custom-scroll-bar .scroll-content::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }
  .simple-scroller.custom-scroll-bar.custom-mouse-wheel .scroll-content {
    overflow: hidden;
    padding: 0;
  }
  .simple-scroller .scroll-content {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: auto;
  }
  .simple-scroller .scrollbar-track {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: 12px;
    -webkit-transform: scaleX(0.66);
    -ms-transform: scaleX(0.66);
    transform: scaleX(0.66);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: background-color 0.3s ease, transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease,
      -webkit-transform 0.3s ease;
    cursor: pointer;
  }
  .simple-scroller .scrollbar-thumb {
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease, width 0.3s ease;
    -o-transition: background-color 0.3s ease, width 0.3s ease;
    transition: background-color 0.3s ease, width 0.3s ease;
  }
  .simple-scroller .scrollbar-track.horizontal {
    position: absolute;
    width: auto;
    left: 5px;
    right: 5px;
    top: auto;
    bottom: 0;
    height: 12px;
    -webkit-transform: scaleY(0.66);
    -ms-transform: scaleY(0.66);
    transform: scaleY(0.66);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: background-color 0.3s ease, transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease,
      -webkit-transform 0.3s ease;
    cursor: pointer;
  }
  .simple-scroller .scrollbar-thumb.horizontal {
    position: absolute;
    left: 0;
    height: 100%;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease, width 0.3s ease;
    -o-transition: background-color 0.3s ease, width 0.3s ease;
    transition: background-color 0.3s ease, width 0.3s ease;
  }
  .background-default {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .background-default.error {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .background-default .load-failed,
  .background-default .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .invisible {
    visibility: hidden;
  }
  .none {
    display: none;
  }
  .ripple {
    position: relative;
    overflow: hidden;
  }
  .ripple:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: -webkit-radial-gradient(
      circle,
      #666 10%,
      transparent 10.01%
    );
    background-image: -o-radial-gradient(circle, #666 10%, transparent 10.01%);
    background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
    transition: opacity 0.5s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.5s;
    transition: transform 0.3s, opacity 0.5s;
    transition: transform 0.3s, opacity 0.5s, -webkit-transform 0.3s;
  }
  .ripple:active:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0.3;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }
  .text-two-lines {
    -webkit-line-clamp: 2;
  }
  .text-three-lines,
  .text-two-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .text-three-lines {
    -webkit-line-clamp: 3;
  }
  .flex,
  .flex-colums {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-colums {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .warning {
    background: #fddc49;
  }
  .card-img.message-emoji {
    cursor: default;
  }
  .card-img {
    max-width: 200px;
    height: 82px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .lzd-message-item.card-image {
    padding: 0;
    overflow: hidden;
  }
  .video {
    max-width: 250px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .video::-internal-media-controls-download-button {
    display: none;
  }
  .video::-webkit-media-controls-enclosure {
    overflow: hidden;
  }
  .video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
  }
  .card-follow.message-card {
    height: 115px;
  }
  .card-follow.message-card.with-btn {
    height: 155px;
  }
  .card-follow.message-card .btn {
    width: 58px;
    line-height: 21px;
    text-align: center;
    border-radius: 2px;
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ff8763),
      to(#ff330c)
    );
    background-image: -webkit-linear-gradient(left, #ff8763, #ff330c);
    background-image: -o-linear-gradient(left, #ff8763 0, #ff330c 100%);
    background-image: linear-gradient(90deg, #ff8763, #ff330c);
    color: #fff;
    cursor: pointer;
    margin: 3px;
  }
  .card-follow.message-card .lzd-mall-icon {
    max-width: 60px;
    max-height: 18px;
  }
  .card-follow.message-card .lzd-follow-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0 solid #e6e7eb;
    width: 60px;
    height: 60px;
    margin-right: 19px;
  }
  .card-follow.message-card .lzd-follow-desc .lzd-follow-desc-text {
    min-height: 33px;
  }
  .card-follow.message-card .lzd-follow-desc .lzd-follow-mall {
    position: relative;
    width: 40px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    color: #fff;
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ff525f),
      color-stop(82%, #ff003a)
    );
    background-image: -webkit-linear-gradient(left, #ff525f, #ff003a 82%);
    background-image: -o-linear-gradient(left, #ff525f 0, #ff003a 82%);
    background-image: linear-gradient(90deg, #ff525f, #ff003a 82%);
    border-radius: 2px;
  }
  .card-follow.message-card .lzd-follow-desc .lzd-follow-mall .background {
    position: absolute;
    border-radius: 2px;
    left: 14px;
    width: 40px;
    height: 16px;
    background: none;
    overflow: hidden;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
  }
  .card-follow.message-card .lzd-follow-desc .lzd-follow-mall .background:after {
    content: " ";
    position: absolute;
    z-index: 1;
    right: -4px;
    top: -8px;
    width: 19px;
    height: 16px;
    -webkit-transform: rotate(-330deg);
    -ms-transform: rotate(-330deg);
    transform: rotate(-330deg);
    background-image: -webkit-linear-gradient(31deg, #c72525 17%, #91081a 72%);
    background-image: -o-linear-gradient(31deg, #c72525 17%, #91081a 72%);
    background-image: linear-gradient(59deg, #c72525 17%, #91081a 72%);
  }
  .card-follow.message-card .lzd-follow-desc .lzd-follow-mall .background:before {
    content: " ";
    z-index: 0;
    position: absolute;
    right: -20px;
    width: 42px;
    height: 16px;
    -webkit-transform: rotate(-38deg);
    -ms-transform: rotate(-38deg);
    transform: rotate(-38deg);
    background-image: -webkit-linear-gradient(272deg, #b61a26, #e31a34 58%);
    background-image: -o-linear-gradient(272deg, #b61a26 0, #e31a34 58%);
    background-image: linear-gradient(-182deg, #b61a26, #e31a34 58%);
  }
  .card-follow.message-card .lzd-follow-desc .lzd-follow-mall span {
    position: absolute;
    z-index: 3;
  }
  .card-order {
    background: #fff;
    cursor: pointer;
    width: 255px;
    padding: 0 10px;
    height: 117px;
  }
  .card-order .header {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .card-order .lzd-order-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0 solid #e6e7eb;
    width: 62px;
    height: 62px;
    margin-right: 8px;
  }
  .card-product {
    background: #fff;
    cursor: pointer;
    height: 125px;
  }
  .card-product .lzd-pro-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0 solid #e6e7eb;
    width: 62px;
    height: 62px;
    margin-right: 8px;
  }
  .card-product .lzd-pro-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 20px;
    overflow: hidden;
  }
  .card-product .lzd-pro-title {
    max-height: 30px;
    font-size: 12px;
    line-height: 14px;
    color: #3a434d;
  }
  .card-product .lzd-pro-price {
    margin-top: 5px;
    font-size: 16px;
    color: #ff3d00;
    font-weight: 500;
  }
  .card-product .lzd-pro-old-price-content {
    margin-top: 3px;
    font-size: 12px;
    line-height: 12px;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-product .lzd-pro-old-price {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-decoration: line-through;
  }
  .card-product .lzd-pro-discount {
    min-width: 20px;
    margin-left: 6px;
    display: inline-block;
  }
  .lzd-message-item.card-system {
    background: none;
    margin: 0 auto;
    font-size: 13px;
    color: #9299a2;
    word-break: break-word;
    text-align: center;
    line-height: 20px;
  }
  .lzd-message-item.card-system .reEdit {
    color: #2e9cc3;
    cursor: pointer;
    margin-left: 3px;
  }
  .lzd-message-item.card-system .warn-card {
    background: rgba(231, 43, 0, 0.06);
    border-radius: 8px;
    padding: 16px;
  }
  .lzd-message-item.card-system .warn-card .warn-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #f33;
  }
  .lzd-message-item.card-system .warn-card .warn-title hr {
    width: 50px;
    height: 1px;
    margin-left: 15px;
    margin-right: 15px;
    border: none;
    border-top: 1px solid #f33;
  }
  .lzd-message-item.card-text {
    position: relative;
    display: inline-block;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .lzd-message.self .lzd-message-text.translation:before {
    border-top: 1px solid #b8d1d6;
  }
  .lzd-message-text {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 750px;
    font-size: 14px;
    color: #151515;
    letter-spacing: 0;
    white-space: pre-wrap;
  }
  .lzd-message-text.translation {
    position: relative;
    margin-top: 12px;
  }
  .lzd-message-text.translation:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: -4px;
    border-top: 1px solid #e2e2e2;
    height: 1px;
    width: calc(100% + 8px);
  }
  .lzd-message-text.tip {
    margin-top: 4px;
    margin-bottom: -6px;
    opacity: 0.5;
    font-size: 10px;
    color: #333;
    letter-spacing: 0;
    text-align: right;
    line-height: 20.15px;
  }
  .message-text-box {
    padding: 5px;
  }
  .message-text-box .flag-tip {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #9e9e9e;
    color: #fff;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 8px;
    padding: 1px 4px;
    margin: 2px 1px 0;
  }
  .message-text-box .flag-tip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border-color: #9e9e9e transparent transparent #9e9e9e;
    border-style: solid;
    border-width: 1.5px;
  }
  .message-text-box .flag-q {
    background-color: #ff330c;
  }
  .message-text-box .flag-q:after {
    border-top-color: #ff330c;
    border-left-color: #ff330c;
  }
  .message-text-box .flag-a {
    left: auto;
    right: 0;
  }
  .card-voucher {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    background: none !important;
    border: none !important;
  }
  .card-voucher.message-card {
    width: 340px !important;
    height: 98px;
    padding: 0;
    background: none !important;
  }
  .card-voucher-content {
    height: 100%;
    background: url(../images/O1CN01IJ8duU1SJ5y0cMoVM_!!6000000002225-2-tps-401-116.png);
    background-size: 100% auto;
    padding: 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .card-voucher-content,
  .card-voucher-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-voucher-left {
    width: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .card-voucher-left .type-name {
    opacity: 0.8;
    font-size: 12px;
    color: #ff4365;
    text-align: center;
    line-height: 16px;
  }
  .card-voucher-right {
    width: 200px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card-voucher-discount,
  .card-voucher-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-voucher-discount {
    font-size: 22px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-right: 5px;
    min-width: 0;
  }
  .card-voucher-discount .amount {
    margin-right: 4px;
    font-weight: 700;
    font-size: 20px;
    color: #fe4f65;
  }
  .card-voucher-discount .unit {
    font-weight: 500;
    font-size: 16px;
    color: #fe4f65;
  }
  .card-voucher-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card-voucher-title .title {
    font-weight: 700;
    font-size: 14px;
    color: #fe4960;
  }
  .card-voucher-title .tnc {
    cursor: pointer;
    height: 18px;
    line-height: 18px;
    text-align: center;
    padding: 0 6px;
    background: rgba(254, 73, 96, 0.1);
    border-radius: 12px;
    font-weight: 700;
    font-size: 12px;
    color: #fe4960;
  }
  .card-voucher-type {
    font-size: 12px;
    color: #fe4960;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .card-voucher .card-voucher-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .card-voucher .card-voucher-btn .btn {
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    width: 80px;
    background-image: -webkit-linear-gradient(
      314deg,
      #ff933f,
      #f93782 68%,
      #f93782
    );
    background-image: -o-linear-gradient(
      314deg,
      #ff933f 0,
      #f93782 68%,
      #f93782 100%
    );
    background-image: linear-gradient(136deg, #ff933f, #f93782 68%, #f93782);
    border-radius: 8px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-align: center;
  }
  .card-voucher .card-voucher-btn .period {
    margin-top: 6px;
    font-size: 12px;
    color: #fe4960;
  }
  .next-overlay-wrapper .next-overlay-inner.voucher-tnc-balloon {
    z-index: 1000001;
    min-width: 350px;
    border-radius: 10px;
  }
  .next-overlay-wrapper
    .next-overlay-inner.voucher-tnc-balloon
    .tnc-content
    .tnc-section
    hr {
    margin: 12px 0;
    border: 1px solid #eee;
  }
  .next-overlay-wrapper
    .next-overlay-inner.voucher-tnc-balloon
    .tnc-content
    .tnc-section-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #111;
  }
  .next-overlay-wrapper
    .next-overlay-inner.voucher-tnc-balloon
    .tnc-content
    .tnc-section-content {
    margin-bottom: 10px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 16px;
  }
  .next-overlay-wrapper
    .next-overlay-inner.voucher-tnc-balloon
    .tnc-content
    .tnc-section
    .tnc-sub-title {
    margin-bottom: 8px;
  }
  .next-overlay-wrapper
    .next-overlay-inner.voucher-tnc-balloon
    .tnc-content
    .tnc-section
    .tnc-sub-title:before {
    content: "";
    background: #d8d8d8;
    position: absolute;
    border-radius: 3px;
    height: 6px;
    width: 6px;
    margin-top: 5px;
  }
  .next-overlay-wrapper
    .next-overlay-inner.voucher-tnc-balloon
    .tnc-content
    .tnc-section
    .tnc-sub-title
    span {
    margin-left: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #111;
  }
  .next-overlay-wrapper
    .next-overlay-inner.voucher-tnc-balloon
    .tnc-content
    .tnc-section
    .tnc-sub-content {
    margin-bottom: 10px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 16px;
  }
  .card-refund.message-card.with-others {
    height: 300px;
  }
  .card-refund.message-card .lzd-refund-suborder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2px;
  }
  .card-refund.message-card .lzd-refund-suborder .desc {
    margin-left: 5px;
    overflow: hidden;
  }
  .card-refund.message-card .lzd-refund-suborder-title {
    line-height: 16px;
    margin-bottom: 10px;
    height: 32px;
  }
  .card-refund.message-card .lzd-refund-suborder-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700;
  }
  .card-refund.message-card .lzd-refund-suborder-desc .sku {
    color: #979797;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .card-refund.message-card .lzd-refund-suborder-desc .count {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #3a434d;
  }
  .card-refund.message-card .lzd-refund-suborder-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eff2fa;
    padding-bottom: 5px;
  }
  .card-refund.message-card .lzd-refund-suborder-total .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
  }
  .card-refund.message-card .lzd-suborder-total-desc {
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: right;
    line-height: 20px;
    letter-spacing: 0;
  }
  .card-refund.message-card .total-count {
    color: #3a434d;
    font-weight: 700;
  }
  .card-refund.message-card .total-price {
    color: #f54719;
    font-weight: 700;
  }
  .card-refund.message-card .lzd-refund-order-desc {
    margin-top: 6px;
    overflow: hidden;
    padding-bottom: 6px;
    line-height: 20px;
  }
  .lzd-message-item.card-resend {
    background: none;
    margin: 0 auto 16px;
    font-size: 14px;
    color: #9299a2;
    word-break: break-word;
    text-align: center;
    line-height: 20px;
  }
  .lzd-message-item.card-resend .btn-text {
    display: inline;
    background: transparent;
    border: none;
    color: #4078c0;
    outline: none;
    cursor: pointer;
  }
  .lzd-message-item.card-action .lzd-message-text {
    margin-bottom: 15px;
  }
  .lzd-message-item.card-action .lzd-message-actions .action-item {
    margin-bottom: 5px;
  }
  .lzd-message-item.card-action .lzd-message-actions .action-link {
    color: #2192d9;
    cursor: pointer;
  }
  .lzd-message-item.card-action .lzd-message-actions .action-link:hover {
    color: #0b70af;
  }
  .card-where-order {
    background: #fff;
    cursor: pointer;
    width: 255px;
    padding: 0 10px;
    height: 214px;
  }
  .card-where-order .header {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .card-where-order .text-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
  .card-where-order .lzd-order-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0 solid #e6e7eb;
    width: 62px;
    height: 62px;
    margin-right: 8px;
  }
  .card-where-order .order-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    line-height: 18px;
  }
  .card-where-order .state-info {
    height: 40px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-top: 1px solid #eff2fa;
    padding-top: 5px;
    line-height: 20px;
  }
  .card-where-order .order-status {
    font-style: italic;
    color: #ff3d00;
  }
  .card-where-order .btn {
    margin-left: 10px;
  }
  .card-confirm-order.message-card {
    width: 325px;
  }
  .card-confirm-order.message-card .card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card-confirm-order.message-card .card-content .lzd-row {
    margin-bottom: 4px;
  }
  .card-confirm-order.message-card .card-content .lzd-line,
  .card-confirm-order.message-card .card-content .lzd-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .card-confirm-order.message-card .card-content .lzd-line .label {
    color: #666;
    white-space: nowrap;
    margin-right: 4px;
  }
  .card-confirm-order.message-card .card-content .lzd-line .field {
    color: #666;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
  .card-confirm-order.message-card .card-content .lzd-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
  .card-confirm-order.message-card .card-content .lzd-cell .label {
    color: #999;
  }
  .card-confirm-order.message-card .card-content .lzd-cell .field {
    color: #333;
  }
  .card-confirm-order.message-card .card-content .main-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 6px;
  }
  .card-confirm-order.message-card .card-content .card-title {
    font-weight: 700;
    margin-bottom: 4px;
  }
  .card-confirm-order.message-card .card-content .card-intro {
    color: #333;
  }
  .card-confirm-order.message-card:after,
  .card-confirm-order.message-card:before {
    content: " ";
    display: table;
  }
  .card-confirm-order.message-card .ic-card-tip {
    background-color: #29b6f6;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
  }
  .card-confirm-order.message-card .card-order-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f5f5f5;
    border-radius: 6px;
    margin: 4px 0;
    overflow: hidden;
  }
  .card-confirm-order.message-card .card-order-preview .lzd-order-img {
    width: 62px;
    height: 62px;
  }
  .card-confirm-order.message-card .card-order-preview .order-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 8px;
  }
  .card-confirm-order.message-card .card-order-preview .order-price .label {
    color: #000;
  }
  .card-confirm-order.message-card .card-order-preview .order-price .field {
    color: #000;
    font-weight: 700;
  }
  .card-unpaid-order {
    height: 200px;
  }
  .card-unpaid-order .with-other {
    height: 276px;
  }
  .card-unpaid-order .other-order-desc {
    margin-top: 10px;
  }
  .card-unpaid-order .other-order-desc .card-img {
    background-color: #979797;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
  }
  .card-unpaid-order .other-order-desc .card-img-desc {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 700;
  }
  .card-unpaid-order .order-price {
    font-size: 14px;
    color: #ff3d00;
  }
  .card-unpaid-order .action.btn {
    width: auto;
    margin-top: 10px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .message-card.card-unpaid {
    background: #fff;
    cursor: pointer;
    padding-bottom: 8px;
  }
  .message-card.card-unpaid .card-header {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .message-card.card-unpaid .lzd-pro-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0 solid #e6e7eb;
    width: 72px;
    height: 72px;
    margin-right: 8px;
    background-size: cover;
  }
  .message-card.card-unpaid .lzd-pro-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 20px;
    overflow: hidden;
  }
  .message-card.card-unpaid .lzd-pro-title {
    max-height: 30px;
    font-size: 14px;
    line-height: 14px;
    color: #3a434d;
  }
  .message-card.card-unpaid .lzd-pro-spec {
    max-height: 30px;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    margin-top: 6px;
  }
  .message-card.card-unpaid .lzd-price-num-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 5px;
    font-size: 12px;
  }
  .message-card.card-unpaid .lzd-price-num-wrapper .lzd-pro-price {
    color: #ff3d00;
    font-weight: 500;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
  .message-card.card-unpaid .lzd-price-num-wrapper .lzd-pro-num {
    color: #666;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
  .message-card.card-unpaid .lzd-btn {
    height: 28px;
    background-image: -webkit-linear-gradient(
      314deg,
      #ff933f,
      #f93782 67%,
      #f93782
    );
    background-image: -o-linear-gradient(
      314deg,
      #ff933f 0,
      #f93782 67%,
      #f93782 100%
    );
    background-image: linear-gradient(136deg, #ff933f, #f93782 67%, #f93782);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .message-card.card-unpaid .lzd-btn a {
    color: #fff !important;
  }
  .message-card {
    width: 255px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #3a434d;
    background: #fff;
  }
  .message-card .card-header {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #3a434d;
    border-bottom: 1px solid #d5d5d5;
  }
  .message-card .card-content {
    margin-top: 9px;
    margin-bottom: 9px;
  }
  .message-card .card-content,
  .message-card .card-footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .message-card .card-footer {
    border-top: 1px solid #eff2fa;
    padding: 5px 0;
  }
  .message-card .card-footer.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .message-card .card-img {
    width: 62px;
    height: 62px;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .message-card .card-img-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 8px 4px;
  }
  .message-card .text-overflow {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .message-card .text-two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
  }
  .message-card .box-two-lines {
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    color: #3a434d;
  }
  .message-card .btn {
    background: #eff5f7;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px;
    border: none;
    outline: none;
    cursor: pointer;
  }
  .message-card .btn:active,
  .message-card .btn:focus,
  .message-card .btn:visited {
    outline: none;
  }
  .message-card .btn.primary {
    background: #0898ff;
    color: #fff;
  }
  .message-card .flex,
  .message-card .flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .message-card .flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .message-card .color-light-grey {
    color: #979797;
  }
  .emoji-symbol {
    display: inline-block;
    background-image: url(../images/6cd267ee84163ff89896c8dce6079037.png);
    vertical-align: middle;
  }
  .emoji-symbol-beaming {
    width: 32px;
    height: 32px;
    background-position: 0 0;
  }
  .emoji-symbol-beer {
    width: 32px;
    height: 32px;
    background-position: 0 -32px;
  }
  .emoji-symbol-blowingkiss {
    width: 32px;
    height: 32px;
    background-position: 0 -64px;
  }
  .emoji-symbol-clap {
    width: 32px;
    height: 32px;
    background-position: 0 -96px;
  }
  .emoji-symbol-disappointed {
    width: 32px;
    height: 32px;
    background-position: 0 -128px;
  }
  .emoji-symbol-exclamationmark {
    width: 32px;
    height: 32px;
    background-position: 0 -160px;
  }
  .emoji-symbol-grinning {
    width: 32px;
    height: 32px;
    background-position: 0 -192px;
  }
  .emoji-symbol-grumpy {
    width: 32px;
    height: 32px;
    background-position: 0 -224px;
  }
  .emoji-symbol-kitty {
    width: 32px;
    height: 32px;
    background-position: 0 -256px;
  }
  .emoji-symbol-lips {
    width: 32px;
    height: 32px;
    background-position: 0 -288px;
  }
  .emoji-symbol-okay {
    width: 32px;
    height: 32px;
    background-position: 0 -320px;
  }
  .emoji-symbol-openmouth {
    width: 32px;
    height: 32px;
    background-position: 0 -352px;
  }
  .emoji-symbol-partypopper {
    width: 32px;
    height: 32px;
    background-position: 0 -384px;
  }
  .emoji-symbol-pinkheart {
    width: 32px;
    height: 32px;
    background-position: 0 -416px;
  }
  .emoji-symbol-puppy {
    width: 32px;
    height: 32px;
    background-position: 0 -448px;
  }
  .emoji-symbol-questionmark {
    width: 32px;
    height: 32px;
    background-position: 0 -480px;
  }
  .emoji-symbol-redpocket {
    width: 32px;
    height: 32px;
    background-position: 0 -512px;
  }
  .emoji-symbol-rose {
    width: 32px;
    height: 32px;
    background-position: 0 -544px;
  }
  .emoji-symbol-shake {
    width: 32px;
    height: 32px;
    background-position: 0 -576px;
  }
  .emoji-symbol-sleepy {
    width: 32px;
    height: 32px;
    background-position: 0 -608px;
  }
  .emoji-symbol-smiling {
    width: 32px;
    height: 32px;
    background-position: 0 -640px;
  }
  .emoji-symbol-sob {
    width: 32px;
    height: 32px;
    background-position: 0 -672px;
  }
  .emoji-symbol-sunglasses {
    width: 32px;
    height: 32px;
    background-position: 0 -704px;
  }
  .emoji-symbol-tearsofjoy {
    width: 32px;
    height: 32px;
    background-position: 0 -736px;
  }
  .emoji-symbol-thanks {
    width: 32px;
    height: 32px;
    background-position: 0 -768px;
  }
  .emoji-symbol-thumbs {
    width: 32px;
    height: 32px;
    background-position: 0 -800px;
  }
  .emoji-symbol-weary {
    width: 32px;
    height: 32px;
    background-position: 0 -832px;
  }
  .emoji-symbol-winking {
    width: 32px;
    height: 32px;
    background-position: 0 -864px;
  }
  .emoji-symbol-wow {
    width: 32px;
    height: 32px;
    background-position: 0 -896px;
  }
  .emoji-symbol-yum {
    width: 32px;
    height: 32px;
    background-position: 0 -928px;
  }
  .message-row {
    padding: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .message-row.user-type-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .message-row.row-card-product {
    padding-top: 15px;
  }
  .message-row .avatar-holder,
  .message-row .simple-avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0 5px;
  }
  .message-row .read-type {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 6px 4px;
    color: #999;
    font-size: 14px;
  }
  .message-row .unread-type {
    color: #001de9;
  }
  .message-row .message-read-type {
    width: 100%;
    text-align: right;
  }
  .message-row .message-process-result {
    max-width: 200px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .message-row .clickable {
    cursor: pointer;
  }
  .row-card-system .message-contain {
    width: 100%;
  }
  .message-contain {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
  }
  .message-contain .message-withdraw {
    background: #fff;
    border-radius: 5px;
    padding: 7px 5px 3px;
    position: absolute;
    left: -27px;
    bottom: 16px;
  }
  .message-contain .message-withdraw-active {
    display: none;
  }
  .withdrawBalloon {
    font-size: 12px;
    padding: 10px !important;
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-ms-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-moz-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-ms-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-o-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-moz-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-ms-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-o-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-moz-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-ms-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-o-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-webkit-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-moz-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-ms-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-o-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-moz-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-ms-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-o-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-webkit-keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-moz-keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-ms-keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-o-keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-moz-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-ms-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-o-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-moz-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-ms-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-o-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @-moz-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @-ms-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @-o-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @-webkit-keyframes fadeOutDown {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
  }
  @-moz-keyframes fadeOutDown {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
  }
  @-ms-keyframes fadeOutDown {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
  }
  @-o-keyframes fadeOutDown {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
  }
  @keyframes fadeOutDown {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
  }
  @-webkit-keyframes fadeOutDownBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @-moz-keyframes fadeOutDownBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @-ms-keyframes fadeOutDownBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @-o-keyframes fadeOutDownBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @keyframes fadeOutDownBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @-webkit-keyframes fadeOutLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
  }
  @-moz-keyframes fadeOutLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
  }
  @-ms-keyframes fadeOutLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
  }
  @-o-keyframes fadeOutLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
  }
  @keyframes fadeOutLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
  }
  @-webkit-keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @-moz-keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @-ms-keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @-o-keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @-webkit-keyframes fadeOutRight {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
  }
  @-moz-keyframes fadeOutRight {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
  }
  @-ms-keyframes fadeOutRight {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
  }
  @-o-keyframes fadeOutRight {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
  }
  @keyframes fadeOutRight {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px);
    }
  }
  @-webkit-keyframes fadeOutRightBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @-moz-keyframes fadeOutRightBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @-ms-keyframes fadeOutRightBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @-o-keyframes fadeOutRightBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @keyframes fadeOutRightBig {
    0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @-webkit-keyframes fadeOutUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
  }
  @-moz-keyframes fadeOutUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
  }
  @-ms-keyframes fadeOutUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
  }
  @-o-keyframes fadeOutUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
  }
  @keyframes fadeOutUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
    }
  }
  @-webkit-keyframes fadeOutUpBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @-moz-keyframes fadeOutUpBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @-ms-keyframes fadeOutUpBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @-o-keyframes fadeOutUpBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @keyframes fadeOutUpBig {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @-webkit-keyframes slideInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-moz-keyframes slideInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-ms-keyframes slideInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-o-keyframes slideInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes slideInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes slideInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-moz-keyframes slideInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-ms-keyframes slideInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-o-keyframes slideInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes slideInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-webkit-keyframes slideInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-moz-keyframes slideInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-ms-keyframes slideInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-o-keyframes slideInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes slideInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-webkit-keyframes slideInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-moz-keyframes slideInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-ms-keyframes slideInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-o-keyframes slideInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes slideInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes slideOutDown {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @-moz-keyframes slideOutDown {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @-ms-keyframes slideOutDown {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @-o-keyframes slideOutDown {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @keyframes slideOutDown {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -moz-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px);
    }
  }
  @-webkit-keyframes slideOutLeft {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @-moz-keyframes slideOutLeft {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @-ms-keyframes slideOutLeft {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @-o-keyframes slideOutLeft {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @keyframes slideOutLeft {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -moz-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px);
    }
  }
  @-webkit-keyframes slideOutRight {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @-moz-keyframes slideOutRight {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @-ms-keyframes slideOutRight {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @-o-keyframes slideOutRight {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @keyframes slideOutRight {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -moz-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px);
    }
  }
  @-webkit-keyframes slideOutUp {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @-moz-keyframes slideOutUp {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @-ms-keyframes slideOutUp {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @-o-keyframes slideOutUp {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @keyframes slideOutUp {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -moz-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px);
    }
  }
  @-webkit-keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @-moz-keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @-ms-keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @-o-keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @-webkit-keyframes zoomInPulse {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
    50% {
      -webkit-transform: scale3d(1.8, 1.8, 1.8);
      transform: scale3d(1.8, 1.8, 1.8);
    }
    to {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
  }
  @-moz-keyframes zoomInPulse {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
    50% {
      -webkit-transform: scale3d(1.8, 1.8, 1.8);
      transform: scale3d(1.8, 1.8, 1.8);
    }
    to {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
  }
  @-ms-keyframes zoomInPulse {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
    50% {
      -webkit-transform: scale3d(1.8, 1.8, 1.8);
      transform: scale3d(1.8, 1.8, 1.8);
    }
    to {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
  }
  @-o-keyframes zoomInPulse {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
    50% {
      -webkit-transform: scale3d(1.8, 1.8, 1.8);
      transform: scale3d(1.8, 1.8, 1.8);
    }
    to {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
  }
  @keyframes zoomInPulse {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
    50% {
      -webkit-transform: scale3d(1.8, 1.8, 1.8);
      transform: scale3d(1.8, 1.8, 1.8);
    }
    to {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
  }
  @-webkit-keyframes zoomInQuick {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @-moz-keyframes zoomInQuick {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @-ms-keyframes zoomInQuick {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @-o-keyframes zoomInQuick {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes zoomInQuick {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @-webkit-keyframes zoomInDown {
    0% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
  }
  @-moz-keyframes zoomInDown {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
  }
  @-ms-keyframes zoomInDown {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
  }
  @-o-keyframes zoomInDown {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
  }
  @keyframes zoomInDown {
    0% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
  }
  @-webkit-keyframes zoomInLeft {
    0% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
  }
  @-moz-keyframes zoomInLeft {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
  }
  @-ms-keyframes zoomInLeft {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
  }
  @-o-keyframes zoomInLeft {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
  }
  @keyframes zoomInLeft {
    0% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
  }
  @-webkit-keyframes zoomInRight {
    0% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
  }
  @-moz-keyframes zoomInRight {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
  }
  @-ms-keyframes zoomInRight {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
  }
  @-o-keyframes zoomInRight {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
  }
  @keyframes zoomInRight {
    0% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
  }
  @-webkit-keyframes zoomInUp {
    0% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
  }
  @-moz-keyframes zoomInUp {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
  }
  @-ms-keyframes zoomInUp {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
  }
  @-o-keyframes zoomInUp {
    0% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
  }
  @keyframes zoomInUp {
    0% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
  }
  @-webkit-keyframes zoomOut {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  @-moz-keyframes zoomOut {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  @-ms-keyframes zoomOut {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  @-o-keyframes zoomOut {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  @keyframes zoomOut {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      -moz-transform: scale3d(0.3, 0.3, 0.3);
      -ms-transform: scale3d(0.3, 0.3, 0.3);
      -o-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  @-webkit-keyframes zoomOutPulse {
    0% {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @-moz-keyframes zoomOutPulse {
    0% {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @-ms-keyframes zoomOutPulse {
    0% {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @-o-keyframes zoomOutPulse {
    0% {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @keyframes zoomOutPulse {
    0% {
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      transform: scale3d(1.4, 1.4, 1.4);
    }
    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @-webkit-keyframes zoomOutQuick {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  @-moz-keyframes zoomOutQuick {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  @-ms-keyframes zoomOutQuick {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  @-o-keyframes zoomOutQuick {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  @keyframes zoomOutQuick {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  @-webkit-keyframes zoomOutDown {
    40% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
    to {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @-moz-keyframes zoomOutDown {
    40% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
    to {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @-ms-keyframes zoomOutDown {
    40% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
    to {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @-o-keyframes zoomOutDown {
    40% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
    to {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @keyframes zoomOutDown {
    40% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
    to {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @-webkit-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
  }
  @-moz-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
  }
  @-ms-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
  }
  @-o-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
  }
  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
  }
  @-webkit-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      -moz-transform-origin: right center;
      -ms-transform-origin: right center;
      -o-transform-origin: right center;
      transform-origin: right center;
    }
  }
  @-moz-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      -moz-transform-origin: right center;
      -ms-transform-origin: right center;
      -o-transform-origin: right center;
      transform-origin: right center;
    }
  }
  @-ms-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      -moz-transform-origin: right center;
      -ms-transform-origin: right center;
      -o-transform-origin: right center;
      transform-origin: right center;
    }
  }
  @-o-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      -moz-transform-origin: right center;
      -ms-transform-origin: right center;
      -o-transform-origin: right center;
      transform-origin: right center;
    }
  }
  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
      -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
      -o-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      -moz-transform-origin: right center;
      -ms-transform-origin: right center;
      -o-transform-origin: right center;
      transform-origin: right center;
    }
  }
  @-webkit-keyframes zoomOutUp {
    40% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
    to {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @-moz-keyframes zoomOutUp {
    40% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
    to {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @-ms-keyframes zoomOutUp {
    40% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
    to {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @-o-keyframes zoomOutUp {
    40% {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
    to {
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @keyframes zoomOutUp {
    40% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
    to {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  }
  @-webkit-keyframes bounceIn {
    0%,
    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.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @-moz-keyframes bounceIn {
    0%,
    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.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @-ms-keyframes bounceIn {
    0%,
    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.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @-o-keyframes bounceIn {
    0%,
    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.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @keyframes bounceIn {
    0%,
    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.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }
  @-webkit-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }
  @-moz-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }
  @-ms-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }
  @-o-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }
  @keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }
  @-webkit-keyframes pressIn {
    to {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
    }
  }
  @-moz-keyframes pressIn {
    to {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
    }
  }
  @-ms-keyframes pressIn {
    to {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
    }
  }
  @-o-keyframes pressIn {
    to {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
    }
  }
  @keyframes pressIn {
    to {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
    }
  }
  @-webkit-keyframes waterIn {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @-moz-keyframes waterIn {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @-ms-keyframes waterIn {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @-o-keyframes waterIn {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @keyframes waterIn {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @-webkit-keyframes pressInSmall {
    to {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @-moz-keyframes pressInSmall {
    to {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @-ms-keyframes pressInSmall {
    to {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @-o-keyframes pressInSmall {
    to {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @keyframes pressInSmall {
    to {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @-webkit-keyframes pressOut {
    0% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-moz-keyframes pressOut {
    0% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-ms-keyframes pressOut {
    0% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-o-keyframes pressOut {
    0% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @keyframes pressOut {
    0% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-webkit-keyframes waterOut {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @-moz-keyframes waterOut {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @-ms-keyframes waterOut {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @-o-keyframes waterOut {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @keyframes waterOut {
    0% {
      -webkit-transform: translate(-45%) scaleX(2);
      -moz-transform: translate(-45%) scaleX(2);
      -ms-transform: translate(-45%) scaleX(2);
      -o-transform: translate(-45%) scaleX(2);
      transform: translate(-45%) scaleX(2);
    }
    to {
      -webkit-transform: translate(0) scaleX(1);
      -moz-transform: translate(0) scaleX(1);
      -ms-transform: translate(0) scaleX(1);
      -o-transform: translate(0) scaleX(1);
      transform: translate(0) scaleX(1);
    }
  }
  @-webkit-keyframes pressOutSmall {
    0% {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @-moz-keyframes pressOutSmall {
    0% {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @-ms-keyframes pressOutSmall {
    0% {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @-o-keyframes pressOutSmall {
    0% {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @keyframes pressOutSmall {
    0% {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
    }
  }
  @-webkit-keyframes expandInDown {
    0% {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @-moz-keyframes expandInDown {
    0% {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @-ms-keyframes expandInDown {
    0% {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @-o-keyframes expandInDown {
    0% {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @keyframes expandInDown {
    0% {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @-webkit-keyframes expandOutUp {
    0% {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @-moz-keyframes expandOutUp {
    0% {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @-ms-keyframes expandOutUp {
    0% {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @-o-keyframes expandOutUp {
    0% {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @keyframes expandOutUp {
    0% {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
    to {
      opacity: 0;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      transform-origin: left top 0;
    }
  }
  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    20% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @-moz-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    20% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @-ms-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    20% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @-o-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    20% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes pulse {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    20% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @-webkit-keyframes shake {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  @-moz-keyframes shake {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  @-ms-keyframes shake {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  @-o-keyframes shake {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  @keyframes shake {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  @-webkit-keyframes press {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-moz-keyframes press {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-ms-keyframes press {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-o-keyframes press {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @keyframes press {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-webkit-keyframes unpress {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-moz-keyframes unpress {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-ms-keyframes unpress {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-o-keyframes unpress {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @keyframes unpress {
    50% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }
  @-webkit-keyframes buttonClick {
    50% {
      -webkit-transform: scale3d(0.95, 0.95, 0.95);
      -moz-transform: scale3d(0.95, 0.95, 0.95);
      -ms-transform: scale3d(0.95, 0.95, 0.95);
      -o-transform: scale3d(0.95, 0.95, 0.95);
      transform: scale3d(0.95, 0.95, 0.95);
    }
  }
  @-moz-keyframes buttonClick {
    50% {
      -webkit-transform: scale3d(0.95, 0.95, 0.95);
      -moz-transform: scale3d(0.95, 0.95, 0.95);
      -ms-transform: scale3d(0.95, 0.95, 0.95);
      -o-transform: scale3d(0.95, 0.95, 0.95);
      transform: scale3d(0.95, 0.95, 0.95);
    }
  }
  @-ms-keyframes buttonClick {
    50% {
      -webkit-transform: scale3d(0.95, 0.95, 0.95);
      -moz-transform: scale3d(0.95, 0.95, 0.95);
      -ms-transform: scale3d(0.95, 0.95, 0.95);
      -o-transform: scale3d(0.95, 0.95, 0.95);
      transform: scale3d(0.95, 0.95, 0.95);
    }
  }
  @-o-keyframes buttonClick {
    50% {
      -webkit-transform: scale3d(0.95, 0.95, 0.95);
      -moz-transform: scale3d(0.95, 0.95, 0.95);
      -ms-transform: scale3d(0.95, 0.95, 0.95);
      -o-transform: scale3d(0.95, 0.95, 0.95);
      transform: scale3d(0.95, 0.95, 0.95);
    }
  }
  @keyframes buttonClick {
    50% {
      -webkit-transform: scale3d(0.95, 0.95, 0.95);
      -moz-transform: scale3d(0.95, 0.95, 0.95);
      -ms-transform: scale3d(0.95, 0.95, 0.95);
      -o-transform: scale3d(0.95, 0.95, 0.95);
      transform: scale3d(0.95, 0.95, 0.95);
    }
  }
  .expandInDown {
    -webkit-animation-name: expandInDown;
    -moz-animation-name: expandInDown;
    -ms-animation-name: expandInDown;
    -o-animation-name: expandInDown;
    animation-name: expandInDown;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .expandInDown,
  .expandOutUp {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .expandOutUp {
    -webkit-animation-name: expandOutUp;
    -moz-animation-name: expandOutUp;
    -ms-animation-name: expandOutUp;
    -o-animation-name: expandOutUp;
    animation-name: expandOutUp;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeIn,
  .fadeInDown {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -ms-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeInDownBig,
  .fadeInLeft {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -ms-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeInLeftBig,
  .fadeInRight {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -ms-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeInRightBig,
  .fadeInUp {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -ms-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOut,
  .fadeOutDown {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -ms-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -ms-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOutDownBig,
  .fadeOutLeft {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -ms-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -ms-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOutLeftBig,
  .fadeOutRight {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -ms-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -ms-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOutRightBig,
  .fadeOutUp {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -ms-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeOutUpBig,
  .slideInDown {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -ms-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -ms-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -ms-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -ms-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .slideInLeft,
  .slideInRight {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -ms-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -ms-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    -ms-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -ms-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .slideOutDown {
    -webkit-animation-name: slideOutDown;
    -moz-animation-name: slideOutDown;
    -ms-animation-name: slideOutDown;
    -o-animation-name: slideOutDown;
    animation-name: slideOutDown;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .slideOutDown,
  .slideOutLeft {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -ms-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -ms-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .slideOutRight,
  .slideOutUp {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -ms-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomIn,
  .zoomInPulse {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .zoomInPulse {
    -webkit-animation-name: zoomInPulse;
    -moz-animation-name: zoomInPulse;
    -ms-animation-name: zoomInPulse;
    -o-animation-name: zoomInPulse;
    animation-name: zoomInPulse;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomInQuick {
    -webkit-animation-name: zoomInQuick;
    -moz-animation-name: zoomInQuick;
    -ms-animation-name: zoomInQuick;
    -o-animation-name: zoomInQuick;
    animation-name: zoomInQuick;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomInDown,
  .zoomInQuick {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .zoomInDown {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    -ms-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    -ms-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomInLeft,
  .zoomInRight {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .zoomInRight {
    -webkit-animation-name: zoomInRight;
    -moz-animation-name: zoomInRight;
    -ms-animation-name: zoomInRight;
    -o-animation-name: zoomInRight;
    animation-name: zoomInRight;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomInUp {
    -webkit-animation-name: zoomInUp;
    -moz-animation-name: zoomInUp;
    -ms-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomInUp,
  .zoomOut {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -ms-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomOutPulse {
    -webkit-animation-name: zoomOutPulse;
    -moz-animation-name: zoomOutPulse;
    -ms-animation-name: zoomOutPulse;
    -o-animation-name: zoomOutPulse;
    animation-name: zoomOutPulse;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .zoomOutQuick {
    -webkit-animation-name: zoomOutQuick;
    -moz-animation-name: zoomOutQuick;
    -ms-animation-name: zoomOutQuick;
    -o-animation-name: zoomOutQuick;
    animation-name: zoomOutQuick;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomOutDown,
  .zoomOutQuick {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -moz-animation-name: zoomOutDown;
    -ms-animation-name: zoomOutDown;
    -o-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -moz-animation-name: zoomOutLeft;
    -ms-animation-name: zoomOutLeft;
    -o-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomOutLeft,
  .zoomOutRight {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -moz-animation-name: zoomOutRight;
    -ms-animation-name: zoomOutRight;
    -o-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -moz-animation-name: zoomOutUp;
    -ms-animation-name: zoomOutUp;
    -o-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .bounceIn,
  .zoomOutUp {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -ms-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -ms-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .pressIn {
    -webkit-animation-name: pressIn;
    -moz-animation-name: pressIn;
    -ms-animation-name: pressIn;
    -o-animation-name: pressIn;
    animation-name: pressIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .pressIn,
  .pressInSmall {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .pressInSmall {
    -webkit-animation-name: pressInSmall;
    -moz-animation-name: pressInSmall;
    -ms-animation-name: pressInSmall;
    -o-animation-name: pressInSmall;
    animation-name: pressInSmall;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .pressOut {
    -webkit-animation-name: pressOut;
    -moz-animation-name: pressOut;
    -ms-animation-name: pressOut;
    -o-animation-name: pressOut;
    animation-name: pressOut;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .pressOut,
  .pressOutSmall {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .pressOutSmall {
    -webkit-animation-name: pressOutSmall;
    -moz-animation-name: pressOutSmall;
    -ms-animation-name: pressOutSmall;
    -o-animation-name: pressOutSmall;
    animation-name: pressOutSmall;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .waterIn {
    -webkit-animation-name: waterIn;
    -moz-animation-name: waterIn;
    -ms-animation-name: waterIn;
    -o-animation-name: waterIn;
    animation-name: waterIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .waterIn,
  .waterOut {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .waterOut {
    -webkit-animation-name: waterOut;
    -moz-animation-name: waterOut;
    -ms-animation-name: waterOut;
    -o-animation-name: waterOut;
    animation-name: waterOut;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .pulse,
  .shake {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -ms-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .press {
    -webkit-animation-name: press;
    -moz-animation-name: press;
    -ms-animation-name: press;
    -o-animation-name: press;
    animation-name: press;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .press,
  .unpress {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .unpress {
    -webkit-animation-name: unpress;
    -moz-animation-name: unpress;
    -ms-animation-name: unpress;
    -o-animation-name: unpress;
    animation-name: unpress;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .buttonClick {
    -webkit-animation-name: buttonClick;
    -moz-animation-name: buttonClick;
    -ms-animation-name: buttonClick;
    -o-animation-name: buttonClick;
    animation-name: buttonClick;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .next-overlay-backdrop {
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
  }
  .opened .next-overlay-backdrop {
    opacity: 0.2;
  }
  .next-overlay-wrapper .next-overlay-inner {
    z-index: 1001;
  }
  @font-face {
    font-family: NextIcon;
    src: url(../fonts/font_t6jzs3l3nwtmaemi.eot);
    src: url(../fonts/font_t6jzs3l3nwtmaemi.eot#iefix) format("embedded-opentype"),
      url(../fonts/font_t6jzs3l3nwtmaemi.woff) format("woff"),
      url(../fonts/font_t6jzs3l3nwtmaemi.ttf) format("truetype"),
      url(../images/font_t6jzs3l3nwtmaemi.svg#articonsvg) format("svg");
  }
  .next-icon {
    position: relative;
    display: inline-block;
    font-family: NextIcon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
  }
  .next-icon:before {
    display: inline-block;
    speak: none;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
  }
  .next-icon-left {
    margin-right: 4px;
  }
  .next-icon-right {
    margin-left: 4px;
  }
  .next-icon-xxs:before {
    width: 8px;
    font-size: 8px;
    line-height: inherit;
  }
  @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .next-icon-xxs {
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5);
      margin-left: -4px;
      margin-right: -4px;
    }
    .next-icon-xxs:before {
      width: 16px;
      font-size: 16px;
    }
  }
  .next-icon-xs:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit;
  }
  .next-icon-small:before {
    width: 16px;
    font-size: 16px;
    line-height: inherit;
  }
  .next-icon-medium:before {
    width: 20px;
    font-size: 20px;
    line-height: inherit;
  }
  .next-icon-large:before {
    width: 24px;
    font-size: 24px;
    line-height: inherit;
  }
  .next-icon-xl:before {
    width: 32px;
    font-size: 32px;
    line-height: inherit;
  }
  .next-icon-xxl:before {
    width: 48px;
    font-size: 48px;
    line-height: inherit;
  }
  .next-icon-xxxl:before {
    width: 64px;
    font-size: 64px;
    line-height: inherit;
  }
  @keyframes loadingCircle {
    0% {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
  }
  .next-icon-loading:before {
    content: "\E67C";
    -webkit-animation: loadingCircle 2s linear infinite;
    animation: loadingCircle 2s linear infinite;
  }
  .next-icon-all:before {
    content: "\E662";
  }
  .next-icon-cart:before {
    content: "\E618";
  }
  .next-icon-comments:before {
    content: "\E605";
  }
  .next-icon-cry:before {
    content: "\E61A";
  }
  .next-icon-email:before {
    content: "\E663";
  }
  .next-icon-favorite:before {
    content: "\E60A";
  }
  .next-icon-folder:before {
    content: "\E61B";
  }
  .next-icon-form:before {
    content: "\E61C";
  }
  .next-icon-help:before {
    content: "\E61F";
  }
  .next-icon-refresh:before {
    content: "\E621";
  }
  .next-icon-set:before {
    content: "\E623";
  }
  .next-icon-training:before {
    content: "\E624";
  }
  .next-icon-account:before {
    content: "\E664";
  }
  .next-icon-atm:before {
    content: "\E626";
  }
  .next-icon-clock:before {
    content: "\E615";
  }
  .next-icon-attachment:before {
    content: "\E627";
  }
  .next-icon-3column:before {
    content: "\E628";
  }
  .next-icon-4column:before {
    content: "\E629";
  }
  .next-icon-discount:before {
    content: "\E62A";
  }
  .next-icon-service:before {
    content: "\E62B";
  }
  .next-icon-print:before {
    content: "\E62C";
  }
  .next-icon-box:before {
    content: "\E62D";
  }
  .next-icon-process:before {
    content: "\E62E";
  }
  .next-icon-bags:before {
    content: "\E62F";
  }
  .next-icon-electronics:before {
    content: "\E630";
  }
  .next-icon-gifts:before {
    content: "\E631";
  }
  .next-icon-lights:before {
    content: "\E632";
  }
  .next-icon-auto:before {
    content: "\E633";
  }
  .next-icon-browse:before {
    content: "\E634";
  }
  .next-icon-atm-away:before {
    content: "\E635";
  }
  .next-icon-scanning:before {
    content: "\E636";
  }
  .next-icon-compare:before {
    content: "\E637";
  }
  .next-icon-filter:before {
    content: "\E638";
  }
  .next-icon-pin:before {
    content: "\E639";
  }
  .next-icon-history:before {
    content: "\E63A";
  }
  .next-icon-similar-product:before {
    content: "\E63B";
  }
  .next-icon-link:before {
    content: "\E63C";
  }
  .next-icon-cut:before {
    content: "\E64A";
  }
  .next-icon-table:before {
    content: "\E63E";
  }
  .next-icon-nav-list:before {
    content: "\E63F";
  }
  .next-icon-image-text:before {
    content: "\E640";
  }
  .next-icon-text:before {
    content: "\E641";
  }
  .next-icon-move:before {
    content: "\E642";
  }
  .next-icon-subtract:before {
    content: "\E650";
  }
  .next-icon-dollar:before {
    content: "\E643";
  }
  .next-icon-office:before {
    content: "\E644";
  }
  .next-icon-operation:before {
    content: "\E645";
  }
  .next-icon-download:before {
    content: "\E646";
  }
  .next-icon-map:before {
    content: "\E647";
  }
  .next-icon-bad:before {
    content: "\E648";
  }
  .next-icon-good:before {
    content: "\E649";
  }
  .next-icon-skip:before {
    content: "\E64B";
  }
  .next-icon-play:before {
    content: "\E64C";
  }
  .next-icon-stop:before {
    content: "\E64D";
  }
  .next-icon-compass:before {
    content: "\E64E";
  }
  .next-icon-security:before {
    content: "\E64F";
  }
  .next-icon-share:before {
    content: "\E651";
  }
  .next-icon-store:before {
    content: "\E652";
  }
  .next-icon-phone:before {
    content: "\E653";
  }
  .next-icon-ellipsis:before {
    content: "\E654";
  }
  .next-icon-email-filling:before {
    content: "\E665";
  }
  .next-icon-favorites-filling:before {
    content: "\E666";
  }
  .next-icon-account-filling:before {
    content: "\E667";
  }
  .next-icon-credit-level:before {
    content: "\E65A";
  }
  .next-icon-credit-level-filling:before {
    content: "\E65C";
  }
  .next-icon-mobile-phone:before {
    content: "\E65D";
  }
  .next-icon-smile:before {
    content: "\E668";
  }
  .next-icon-personal-center:before {
    content: "\E669";
  }
  .next-icon-arrow-up-filling:before {
    content: "\E601";
  }
  .next-icon-arrow-right:before {
    content: "\E603";
  }
  .next-icon-arrow-left:before {
    content: "\E682";
  }
  .next-icon-arrow-down:before {
    content: "\E66B";
  }
  .next-icon-arrow-up:before {
    content: "\E66C";
  }
  .next-icon-add:before {
    content: "\E66F";
  }
  .next-icon-minus:before {
    content: "\E670";
  }
  .next-icon-delete-filling:before {
    content: "\E681";
  }
  .next-icon-edit:before {
    content: "\E613";
  }
  .next-icon-error:before {
    content: "\E672";
  }
  .next-icon-select:before {
    content: "\E673";
  }
  .next-icon-ashbin:before {
    content: "\E61E";
  }
  .next-icon-calendar:before {
    content: "\E620";
  }
  .next-icon-time:before {
    content: "\E622";
  }
  .next-icon-success:before {
    content: "\E674";
  }
  .next-icon-warning:before {
    content: "\E675";
  }
  .next-icon-search:before {
    content: "\E656";
  }
  .next-icon-display:before {
    content: "\E677";
  }
  .next-icon-category:before {
    content: "\E658";
  }
  .next-icon-prompt:before {
    content: "\E678";
  }
  .next-icon-arrow-down-filling:before {
    content: "\E65B";
  }
  .next-icon-sorting:before {
    content: "\E676";
  }
  .next-icon-ascending:before {
    content: "\E606";
  }
  .next-icon-descending:before {
    content: "\E608";
  }
  .next-icon-success-filling:before {
    content: "\E679";
  }
  .next-icon-picture:before {
    content: "\E60C";
  }
  .next-icon-close:before {
    content: "\E67A";
  }
  .next-icon-semi-select:before {
    content: "\E67B";
  }
  .next-icon-tag-subscript:before {
    content: "\E614";
  }
  .next-icon-survey:before {
    content: "\E65F";
  }
  .next-icon-arrow-double-left:before {
    content: "\E616";
  }
  .next-icon-arrow-double-right:before {
    content: "\E661";
  }
  @-moz-document url-prefix() {
    @supports (-moz-osx-font-smoothing: auto) and
      ((-webkit-animation: calc(0s)) or (animation: calc(0s))) {
      .next-icon:before {
        margin-top: -5px;
      }
    }
  }
  .next-balloon {
    color: #333;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC,
      Microsoft YaHei;
    font-size: 14px;
    line-height: 1.28571;
    position: absolute;
    border: 1px solid transparent;
    max-width: 300px;
    border-radius: 0;
    word-wrap: break-word;
  }
  .next-balloon,
  .next-balloon *,
  .next-balloon :after,
  .next-balloon :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .next-balloon-primary {
    color: #333;
    border-color: #2192d9;
    background-color: #e8f6ff;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.32);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.32);
  }
  .next-balloon-primary .next-balloon-close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 12px;
    color: #999;
  }
  .next-balloon-primary .next-balloon-close .next-icon {
    width: 12px;
    height: 12px;
    line-height: 12px;
  }
  .next-balloon-primary .next-balloon-close .next-icon:before {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
  }
  .next-balloon-primary .next-balloon-close :hover {
    color: #333;
  }
  .next-balloon-primary:after {
    position: absolute;
    width: 12px;
    height: 12px;
    content: " ";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #2192d9;
    background-color: #e8f6ff;
  }
  .next-balloon-primary.next-balloon-top:after {
    top: -7px;
    left: calc(50% - 7px);
    border-right: none;
    border-bottom: none;
    -webkit-box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-primary.next-balloon-right:after {
    top: calc(50% - 7px);
    right: -7px;
    border-left: none;
    border-bottom: none;
    -webkit-box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-primary.next-balloon-bottom:after {
    bottom: -7px;
    left: calc(50% - 7px);
    border-top: none;
    border-left: none;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-primary.next-balloon-left:after {
    top: calc(50% - 7px);
  }
  .next-balloon-primary.next-balloon-left-top:after,
  .next-balloon-primary.next-balloon-left:after {
    left: -7px;
    border-top: none;
    border-right: none;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-primary.next-balloon-left-top:after {
    top: 12px;
  }
  .next-balloon-primary.next-balloon-left-bottom:after {
    bottom: 12px;
    left: -7px;
    border-top: none;
    border-right: none;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-primary.next-balloon-right-top:after {
    top: 12px;
  }
  .next-balloon-primary.next-balloon-right-bottom:after,
  .next-balloon-primary.next-balloon-right-top:after {
    right: -7px;
    border-bottom: none;
    border-left: none;
    -webkit-box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-primary.next-balloon-right-bottom:after {
    bottom: 12px;
  }
  .next-balloon-primary.next-balloon-top-left:after {
    left: 12px;
  }
  .next-balloon-primary.next-balloon-top-left:after,
  .next-balloon-primary.next-balloon-top-right:after {
    top: -7px;
    border-right: none;
    border-bottom: none;
    -webkit-box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-primary.next-balloon-top-right:after {
    right: 12px;
  }
  .next-balloon-primary.next-balloon-bottom-left:after {
    left: 12px;
  }
  .next-balloon-primary.next-balloon-bottom-left:after,
  .next-balloon-primary.next-balloon-bottom-right:after {
    bottom: -7px;
    border-top: none;
    border-left: none;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-primary.next-balloon-bottom-right:after {
    right: 12px;
  }
  .next-balloon-normal {
    color: #333;
    border-color: transparent;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.32);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.32);
  }
  .next-balloon-normal .next-balloon-close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 12px;
    color: #999;
  }
  .next-balloon-normal .next-balloon-close .next-icon {
    width: 12px;
    height: 12px;
    line-height: 12px;
  }
  .next-balloon-normal .next-balloon-close .next-icon:before {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
  }
  .next-balloon-normal .next-balloon-close :hover {
    color: #333;
  }
  .next-balloon-normal:after {
    position: absolute;
    width: 12px;
    height: 12px;
    content: " ";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid transparent;
    background-color: #fff;
  }
  .next-balloon-normal.next-balloon-top:after {
    top: -7px;
    left: calc(50% - 7px);
    border-right: none;
    border-bottom: none;
    -webkit-box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-normal.next-balloon-right:after {
    top: calc(50% - 7px);
    right: -7px;
    border-left: none;
    border-bottom: none;
    -webkit-box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-normal.next-balloon-bottom:after {
    bottom: -7px;
    left: calc(50% - 7px);
    border-top: none;
    border-left: none;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-normal.next-balloon-left:after {
    top: calc(50% - 7px);
  }
  .next-balloon-normal.next-balloon-left-top:after,
  .next-balloon-normal.next-balloon-left:after {
    left: -7px;
    border-top: none;
    border-right: none;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-normal.next-balloon-left-top:after {
    top: 12px;
  }
  .next-balloon-normal.next-balloon-left-bottom:after {
    bottom: 12px;
    left: -7px;
    border-top: none;
    border-right: none;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-normal.next-balloon-right-top:after {
    top: 12px;
  }
  .next-balloon-normal.next-balloon-right-bottom:after,
  .next-balloon-normal.next-balloon-right-top:after {
    right: -7px;
    border-bottom: none;
    border-left: none;
    -webkit-box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-normal.next-balloon-right-bottom:after {
    bottom: 12px;
  }
  .next-balloon-normal.next-balloon-top-left:after {
    left: 12px;
  }
  .next-balloon-normal.next-balloon-top-left:after,
  .next-balloon-normal.next-balloon-top-right:after {
    top: -7px;
    border-right: none;
    border-bottom: none;
    -webkit-box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-normal.next-balloon-top-right:after {
    right: 12px;
  }
  .next-balloon-normal.next-balloon-bottom-left:after {
    left: 12px;
  }
  .next-balloon-normal.next-balloon-bottom-left:after,
  .next-balloon-normal.next-balloon-bottom-right:after {
    bottom: -7px;
    border-top: none;
    border-left: none;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .next-balloon-normal.next-balloon-bottom-right:after {
    right: 12px;
  }
  .next-balloon.visible {
    display: block;
  }
  .next-balloon.hidden {
    display: none;
  }
  .next-balloon-medium {
    padding: 16px;
  }
  .next-balloon-closable {
    padding: 16px 28px 16px 16px;
  }
  .next-balloon-tooltip {
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC,
      Microsoft YaHei;
    font-size: 14px;
    line-height: 1.28571;
    position: absolute;
    max-width: 300px;
    border-radius: 0;
    color: #333;
    border: 1px solid #dcdee3;
    background-color: #f7f8fa;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .next-balloon-tooltip,
  .next-balloon-tooltip *,
  .next-balloon-tooltip :after,
  .next-balloon-tooltip :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .next-balloon-tooltip:after {
    position: absolute;
    width: 12px;
    height: 12px;
    content: " ";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #dcdee3;
    background-color: #f7f8fa;
  }
  .next-balloon-tooltip-top:after {
    top: -7px;
    left: calc(50% - 7px);
    border-right: none;
    border-bottom: none;
  }
  .next-balloon-tooltip-right:after {
    top: calc(50% - 7px);
    right: -7px;
    border-left: none;
    border-bottom: none;
  }
  .next-balloon-tooltip-bottom:after {
    bottom: -7px;
    left: calc(50% - 7px);
    border-top: none;
    border-left: none;
  }
  .next-balloon-tooltip-left:after {
    top: calc(50% - 7px);
    left: -7px;
    border-top: none;
    border-right: none;
  }
  .next-balloon-tooltip-left-top:after {
    top: 12px;
    left: -7px;
    border-top: none;
    border-right: none;
  }
  .next-balloon-tooltip-left-bottom:after {
    bottom: 12px;
    left: -7px;
    border-top: none;
    border-right: none;
  }
  .next-balloon-tooltip-right-top:after {
    top: 12px;
    right: -7px;
    border-bottom: none;
    border-left: none;
  }
  .next-balloon-tooltip-right-bottom:after {
    right: -7px;
    bottom: 12px;
    border-bottom: none;
    border-left: none;
  }
  .next-balloon-tooltip-top-left:after {
    top: -7px;
    left: 12px;
    border-right: none;
    border-bottom: none;
  }
  .next-balloon-tooltip-top-right:after {
    top: -7px;
    right: 12px;
    border-right: none;
    border-bottom: none;
  }
  .next-balloon-tooltip-bottom-left:after {
    bottom: -7px;
    left: 12px;
    border-top: none;
    border-left: none;
  }
  .next-balloon-tooltip-bottom-right:after {
    right: 12px;
    bottom: -7px;
    border-top: none;
    border-left: none;
  }
  .next-balloon-tooltip.visible {
    display: block;
  }
  .next-balloon-tooltip.hidden {
    display: none;
  }
  .next-balloon-tooltip-medium {
    padding: 8px;
  }
  .hidden {
    display: none;
  }
  .visibility-hidden {
    visibility: hidden;
  }
  .lzd-message-date {
    font-size: 14px;
    color: #999;
    letter-spacing: -0.08px;
    text-align: center;
    margin-bottom: 16px;
  }
  .lzd-message-item {
    padding: 5px;
    height: auto;
    width: auto;
    max-width: 750px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #f9f9f9;
    background-color: #fff;
    border-radius: 8px;
  }
  .lzd-message-item.no-border {
    padding: 0;
    background: none !important;
  }
  .self {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .self .lzd-message-item {
    background: #e3f0ff;
  }
  .self .lzd-message-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .self .lzd-message-text.translation:before {
    border-top: 1px solid #b8d1d6;
  }
  .item-avatar {
    margin-top: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .session-list .loading-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden;
  }
  .session-list .virtualize-box {
    position: relative;
    width: 100%;
  }
  .session-list .session-item {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .session-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 6px 25px 6px 12px;
    height: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: none;
  }
  .session-item:hover {
    background: #f2f3f7;
  }
  .session-item:hover .btn-delete {
    opacity: 1;
  }
  .session-item.active-true {
    background: #eff5f7;
  }
  .session-item .avatar-placeholder,
  .session-item .simple-avatar {
    width: 36px;
    height: 36px;
    background: #eee;
  }
  .session-item .content {
    margin-left: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .session-item .content,
  .session-item .row {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .session-item .title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .session-item .user-tag {
    display: inline-block;
    padding: 0 6px;
    background: #1e475f;
    font-size: 11px;
    color: #fff;
    border-radius: 6px;
    margin-left: 3px;
    height: 20px;
    line-height: 20px;
  }
  .session-item .date {
    font-size: 12px;
    line-height: 20px;
    padding-left: 4px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .session-item .desc {
    margin-top: 5px;
    max-height: 30px;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    word-break: break-all;
  }
  .session-item .badge {
    margin-top: 5px;
    height: 16px;
    border-radius: 8px;
    background: #f96150;
    text-align: center;
    line-height: 12px;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0;
    line-height: 16px;
    padding: 0 5px;
  }
  .session-item .btn-delete {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
  }
  .session-item .high-light {
    color: #4ebbff;
  }
  .session-item .avatar-box {
    position: relative;
  }
  .session-item .avatar-box .user-tag-icon {
    position: absolute;
    z-index: 1;
    right: -4px;
    bottom: -4px;
    width: 16px;
    height: 16px;
  }
  .search-bar {
    min-width: 0;
    width: 100%;
    padding: 5px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 12px;
  }
  .search-bar .simple-select {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
  .search-bar .input-box {
    width: 100%;
    background: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search-bar .input-box > i {
    padding: 4px;
    color: grey;
    cursor: pointer;
  }
  .search-bar .simple-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 12px;
    height: 26px;
    border: none;
    margin: 0;
    vertical-align: baseline;
    line-height: normal;
    background: #f0f0f0;
  }
  .search-bar .simple-tab {
    padding-left: 0;
    height: 27px;
    line-height: 20px;
  }
  .search-bar .simple-tab .tab-item {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .search-bar .simple-tab .tab-item,
  .session-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .session-layout {
    width: 100%;
    min-width: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .session-layout .hidden {
    display: none;
  }
  .session-layout .invisible {
    visibility: hidden;
  }
  .session-layout input:active,
  .session-layout input:focus,
  .session-layout input:visited {
    outline: none;
  }
  .session-layout .agent-filter {
    margin: 0 auto;
  }
  .session-layout .agent-filter .dropdwon {
    width: 100%;
  }
  .session-layout .assign-all {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    color: #fff;
  }
  .text-overflow {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .two-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
  }
  .user-type-2 .message-withdraw {
    display: none !important;
  }
  .im-app {
    font-family: Roboto, sans-serif;
    height: 500px;
    width: 740px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: none;
    border-radius: 2px 2px 0 0;
    -webkit-box-shadow: 0 0 7px 0 #999;
    box-shadow: 0 0 7px 0 #999;
    position: fixed;
    bottom: 0;
    right: 50px;
    z-index: 1000000;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  .im-app.opening {
    -webkit-transform: scale(0.21622, 0.08);
    -ms-transform: scale(0.21622, 0.08);
    transform: scale(0.21622, 0.08);
  }
  .im-app.opened {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.4, 1);
    -o-transition: all 0.4s cubic-bezier(0.2, 1, 0.4, 1);
    transition: all 0.4s cubic-bezier(0.2, 1, 0.4, 1);
  }
  .im-app.closing {
    -webkit-transform: scale(4.625, 12.5);
    -ms-transform: scale(4.625, 12.5);
    transform: scale(4.625, 12.5);
  }
  .im-app.closed {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .im-app.im-app--mod-minimize {
    width: 160px;
    height: 40px;
    border-radius: 2px 2px 0 0;
    -webkit-box-shadow: 0 2px 4px 0;
    box-shadow: 0 2px 4px 0;
    color: #003e52;
    cursor: pointer;
  }
  .im-app.im-app--mod-minimize button {
    width: 160px;
  }
  .im-app .cont-maximize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .im-app__cont-minimize {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: transparent;
    border: none;
    height: 100%;
    cursor: pointer;
  }
  .im-app__cont-minimize,
  .im-app__cont-minimize .button-mod-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .im-app__cont-minimize .button-mod-box {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    min-width: 135px;
  }
  .im-app__cont-minimize:active,
  .im-app__cont-minimize:focus,
  .im-app__cont-minimize:hover {
    outline: none;
  }
  .im-app__cont-minimize path {
    fill: #044254;
  }
  .im-app__cont-minimize .im-app__minimize-title {
    margin-left: 8px;
    display: inline-block;
    font-size: 18px;
    color: #044254;
  }
  .im-app__cont-minimize:active {
    background: #044254;
  }
  .im-app__cont-minimize:active path {
    fill: #fff;
  }
  .im-app__cont-minimize:active .im-app__minimize-title {
    color: #fff;
  }
  .im-app__minimize-badge {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 16px;
    color: #fff;
    margin-left: 5px;
    display: inline-block;
    height: 20px;
    min-width: 20px;
    border-radius: 20px;
    background: #d43;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 1px 6px;
  }
  .im-app__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
  }
  .im-app__overlay.im-app__overlay--hidden {
    display: none;
  }
  :focus {
    outline: none;
  }
  .clickable {
    cursor: pointer;
  }
  .message-view-title {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e6e7eb;
    height: 50px;
    padding: 0 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .message-view-title__content {
    font-size: 18px;
    color: #424242;
    font-family: HelveticaNeue-Medium;
    text-align: left;
    line-height: 20px;
  }
  .message-view-title__btn-action-close {
    cursor: pointer;
    color: #9e9e9e;
    font-size: 18px;
    background: transparent;
    border: none;
  }
  .session-toolbar {
    background: #fff;
    border-bottom: 1px solid #e6e7eb;
    height: 50px;
    line-height: 50px;
    padding: 0 21px;
  }
  .session-toolbar__title {
    display: inline-block;
    font-size: 18px;
    color: #757575;
    margin-left: 8px;
    font-family: HelveticaNeue-Medium;
    line-height: 20px;
  }
  .session-toolbar__icon {
    display: inline-block;
    top: 3px;
    position: relative;
    line-height: normal;
    color: #757575;
  }
  .left-sidebar {
    width: 272px;
    height: 100%;
    border-right: 1px solid #e6e7eb;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .left-sidebar .blank {
    height: 100%;
    background-color: #eff0f5;
  }
  .login-box {
    text-align: center;
    font-size: 16px;
    color: #4c8296;
  }
  .login-box > span {
    cursor: pointer;
  }
  .im-app .login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .im-app .login .message-view-title {
    text-transform: capitalize;
  }
  .im-app .login .message-view-content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .im-app .login .message-view-content .empty-box {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 27% auto 20px;
  }
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
  }
  .overlay--mod-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .im-button {
    display: inline-block;
    padding: 8px 21px;
    font-size: 12px;
    background: #dadada;
    border: 1px solid #dadada;
    text-transform: uppercase;
    color: #fff;
    line-height: 12px;
    cursor: pointer;
  }
  .im-button:disabled {
    cursor: not-allowed;
  }
  .im-button--mod-primary:not(:disabled) {
    background: #1a9cb7;
    border-color: #1a9cb7;
  }
  .im-button--mod-clear {
    border: none;
    background: transparent;
    padding: 0;
  }
  .image-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .image-preview__footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
    padding: 0 18px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  .image-preview__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 20px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .image-preview--mod-is-uploaded .image-preview__content {
    margin-top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 46px;
  }
  .image-preview__button {
    margin-left: 8px;
  }
  .image-preview__img {
    max-width: 100%;
    max-height: 385px;
    display: block;
  }
  .image-preview__overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .image-preview__img-wrap {
    display: inline-block;
  }
  .image-preview__progress {
    height: 3px;
    margin-top: 5px;
    width: 100%;
  }
  .image-preview__progress-inner {
    background: #1a9cb7;
    height: 3px;
    opacity: 0.5;
    width: 0;
    -webkit-transition: width 0.1s ease;
    -o-transition: width 0.1s ease;
    transition: width 0.1s ease;
  }
  .image-preview__header {
    height: 46px;
    padding: 0 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .image-preview__close {
    margin-left: 25px;
    cursor: pointer;
  }
  .image-preview__im-button {
    margin-left: 10px;
  }
  .skeleton-dummy {
    height: 10px;
    width: 100%;
    -webkit-animation: skeleton-animation 1.2s ease-in-out infinite;
    animation: skeleton-animation 1.2s ease-in-out infinite;
    background-color: #eee;
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#eee),
      color-stop(#f5f5f5),
      to(#eee)
    );
    background-image: -webkit-linear-gradient(left, #eee, #f5f5f5, #eee);
    background-image: -o-linear-gradient(left, #eee, #f5f5f5, #eee);
    background-image: linear-gradient(90deg, #eee, #f5f5f5, #eee);
    background-repeat: no-repeat;
    background-size: 200px 100%;
  }
  @-webkit-keyframes skeleton-animation {
    0% {
      background-position: -200px 0;
    }
    to {
      background-position: calc(200px + 100%) 0;
    }
  }
  @keyframes skeleton-animation {
    0% {
      background-position: -200px 0;
    }
    to {
      background-position: calc(200px + 100%) 0;
    }
  }
  .skeleton-message {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .skeleton-message,
  .skeleton-message__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .skeleton-message__content {
    width: 250px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .skeleton-message__avatar {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }
  .skeleton-message__line {
    height: 10px;
    margin-bottom: 3px;
    width: 210px;
  }
  .skeleton-message__line:last-child {
    margin-bottom: 0;
  }
  .skeleton-message__date {
    width: 40px;
    margin-right: 5px;
  }
  .skeleton-message_type_seller,
  .skeleton-message_type_seller .skeleton-message__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .skeleton-message_type_seller .skeleton-message__avatar {
    margin-left: 0;
    margin-right: 10px;
  }
  .skeleton-message_type_seller .skeleton-message__date {
    margin-right: 0;
    margin-left: 5px;
  }
  .skeleton-message_type_session {
    padding: 15px 10px 19px 12px;
    border-bottom: 1px solid #e6e7eb;
    height: 96px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
  }
  .skeleton-message_type_session,
  .skeleton-message_type_session .skeleton-message__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .skeleton-message_type_session .skeleton-message__content {
    width: 202px;
  }
  .skeleton-message_type_session .skeleton-message__avatar {
    margin-left: 0;
    margin-right: 10px;
  }
  .skeleton-message_type_session .skeleton-message__date {
    margin-right: 0;
    margin-left: 5px;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .skeleton-message_type_session .skeleton-message__line {
    width: 165px;
    height: 25px;
  }
  .skeleton-message + .skeleton-message {
    margin-top: 30px;
  }
  .skeleton-message + .skeleton-message_type_session {
    margin: 0;
  }
  .skeleton-messages-list {
    padding: 17px 16px;
  }
  .lzd-arena {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .message-view-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f9f9f9;
  }
  .message-view-content .on-board-warning {
    position: absolute;
    top: 0;
    z-index: 99;
    font-size: 18px;
    color: #333;
    padding: 16px;
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .message-view-content .on-board-warning img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    float: left;
  }
  .message-view-content--mod-loading {
    overflow: hidden;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .message-view-content__spinner {
    text-align: center;
  }
  .message-view-content .message-box {
    height: 100%;
  }
  .message-view-content .message-box .message-row {
    padding-left: 6px;
    padding-right: 12px;
  }
  .message-view-content .message-box .message-row.user-type-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .message-view-content .message-box .message-row.user-type-2 .read-type {
    display: none;
  }
  .message-view-content .message-box .message-row.user-type-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .message-view-content .empty-box {
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 285px;
    color: #757575;
    margin: 50% auto 0;
    font-size: 14px;
  }
  .message-view-content .empty-icon {
    margin-bottom: 35px;
    display: inline-block;
  }
  .message-view-content .lzd-message-item .img-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .message-view-content .lzd-message-item .card-img {
    width: 82px;
  }
  .message-view-content .emoji-face {
    cursor: text;
  }
  .message-view-content .emoji-img {
    vertical-align: bottom;
  }
  .message-view-content .emoji-img img {
    vertical-align: bottom;
    height: 30px;
  }
  .message-view-content .has-text .emoji-img img,
  .message-view-content .many-emoji .emoji-img img {
    height: 20px;
  }
  .message-view-content .hide-for-select {
    position: absolute;
    opacity: 0;
    left: -9999px;
    top: -9999px;
  }
  .skeleton-messages-list {
    background: #fff;
    z-index: 99;
  }
  .donwload-address {
    margin: 4px 0;
  }
  .donwload-address a {
    font-size: 12px;
    font-weight: 700;
    color: #00b5e0;
    text-decoration: underline;
  }
  .im-emotions {
    display: inline-block;
    position: relative;
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .im-emotions .simple-tab {
    padding: 0;
    border-top: 1px solid #ddd;
  }
  .im-emotions .simple-tab .tab-item {
    max-width: 50px;
  }
  .im-emotions .simple-tab .tab-item .ripple {
    height: 100%;
    width: 100%;
    background: transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding-top: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .im-emotions .simple-tab .tab-item.selected .ripple {
    background: rgba(0, 0, 0, 0.08);
  }
  .im-emotions .simple-tab .tab-item img {
    height: 30px;
    width: 30px;
  }
  .im-emotions .emoji-item,
  .im-emotions .emoji-list,
  .im-emotions .scroll-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .im-emotions .emoji-list {
    height: 260px;
    overflow: hidden;
  }
  .im-emotions .emoji-list .scroll-content {
    padding-top: 5px;
    padding-bottom: 15px;
  }
  .im-emotions .emoji-list .emoji-item {
    display: inline-block;
    width: 25%;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
  }
  .im-emotions .emoji-list .emoji-item-pic {
    width: 70px;
    height: 70px;
  }
  .im-emotions .emoji-list .emoji-item-label {
    display: block;
    color: #757575;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .file-upload {
    display: inline-block;
    position: relative;
  }
  .file-upload__control {
    position: absolute;
  }
  .balloon {
    display: inline-block;
    position: relative;
  }
  .balloon__wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 3px;
    word-wrap: break-word;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    padding: 0;
    bottom: calc(100% + 10px);
    right: calc(50% - 14px);
    width: 306px;
  }
  .balloon__wrapper:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -8px;
    right: 10px;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  .balloon--hidden .balloon__wrapper {
    display: none;
  }
  .message-view-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px;
    background: #f9f9f9;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-top: 1px solid #ebecf0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .message-view-field__input-additional {
    margin: 0 10px;
    display: inline-block;
    cursor: pointer;
  }
  .message-view-field__input-block {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 2px 6px 2px 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #cdced2;
    border-radius: 20px;
    position: relative;
    margin-left: 11px;
  }
  .message-view-field__input-block .iconfont {
    color: #999;
    cursor: pointer;
  }
  .message-view-field__input-block .emoji-face {
    height: 30px;
  }
  .message-view-field__input-block .toast-tip-message {
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
    background-color: #1a9cb7;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  }
  .message-view-field__textarea {
    border: none;
    line-height: 20px;
    font-size: 14px;
    color: #212121;
    outline: none;
    padding: 0;
    resize: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: -15px;
  }
  .message-view-field__send {
    margin-left: 10px;
    color: #9e9e9e;
    cursor: pointer;
    border: none;
    background: transparent;
  }
  .message-view-field__scroll-overlay {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    right: 22px;
  }
  .message-view-field__upload {
    cursor: pointer;
  }
  .balloon__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .message-fileds__autosize {
    border: none;
    line-height: 20px;
    font-size: 14px;
    color: #212121;
    outline: none;
    padding: 0 3px 0 4px;
    margin-right: 4px;
    resize: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .icon-plane.enable path {
    fill: #00b6ce;
  }
  .im-notification {
    position: absolute;
    top: 54px;
    left: 2px;
    background: #fee3e1;
    border: 1px solid #f44336;
    width: 382px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
  }
  .im-notification__icon {
    margin-right: 6px;
  }
  .im-notification__text {
    font-size: 14px;
    color: #f44336;
    letter-spacing: 0;
    line-height: 18px;
  }
  .im-smart-card {
    position: absolute;
    z-index: 2;
    margin: 10px;
    width: calc(100% - 20px);
    top: 51px;
    padding-top: 16px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 144px;
    background-image: -webkit-linear-gradient(233deg, #ff8763, #ff330c);
    background-image: -o-linear-gradient(233deg, #ff8763 0, #ff330c 100%);
    background-image: linear-gradient(217deg, #ff8763, #ff330c);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 13px;
  }
  .im-smart-card,
  .im-smart-card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .im-smart-card .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-bottom: 10px;
  }
  .im-smart-card .image {
    width: 60px;
    height: 60px;
    margin: 4px 12px 0;
    border-radius: 2px;
  }
  .im-smart-card .btn {
    width: 120px;
    height: 28px;
    line-height: 28px;
    background: #0898ff;
    display: block;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer;
  }
  .im-smart-card .footer {
    height: 52px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
  }
  .im-smart-card .desc,
  .im-smart-card .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .im-smart-card .desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-right: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .im-smart-card .title {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    min-height: 36px;
    max-height: 36px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
  .im-smart-card .price {
    font-size: 14px;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
  }
  .im-smart-card .discount-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
  }
  .im-smart-card .discount-row .original-price {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-decoration: line-through;
  }
  .im-smart-card .discount-row .discount-text {
    min-width: 40px;
  }
  .im-smart-card .discount-text,
  .im-smart-card .original-price {
    font-size: 12px;
    color: #eee;
  }
  .message-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
  .message-view,
  .session-view,
  .session-view .session-layout {
    height: 100%;
    overflow: hidden;
  }
  .session-view .session-list {
    color: #333;
  }
  .session-view .session-item .desc {
    margin-top: 0;
    height: 32px;
    line-height: 16px;
    width: 90%;
  }
  .session-view .session-item .badge {
    margin-top: 0;
  }
  .session-view .session-item .btn-delete {
    right: 20px;
  }
  .session-view .btn-delete:hover path {
    fill: #00b5ce;
  }
  .window-confirm__dialog {
    position: relative;
    width: 388px;
    height: 186px;
    background: #fafafa;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .window-confirm__dialog,
  .window-confirm__dialog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .window-confirm__dialog-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    color: #000;
    margin: 24px 0 0 24px;
    display: inline-block;
  }
  .window-confirm__dialog-btn-close {
    margin: 16px 16px 0 0;
  }
  .window-confirm__dialog-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 8px 24px;
    font-size: 14px;
    color: #757575;
    line-height: 18px;
  }
  .window-confirm__dialog-btn-ok__button {
    margin-left: 8px;
  }
  .window-confirm__dialog-footer {
    text-align: right;
    padding: 0 24px 24px;
  }
  .window-confirm__dialog-footer button + button {
    margin-left: 10px;
  }