/**
 * @package   ShackToolbox
 * @contact   www.joomlashack.com, help@joomlashack.com
 * @copyright 2018 Perfect Web. All rights reserved.
 * @copyright 2019-2026 Joomlashack.com. All rights reserved
 * @license   http://www.gnu.org/licenses/gpl.html GNU/GPL
 *
 * This file is part of ShackToolbox.
 *
 * ShackToolbox is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 2 of the License, or
 * (at your option) any later version.
 *
 * ShackToolbox is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with ShackToolbox.  If not, see <http://www.gnu.org/licenses/>.
 */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: >0.3%,last 4 version,not dead
*/

.ui-effects-transfer.pweb-genie {
  z-index: 1049;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}

.ui-effects-transfer.pweb-genie.pweb-rotate-bottom {
  -webkit-animation-name: pweb-genie-appear-bottom;
  animation-name: pweb-genie-appear-bottom;
}

.ui-effects-transfer.pweb-genie.pweb-rotate-bottom.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-bottom;
  animation-name: pweb-genie-hide-bottom;
}

.ui-effects-transfer.pweb-genie.pweb-rotate-top {
  -webkit-animation-name: pweb-genie-appear-top;
  animation-name: pweb-genie-appear-top;
}

.ui-effects-transfer.pweb-genie.pweb-rotate-top.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-top;
  animation-name: pweb-genie-hide-top;
}

.ui-effects-transfer.pweb-genie.pweb-rotate-left {
  -webkit-animation-name: pweb-genie-appear-left;
  animation-name: pweb-genie-appear-left;
}

.ui-effects-transfer.pweb-genie.pweb-rotate-left.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-left;
  animation-name: pweb-genie-hide-left;
}

.ui-effects-transfer.pweb-genie.pweb-rotate-right {
  -webkit-animation-name: pweb-genie-appear-right;
  animation-name: pweb-genie-appear-right;
}

.ui-effects-transfer.pweb-genie.pweb-rotate-right.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-right;
  animation-name: pweb-genie-hide-right;
}

@-webkit-keyframes pweb-genie-appear-bottom {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateY(-5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    transform: translateY(-5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateY(-155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    transform: translateY(-155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateY(-5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: translateY(-5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
  }
}

@keyframes pweb-genie-appear-bottom {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateY(-5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    transform: translateY(-5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateY(-155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    transform: translateY(-155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateY(-5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: translateY(-5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
  }
}

@-webkit-keyframes pweb-genie-hide-bottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateY(-5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    transform: translateY(-5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateY(-155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    transform: translateY(-155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateY(-5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: translateY(-5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@keyframes pweb-genie-hide-bottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateY(-5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    transform: translateY(-5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateY(-155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    transform: translateY(-155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateY(-5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: translateY(-5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@-webkit-keyframes pweb-genie-appear-top {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateY(5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    transform: translateY(5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateY(155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    transform: translateY(155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateY(5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: translateY(5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@keyframes pweb-genie-appear-top {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateY(5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    transform: translateY(5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateY(155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    transform: translateY(155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateY(5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: translateY(5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@-webkit-keyframes pweb-genie-hide-top {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateY(5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    transform: translateY(5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateY(155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    transform: translateY(155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateY(5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: translateY(5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@keyframes pweb-genie-hide-top {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    transform: translateY(0px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateY(5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    transform: translateY(5px) rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(1.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateY(155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    transform: translateY(155px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.5) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateY(5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: translateY(5px) rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateY(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@-webkit-keyframes pweb-genie-appear-left {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotateX(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    transform: translateX(0px) rotateX(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateX(5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    transform: translateX(5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateX(155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    transform: translateX(155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateX(5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    transform: translateX(5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
  }
}

@keyframes pweb-genie-appear-left {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotateX(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    transform: translateX(0px) rotateX(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateX(5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    transform: translateX(5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateX(155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    transform: translateX(155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateX(5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    transform: translateX(5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
  }
}

@-webkit-keyframes pweb-genie-hide-left {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotateX(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    transform: translateX(0px) rotateX(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateX(5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    transform: translateX(5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateX(155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    transform: translateX(155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateX(5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    transform: translateX(5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@keyframes pweb-genie-hide-left {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotateX(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
    transform: translateX(0px) rotateX(0deg) rotateZ(180deg) scaleX(1) scaleY(1);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateX(5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    transform: translateX(5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateX(155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    transform: translateX(155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateX(5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    transform: translateX(5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@-webkit-keyframes pweb-genie-appear-right {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotateX(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    transform: translateX(0px) rotateX(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    transform: translateX(-5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateX(-155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    transform: translateX(-155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    transform: translateX(-5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
  }
}

@keyframes pweb-genie-appear-right {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotateX(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    transform: translateX(0px) rotateX(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    transform: translateX(-5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateX(-155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    transform: translateX(-155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    transform: translateX(-5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
  }
}

@-webkit-keyframes pweb-genie-hide-right {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotateX(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    transform: translateX(0px) rotateX(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    transform: translateX(-5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateX(-155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    transform: translateX(-155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    transform: translateX(-5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

@keyframes pweb-genie-hide-right {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotateX(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
    transform: translateX(0px) rotateX(0deg) rotateZ(-180deg) scaleX(1) scaleY(1);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    transform: translateX(-5px) rotateX(80deg) rotateZ(0deg) scaleX(1.2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.6;
    -webkit-transform: translateX(-155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    transform: translateX(-155px) rotateX(86deg) rotateZ(0deg) scaleX(2.2) scaleY(0.6);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    transform: translateX(-5px) rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: translateX(0px) rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
}

.ui-effects-transfer.pweb-genie.pweb-smooth-bottom {
  -webkit-animation-name: pweb-genie-appear-smooth-top-bottom;
  animation-name: pweb-genie-appear-smooth-top-bottom;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.ui-effects-transfer.pweb-genie.pweb-smooth-bottom.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-smooth-top-bottom;
  animation-name: pweb-genie-hide-smooth-top-bottom;
}

.ui-effects-transfer.pweb-genie.pweb-smooth-top {
  -webkit-animation-name: pweb-genie-appear-smooth-top-bottom;
  animation-name: pweb-genie-appear-smooth-top-bottom;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.ui-effects-transfer.pweb-genie.pweb-smooth-top.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-smooth-top-bottom;
  animation-name: pweb-genie-hide-smooth-top-bottom;
}

.ui-effects-transfer.pweb-genie.pweb-smooth-left {
  -webkit-animation-name: pweb-genie-appear-smooth-left-right;
  animation-name: pweb-genie-appear-smooth-left-right;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.ui-effects-transfer.pweb-genie.pweb-smooth-left.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-smooth-left-right;
  animation-name: pweb-genie-hide-smooth-left-right;
}

.ui-effects-transfer.pweb-genie.pweb-smooth-right {
  -webkit-animation-name: pweb-genie-appear-smooth-left-right;
  animation-name: pweb-genie-appear-smooth-left-right;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.ui-effects-transfer.pweb-genie.pweb-smooth-right.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-smooth-left-right;
  animation-name: pweb-genie-hide-smooth-left-right;
}

@-webkit-keyframes pweb-genie-appear-smooth-top-bottom {
  0% {
    opacity: 0.1;
    -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.6;
    -webkit-transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.7) scaleY(2.5);
    transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.7) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(2.5);
    transform: rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
  }
}

@keyframes pweb-genie-appear-smooth-top-bottom {
  0% {
    opacity: 0.1;
    -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.6;
    -webkit-transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.7) scaleY(2.5);
    transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.7) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(2.5);
    transform: rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
  }
}

@-webkit-keyframes pweb-genie-hide-smooth-top-bottom {
  100% {
    opacity: 0.1;
    -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.6;
    -webkit-transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.7) scaleY(2.5);
    transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.7) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(2.5);
    transform: rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 1;
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
  }
}

@keyframes pweb-genie-hide-smooth-top-bottom {
  100% {
    opacity: 0.1;
    -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.6;
    -webkit-transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.4) scaleY(0.3);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.7) scaleY(2.5);
    transform: rotateX(0deg) rotateY(86deg) rotateZ(0deg) scaleX(0.7) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(2.5);
    transform: rotateX(0deg) rotateY(80deg) rotateZ(0deg) scaleX(0.8) scaleY(2.5);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 1;
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
  }
}

@-webkit-keyframes pweb-genie-appear-smooth-left-right {
  0% {
    opacity: 0.1;
    -webkit-transform: rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.6;
    -webkit-transform: rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.4);
    transform: rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.4);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: rotateX(86deg) rotateZ(0deg) scaleX(2) scaleY(0.7);
    transform: rotateX(86deg) rotateZ(0deg) scaleX(2) scaleY(0.7);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: rotateX(80deg) rotateZ(0deg) scaleX(2) scaleY(0.8);
    transform: rotateX(80deg) rotateZ(0deg) scaleX(2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
    transform: rotateX(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
  }
}

@keyframes pweb-genie-appear-smooth-left-right {
  0% {
    opacity: 0.1;
    -webkit-transform: rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.6;
    -webkit-transform: rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.4);
    transform: rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.4);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: rotateX(86deg) rotateZ(0deg) scaleX(2) scaleY(0.7);
    transform: rotateX(86deg) rotateZ(0deg) scaleX(2) scaleY(0.7);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.8;
    -webkit-transform: rotateX(80deg) rotateZ(0deg) scaleX(2) scaleY(0.8);
    transform: rotateX(80deg) rotateZ(0deg) scaleX(2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
    transform: rotateX(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
  }
}

@-webkit-keyframes pweb-genie-hide-smooth-left-right {
  100% {
    opacity: 0.1;
    -webkit-transform: rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.6;
    -webkit-transform: rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.4);
    transform: rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.4);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: rotateX(86deg) rotateZ(0deg) scaleX(2) scaleY(0.7);
    transform: rotateX(86deg) rotateZ(0deg) scaleX(2) scaleY(0.7);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: rotateX(80deg) rotateZ(0deg) scaleX(2) scaleY(0.8);
    transform: rotateX(80deg) rotateZ(0deg) scaleX(2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 1;
    -webkit-transform: rotateX(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
    transform: rotateX(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
  }
}

@keyframes pweb-genie-hide-smooth-left-right {
  100% {
    opacity: 0.1;
    -webkit-transform: rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    transform: rotateX(90deg) rotateZ(0deg) scaleX(0) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  70% {
    opacity: 0.6;
    -webkit-transform: rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.4);
    transform: rotateX(86deg) rotateZ(0deg) scaleX(0.3) scaleY(0.4);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: rotateX(86deg) rotateZ(0deg) scaleX(2) scaleY(0.7);
    transform: rotateX(86deg) rotateZ(0deg) scaleX(2) scaleY(0.7);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  40% {
    opacity: 0.8;
    -webkit-transform: rotateX(80deg) rotateZ(0deg) scaleX(2) scaleY(0.8);
    transform: rotateX(80deg) rotateZ(0deg) scaleX(2) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  }
  0% {
    opacity: 1;
    -webkit-transform: rotateX(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
    transform: rotateX(0deg) rotateZ(0deg) scaleX(1) scaleY(1);
  }
}

.ui-effects-transfer.pweb-genie.pweb-square-left,
.ui-effects-transfer.pweb-genie.pweb-square-right,
.ui-effects-transfer.pweb-genie.pweb-square-top,
.ui-effects-transfer.pweb-genie.pweb-square-bottom {
  -webkit-animation-name: pweb-genie-show-square;
  animation-name: pweb-genie-show-square;
}

.ui-effects-transfer.pweb-genie.pweb-square-right.pweb-genie-hide,
.ui-effects-transfer.pweb-genie.pweb-square-left.pweb-genie-hide,
.ui-effects-transfer.pweb-genie.pweb-square-top.pweb-genie-hide,
.ui-effects-transfer.pweb-genie.pweb-square-bottom.pweb-genie-hide {
  -webkit-animation-name: pweb-genie-hide-square;
  animation-name: pweb-genie-hide-square;
}

@-webkit-keyframes pweb-genie-show-square {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}

@keyframes pweb-genie-show-square {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}

@-webkit-keyframes pweb-genie-hide-square {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes pweb-genie-hide-square {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}