@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
 .animated{animation-duration:1s;animation-fill-mode:both;}
 .animated.infinite{animation-iteration-count:infinite;}
 .animated.hinge{animation-duration:2s;}
 .animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s;}
 @keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0);}
 40%,43%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-30px,0);}
 70%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0);}
 90%{transform:translate3d(0,-4px,0);}
 }
 .bounce{animation-name:bounce;transform-origin:center bottom;}
 @keyframes flash{from,50%,to{opacity:1;}
 25%,75%{opacity:0;}
 }
 .flash{animation-name:flash;}
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes pulse{from{transform:scale3d(1,1,1);}
 50%{transform:scale3d(1.05,1.05,1.05);}
 to{transform:scale3d(1,1,1);}
 }
 .pulse{animation-name:pulse;}
 @keyframes rubberBand{from{transform:scale3d(1,1,1);}
 30%{transform:scale3d(1.25,0.75,1);}
 40%{transform:scale3d(0.75,1.25,1);}
 50%{transform:scale3d(1.15,0.85,1);}
 65%{transform:scale3d(.95,1.05,1);}
 75%{transform:scale3d(1.05,.95,1);}
 to{transform:scale3d(1,1,1);}
 }
 .rubberBand{animation-name:rubberBand;}
 @keyframes shake{from,to{transform:translate3d(0,0,0);}
 10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0);}
 20%,40%,60%,80%{transform:translate3d(10px,0,0);}
 }
 .shake{animation-name:shake;}
 @keyframes headShake{0%{transform:translateX(0);}
 6.5%{transform:translateX(-6px) rotateY(-9deg);}
 18.5%{transform:translateX(5px) rotateY(7deg);}
 31.5%{transform:translateX(-3px) rotateY(-5deg);}
 43.5%{transform:translateX(2px) rotateY(3deg);}
 50%{transform:translateX(0);}
 }
 .headShake{animation-timing-function:ease-in-out;animation-name:headShake;}
 @keyframes swing{20%{transform:rotate3d(0,0,1,15deg);}
 40%{transform:rotate3d(0,0,1,-10deg);}
 60%{transform:rotate3d(0,0,1,5deg);}
 80%{transform:rotate3d(0,0,1,-5deg);}
 to{transform:rotate3d(0,0,1,0deg);}
 }
 .swing{transform-origin:top center;animation-name:swing;}
 @keyframes tada{from{transform:scale3d(1,1,1);}
 10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
 30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
 40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
 to{transform:scale3d(1,1,1);}
 }
 .tada{animation-name:tada;}
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes wobble{from{transform:none;}
 15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}
 30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}
 45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}
 60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}
 75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}
 to{transform:none;}
 }
 .wobble{animation-name:wobble;}
 @keyframes jello{from,11.1%,to{transform:none;}
 22.2%{transform:skewX(-12.5deg) skewY(-12.5deg);}
 33.3%{transform:skewX(6.25deg) skewY(6.25deg);}
 44.4%{transform:skewX(-3.125deg) skewY(-3.125deg);}
 55.5%{transform:skewX(1.5625deg) skewY(1.5625deg);}
 66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg);}
 77.7%{transform:skewX(0.390625deg) skewY(0.390625deg);}
 88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}
 }
 .jello{animation-name:jello;transform-origin:center;}
 @keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
 0%{opacity:0;transform:scale3d(.3,.3,.3);}
 20%{transform:scale3d(1.1,1.1,1.1);}
 40%{transform:scale3d(.9,.9,.9);}
 60%{opacity:1;transform:scale3d(1.03,1.03,1.03);}
 80%{transform:scale3d(.97,.97,.97);}
 to{opacity:1;transform:scale3d(1,1,1);}
 }
 .bounceIn{animation-name:bounceIn;}
 @keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
 0%{opacity:0;transform:translate3d(0,-3000px,0);}
 60%{opacity:1;transform:translate3d(0,25px,0);}
 75%{transform:translate3d(0,-10px,0);}
 90%{transform:translate3d(0,5px,0);}
 to{transform:none;}
 }
 .bounceInDown{animation-name:bounceInDown;}
 @keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
 0%{opacity:0;transform:translate3d(-3000px,0,0);}
 60%{opacity:1;transform:translate3d(25px,0,0);}
 75%{transform:translate3d(-10px,0,0);}
 90%{transform:translate3d(5px,0,0);}
 to{transform:none;}
 }
 .bounceInLeft{animation-name:bounceInLeft;}
 @keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
 from{opacity:0;transform:translate3d(3000px,0,0);}
 60%{opacity:1;transform:translate3d(-25px,0,0);}
 75%{transform:translate3d(10px,0,0);}
 90%{transform:translate3d(-5px,0,0);}
 to{transform:none;}
 }
 .bounceInRight{animation-name:bounceInRight;}
 @keyframes bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
 from{opacity:0;transform:translate3d(0,3000px,0);}
 60%{opacity:1;transform:translate3d(0,-20px,0);}
 75%{transform:translate3d(0,10px,0);}
 90%{transform:translate3d(0,-5px,0);}
 to{transform:translate3d(0,0,0);}
 }
 .bounceInUp{animation-name:bounceInUp;}
 @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9);}
 50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1);}
 to{opacity:0;transform:scale3d(.3,.3,.3);}
 }
 .bounceOut{animation-name:bounceOut;}
 @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0);}
 40%,45%{opacity:1;transform:translate3d(0,-20px,0);}
 to{opacity:0;transform:translate3d(0,2000px,0);}
 }
 .bounceOutDown{animation-name:bounceOutDown;}
 @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0);}
 to{opacity:0;transform:translate3d(-2000px,0,0);}
 }
 .bounceOutLeft{animation-name:bounceOutLeft;}
 @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0);}
 to{opacity:0;transform:translate3d(2000px,0,0);}
 }
 .bounceOutRight{animation-name:bounceOutRight;}
 @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0);}
 40%,45%{opacity:1;transform:translate3d(0,20px,0);}
 to{opacity:0;transform:translate3d(0,-2000px,0);}
 }
 .bounceOutUp{animation-name:bounceOutUp;}
 @keyframes fadeIn{from{opacity:0;}
 to{opacity:1;}
 }
 .fadeIn{animation-name:fadeIn;}
 @keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0);}
 to{opacity:1;transform:none;}
 }
 .fadeInDown{animation-name:fadeInDown;}
 @keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0);}
 to{opacity:1;transform:none;}
 }
 .fadeInDownBig{animation-name:fadeInDownBig;}
 @keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0);}
 to{opacity:1;transform:none;}
 }
 .fadeInLeft{animation-name:fadeInLeft;}
 @keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0);}
 to{opacity:1;transform:none;}
 }
 .fadeInLeftBig{animation-name:fadeInLeftBig;}
 @keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0);}
 to{opacity:1;transform:none;}
 }
 .fadeInRight{animation-name:fadeInRight;}
 @keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0);}
 to{opacity:1;transform:none;}
 }
 .fadeInRightBig{animation-name:fadeInRightBig;}
 @keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0);}
 to{opacity:1;transform:none;}
 }
 .fadeInUp{animation-name:fadeInUp;}
 @keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0);}
 to{opacity:1;transform:none;}
 }
 .fadeInUpBig{animation-name:fadeInUpBig;}
 @keyframes fadeOut{from{opacity:1;}
 to{opacity:0;}
 }
 .fadeOut{animation-name:fadeOut;}
 @keyframes fadeOutDown{from{opacity:1;}
 to{opacity:0;transform:translate3d(0,100%,0);}
 }
 .fadeOutDown{animation-name:fadeOutDown;}
 @keyframes fadeOutDownBig{from{opacity:1;}
 to{opacity:0;transform:translate3d(0,2000px,0);}
 }
 .fadeOutDownBig{animation-name:fadeOutDownBig;}
 @keyframes fadeOutLeft{from{opacity:1;}
 to{opacity:0;transform:translate3d(-100%,0,0);}
 }
 .fadeOutLeft{animation-name:fadeOutLeft;}
 @keyframes fadeOutLeftBig{from{opacity:1;}
 to{opacity:0;transform:translate3d(-2000px,0,0);}
 }
 .fadeOutLeftBig{animation-name:fadeOutLeftBig;}
 @keyframes fadeOutRight{from{opacity:1;}
 to{opacity:0;transform:translate3d(100%,0,0);}
 }
 .fadeOutRight{animation-name:fadeOutRight;}
 @keyframes fadeOutRightBig{from{opacity:1;}
 to{opacity:0;transform:translate3d(2000px,0,0);}
 }
 .fadeOutRightBig{animation-name:fadeOutRightBig;}
 @keyframes fadeOutUp{from{opacity:1;}
 to{opacity:0;transform:translate3d(0,-100%,0);}
 }
 .fadeOutUp{animation-name:fadeOutUp;}
 @keyframes fadeOutUpBig{from{opacity:1;}
 to{opacity:0;transform:translate3d(0,-2000px,0);}
 }
 .fadeOutUpBig{animation-name:fadeOutUpBig;}
 @keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out;}
 40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out;}
 50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in;}
 80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in;}
 to{transform:perspective(400px);animation-timing-function:ease-in;}
 }
 .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip;}
 @keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0;}
 40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in;}
 60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
 80%{transform:perspective(400px) rotate3d(1,0,0,-5deg);}
 to{transform:perspective(400px);}
 }
 .flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX;}
 @keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0;}
 40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in;}
 60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}
 80%{transform:perspective(400px) rotate3d(0,1,0,-5deg);}
 to{transform:perspective(400px);}
 }
 .flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY;}
 @keyframes flipOutX{from{transform:perspective(400px);}
 30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
 to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
 }
 .flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}
 @keyframes flipOutY{from{transform:perspective(400px);}
 30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}
 to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}
 }
 .flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY;}
 @keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}
 60%{transform:skewX(20deg);opacity:1;}
 80%{transform:skewX(-5deg);opacity:1;}
 to{transform:none;opacity:1;}
 }
 .lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out;}
 @keyframes lightSpeedOut{from{opacity:1;}
 to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}
 }
 .lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in;}
 @keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0;}
 to{transform-origin:center;transform:none;opacity:1;}
 }
 .rotateIn{animation-name:rotateIn;}
 @keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0;}
 to{transform-origin:left bottom;transform:none;opacity:1;}
 }
 .rotateInDownLeft{animation-name:rotateInDownLeft;}
 @keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0;}
 to{transform-origin:right bottom;transform:none;opacity:1;}
 }
 .rotateInDownRight{animation-name:rotateInDownRight;}
 @keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0;}
 to{transform-origin:left bottom;transform:none;opacity:1;}
 }
 .rotateInUpLeft{animation-name:rotateInUpLeft;}
 @keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0;}
 to{transform-origin:right bottom;transform:none;opacity:1;}
 }
 .rotateInUpRight{animation-name:rotateInUpRight;}
 @keyframes rotateOut{from{transform-origin:center;opacity:1;}
 to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0;}
 }
 .rotateOut{animation-name:rotateOut;}
 @keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1;}
 to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0;}
 }
 .rotateOutDownLeft{animation-name:rotateOutDownLeft;}
 @keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1;}
 to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0;}
 }
 .rotateOutDownRight{animation-name:rotateOutDownRight;}
 @keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1;}
 to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0;}
 }
 .rotateOutUpLeft{animation-name:rotateOutUpLeft;}
 @keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1;}
 to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0;}
 }
 .rotateOutUpRight{animation-name:rotateOutUpRight;}
 @keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out;}
 20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out;}
 40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;}
 to{transform:translate3d(0,700px,0);opacity:0;}
 }
 .hinge{animation-name:hinge;}
 @keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom;}
 50%{transform:rotate(-10deg);}
 70%{transform:rotate(3deg);}
 to{opacity:1;transform:scale(1);}
 }
 .jackInTheBox{animation-name:jackInTheBox;}
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
 to{opacity:1;transform:none;}
 }
 .rollIn{animation-name:rollIn;}
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes rollOut{from{opacity:1;}
 to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}
 }
 .rollOut{animation-name:rollOut;}
 @keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3);}
 50%{opacity:1;}
 }
 .zoomIn{animation-name:zoomIn;}
 @keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
 }
 .zoomInDown{animation-name:zoomInDown;}
 @keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
 }
 .zoomInLeft{animation-name:zoomInLeft;}
 @keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
 }
 .zoomInRight{animation-name:zoomInRight;}
 @keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
 }
 .zoomInUp{animation-name:zoomInUp;}
 @keyframes zoomOut{from{opacity:1;}
 50%{opacity:0;transform:scale3d(.3,.3,.3);}
 to{opacity:0;}
 }
 .zoomOut{animation-name:zoomOut;}
 @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
 to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
 }
 .zoomOutDown{animation-name:zoomOutDown;}
 @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}
 to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center;}
 }
 .zoomOutLeft{animation-name:zoomOutLeft;}
 @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}
 to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center;}
 }
 .zoomOutRight{animation-name:zoomOutRight;}
 @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
 to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
 }
 .zoomOutUp{animation-name:zoomOutUp;}
 @keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible;}
 to{transform:translate3d(0,0,0);}
 }
 .slideInDown{animation-name:slideInDown;}
 @keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible;}
 to{transform:translate3d(0,0,0);}
 }
 .slideInLeft{animation-name:slideInLeft;}
 @keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible;}
 to{transform:translate3d(0,0,0);}
 }
 .slideInRight{animation-name:slideInRight;}
 @keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible;}
 to{transform:translate3d(0,0,0);}
 }
 .slideInUp{animation-name:slideInUp;}
 @keyframes slideOutDown{from{transform:translate3d(0,0,0);}
 to{visibility:hidden;transform:translate3d(0,100%,0);}
 }
 .slideOutDown{animation-name:slideOutDown;}
 @keyframes slideOutLeft{from{transform:translate3d(0,0,0);}
 to{visibility:hidden;transform:translate3d(-100%,0,0);}
 }
 .slideOutLeft{animation-name:slideOutLeft;}
 @keyframes slideOutRight{from{transform:translate3d(0,0,0);}
 to{visibility:hidden;transform:translate3d(100%,0,0);}
 }
 .slideOutRight{animation-name:slideOutRight;}
 @keyframes slideOutUp{from{transform:translate3d(0,0,0);}
 to{visibility:hidden;transform:translate3d(0,-100%,0);}
 }
 .slideOutUp{animation-name:slideOutUp;}