@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); } } @keyframes puffIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); filter: blur(0px); } } @-webkit-keyframes vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -webkit-filter: blur(0px); } } @keyframes vanishIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); } } .puffIn { -webkit-animation-name: puffIn; animation-name: puffIn; } .puffOut { -webkit-animation-name: puffOut; animation-name: puffOut; } .vanishIn { -webkit-animation-name: vanishIn; animation-name: vanishIn; }.blu-wrap.bwd{overflow:visible}.blu-wrap.bwd>.blueprint-col{padding-top:.1px;padding-bottom:.1px}.blu-wrap.bwd>.blueprint-col,.blu-wrap.bwd>.blueprint-col>.blucol-content{position:relative}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"].has-z{z-index:1}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"]::before{z-index:-1}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"]:not(.full-ovl)::after{z-index:-1}.blu-wrap.bwd>.blueprint-col .blu-cf::before,.blu-wrap.bwd>.blueprint-col .blu-cf::after{content:" ";display:table}.blu-wrap.bwd>.blueprint-col .blu-cf::after{clear:both}.blu-wrap.bwd>.blueprint-col>.blu-link>a{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:999} .com_joeworkman_stacks_movingbox2_stack .slick-cloned .stacks_left{float:left;width:49%}.com_joeworkman_stacks_movingbox2_stack .slick-cloned .stacks_right{float:right;width:49%}.com_joeworkman_stacks_movingbox2_stack .slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.com_joeworkman_stacks_movingbox2_stack .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.com_joeworkman_stacks_movingbox2_stack .slick-list:focus{outline:none}.com_joeworkman_stacks_movingbox2_stack .slick-list.dragging{cursor:pointer;cursor:hand}.com_joeworkman_stacks_movingbox2_stack .slick-track{position:relative;left:0;top:0;display:block;zoom:1}.com_joeworkman_stacks_movingbox2_stack .slick-track:before,.com_joeworkman_stacks_movingbox2_stack .slick-track:after{content:"";display:table}.com_joeworkman_stacks_movingbox2_stack .slick-track:after{clear:both}.com_joeworkman_stacks_movingbox2_stack .slick-loading .slick-track{visibility:hidden}.com_joeworkman_stacks_movingbox2_stack .slick-center{z-index:10}.com_joeworkman_stacks_movingbox2_stack .slick-slide{float:left;height:100%;min-height:1px;display:none}.com_joeworkman_stacks_movingbox2_stack .slick-slide .slick-loading img{display:none}.com_joeworkman_stacks_movingbox2_stack .slick-slide .dragging img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.com_joeworkman_stacks_movingbox2_stack .slick-initialized .slick-slide{display:block}.com_joeworkman_stacks_movingbox2_stack .slick-loading .slick-slide{visibility:hidden}.com_joeworkman_stacks_movingbox2_stack .slick-vertical .slick-slide{display:block;height:auto}.com_joeworkman_stacks_movingbox2_stack .tap-target{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1001;top:0;height:100%;width:50%}.com_joeworkman_stacks_movingbox2_stack .tap-target.next{right:0}.com_joeworkman_stacks_movingbox2_stack .tap-target.hide{display:none}.com_joeworkman_stacks_movingbox2_stack .effect-slide-vert .tap-target{height:50%;width:100%}.com_joeworkman_stacks_movingbox2_stack .effect-slide-vert .tap-target.next{bottom:0;right:auto;top:auto}.com_joeworkman_stacks_movingbox2_stack .slick-prev,.com_joeworkman_stacks_movingbox2_stack .slick-next{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1003}.com_joeworkman_stacks_movingbox2_stack .arrow-hover .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-hover .slick-next{visibility:hidden;-webkit-transition:all 500ms ease 0s;transition:all 500ms ease 0s}.com_joeworkman_stacks_movingbox2_stack .arrow-hover:hover .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-hover:hover .slick-next{visibility:visible}.com_joeworkman_stacks_movingbox2_stack .slick-prev:focus,.com_joeworkman_stacks_movingbox2_stack .slick-next:focus{outline:none}.com_joeworkman_stacks_movingbox2_stack .arrow-y-outside .slick-prev{top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-y-outside .slick-next{bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-y-inside .slick-prev{top:0}.com_joeworkman_stacks_movingbox2_stack .arrow-y-inside .slick-next{bottom:0}.com_joeworkman_stacks_movingbox2_stack .arrow-y-center .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-y-center .slick-next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside .slick-prev{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside .slick-next{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside.arrow-y-center .slick-prev{-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside.arrow-y-center .slick-next{-webkit-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside.arrow-y-outside .slick-prev{-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside.arrow-y-outside .slick-next{-webkit-transform:translateX(100%) translateY(100%);transform:translateX(100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-inside .slick-prev{left:0}.com_joeworkman_stacks_movingbox2_stack .arrow-x-inside .slick-next{right:0}.com_joeworkman_stacks_movingbox2_stack .arrow-x-center .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-x-center .slick-next{right:50%;-webkit-transform:translateX(0%);transform:translateX(0%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-center.arrow-y-outside .slick-prev{-webkit-transform:translateY(-100%) translateX(50%);transform:translateY(-100%) translateX(50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-center.arrow-y-outside .slick-next{-webkit-transform:translateY(100%) translateX(50%);transform:translateY(100%) translateX(50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left .slick-next{right:auto;left:0}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left.arrow-x-outside .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left.arrow-x-outside .slick-next{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left.arrow-x-outside.arrow-y-outside .slick-prev{-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left.arrow-x-outside.arrow-y-outside .slick-next{-webkit-transform:translateX(-100%) translateY(100%);transform:translateX(-100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right .slick-next{right:0;left:auto}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right.arrow-x-outside .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right.arrow-x-outside .slick-next{-webkit-transform:translateX(100%);transform:translateX(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right.arrow-x-outside.arrow-y-outside .slick-prev{-webkit-transform:translateX(100%) translateY(-100%);transform:translateX(100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right.arrow-x-outside.arrow-y-outside .slick-next{-webkit-transform:translateX(100%) translateY(100%);transform:translateX(100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top .slick-next{top:0;bottom:auto}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top.arrow-y-outside .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top.arrow-y-outside .slick-next{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top.arrow-y-outside.arrow-x-outside .slick-prev{-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top.arrow-y-outside.arrow-x-outside .slick-next{-webkit-transform:translateX(100%) translateY(-100%);transform:translateX(100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom .slick-next{top:auto;bottom:0}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom.arrow-y-outside .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom.arrow-y-outside .slick-next{-webkit-transform:translateY(100%);transform:translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom.arrow-y-outside.arrow-x-outside .slick-prev{-webkit-transform:translateX(-100%) translateY(100%);transform:translateX(-100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom.arrow-y-outside.arrow-x-outside .slick-next{-webkit-transform:translateX(100%) translateY(100%);transform:translateX(100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .slick-prev:before,.com_joeworkman_stacks_movingbox2_stack .slick-next:before{font-family:"FontAwesome","Font Awesome 5 Pro";font-weight:900;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron .slick-prev:before{content:"\f053"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron .slick-next:before{content:"\f054"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron.effect-slide-vert .slick-prev:before{content:"\f077"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron.effect-slide-vert .slick-next:before{content:"\f078"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron-circle .slick-prev:before{content:"\f137"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron-circle .slick-next:before{content:"\f138"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron-circle.effect-slide-vert .slick-prev:before{content:"\f139"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron-circle.effect-slide-vert .slick-next:before{content:"\f13a"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow .slick-prev:before{content:"\f060"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow .slick-next:before{content:"\f061"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow.effect-slide-vert .slick-prev:before{content:"\f062"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow.effect-slide-vert .slick-next:before{content:"\f063"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle .slick-prev:before{content:"\f0a8"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle .slick-next:before{content:"\f0a9"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle.effect-slide-vert .slick-prev:before{content:"\f0aa"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle.effect-slide-vert .slick-next:before{content:"\f0ab"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle-o .slick-prev:before{content:"\f190"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle-o .slick-next:before{content:"\f18e"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle-o.effect-slide-vert .slick-prev:before{content:"\f01b"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle-o.effect-slide-vert .slick-next:before{content:"\f01a"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-long-arrow .slick-prev:before{content:"\f177"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-long-arrow .slick-next:before{content:"\f178"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-long-arrow.effect-slide-vert .slick-prev:before{content:"\f176"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-long-arrow.effect-slide-vert .slick-next:before{content:"\f175"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle .slick-prev:before{content:"\f104"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle .slick-next:before{content:"\f105"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle.effect-slide-vert .slick-prev:before{content:"\f106"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle.effect-slide-vert .slick-next:before{content:"\f107"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle-double .slick-prev:before{content:"\f100"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle-double .slick-next:before{content:"\f101"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle-double.effect-slide-vert .slick-prev:before{content:"\f102"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle-double.effect-slide-vert .slick-next:before{content:"\f103"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret .slick-prev:before{content:"\f0d9"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret .slick-next:before{content:"\f0da"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret.effect-slide-vert .slick-prev:before{content:"\f0d8"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret.effect-slide-vert .slick-next:before{content:"\f0d7"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret-square .slick-prev:before{content:"\f191"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret-square .slick-next:before{content:"\f152"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret-square.effect-slide-vert .slick-prev:before{content:"\f151"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret-square.effect-slide-vert .slick-next:before{content:"\f150"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-hand .slick-prev:before{content:"\f0a5"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-hand .slick-next:before{content:"\f0a4"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-hand.effect-slide-vert .slick-prev:before{content:"\f0a6"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-hand.effect-slide-vert .slick-next:before{content:"\f0a7"}.com_joeworkman_stacks_movingbox2_stack .slick-dots{position:absolute;list-style:none;display:block;text-align:center;z-index:1002;margin:0;padding:0;width:100%}.com_joeworkman_stacks_movingbox2_stack .slick-dots li{position:relative;display:inline-block;vertical-align:bottom;height:20px;width:20px;margin:0px 5px;padding:0px;cursor:pointer}.com_joeworkman_stacks_movingbox2_stack .slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;text-align:center;padding:5px;margin:0;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.com_joeworkman_stacks_movingbox2_stack .slick-dots li button:focus{outline:none}.com_joeworkman_stacks_movingbox2_stack .slick-dots li button:after{position:absolute;top:0;left:0;width:20px;height:20px;font-family:"FontAwesome","Font Awesome 5 Pro";font-weight:900;content:"";line-height:20px;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.com_joeworkman_stacks_movingbox2_stack .dot-numbers .slick-dots li button{line-height:20px;z-index:1;padding:0}.com_joeworkman_stacks_movingbox2_stack .dot-numbers .slick-dots li button:after{z-index:-1}.com_joeworkman_stacks_movingbox2_stack .dot-top .slick-dots{top:0}.com_joeworkman_stacks_movingbox2_stack .dot-top.dot-outside .slick-dots{-webkit-transform:translateY(-120%);transform:translateY(-120%)}.com_joeworkman_stacks_movingbox2_stack .dot-bottom .slick-dots{bottom:0}.com_joeworkman_stacks_movingbox2_stack .dot-bottom.dot-outside .slick-dots{-webkit-transform:translateY(120%);transform:translateY(120%)}.com_joeworkman_stacks_movingbox2_stack .dot-right .slick-dots,.com_joeworkman_stacks_movingbox2_stack .dot-left .slick-dots{top:50%;width:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.com_joeworkman_stacks_movingbox2_stack .dot-right .slick-dots li,.com_joeworkman_stacks_movingbox2_stack .dot-left .slick-dots li{display:block}.com_joeworkman_stacks_movingbox2_stack .dot-left .slick-dots{left:0}.com_joeworkman_stacks_movingbox2_stack .dot-left.dot-outside .slick-dots{-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%)}.com_joeworkman_stacks_movingbox2_stack .dot-right .slick-dots{right:0}.com_joeworkman_stacks_movingbox2_stack .dot-right.dot-outside .slick-dots{-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.com_joeworkman_stacks_movingbox2_stack .smart-margins.dots-true.dot-outside.dot-bottom{margin-bottom:30px}.com_joeworkman_stacks_movingbox2_stack .smart-margins.dots-true.dot-outside.dot-top{margin-top:30px}.com_joeworkman_stacks_movingbox2_stack .smart-margins.dots-true.dot-outside.dot-left{margin-left:30px}.com_joeworkman_stacks_movingbox2_stack .smart-margins.dots-true.dot-outside.dot-right{margin-right:30px}.com_joeworkman_stacks_movingbox2_stack .nav-dot-circle .slick-dots li button:after{content:"\f111"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-circle-o .slick-dots li button:after{content:"\f10c"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-dot-circle-o .slick-dots li button:after{content:"\f192"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-square .slick-dots li button:after{content:"\f0c8"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-square-o .slick-dots li button:after{content:"\f096"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-check-square .slick-dots li button:after{content:"\f14a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-check-square-o .slick-dots li button:after{content:"\f046"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-plus-square .slick-dots li button:after{content:"\f0fe"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-plus-square-o .slick-dots li button:after{content:"\f196"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-futbol-o .slick-dots li button:after{content:"\f1e3"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-bullseye .slick-dots li button:after{content:"\f140"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-life-ring .slick-dots li button:after{content:"\f1cd"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-heart .slick-dots li button:after{content:"\f004"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-heart-o .slick-dots li button:after{content:"\f08a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-smile-o .slick-dots li button:after{content:"\f118"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-star .slick-dots li button:after{content:"\f005"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-star-o .slick-dots li button:after{content:"\f006"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-chevron-circle.dot-top .slick-dots li button:after{content:"\f13a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-chevron-circle.dot-bottom .slick-dots li button:after{content:"\f139"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-chevron-circle.dot-left .slick-dots li button:after{content:"\f138"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-chevron-circle.dot-right .slick-dots li button:after{content:"\f137"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle.dot-top .slick-dots li button:after{content:"\f0ab"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle.dot-bottom .slick-dots li button:after{content:"\f0aa"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle.dot-left .slick-dots li button:after{content:"\f0a9"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle.dot-right .slick-dots li button:after{content:"\f0a8"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle-o.dot-top .slick-dots li button:after{content:"\f01a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle-o.dot-bottom .slick-dots li button:after{content:"\f01b"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle-o.dot-left .slick-dots li button:after{content:"\f18e"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle-o.dot-right .slick-dots li button:after{content:"\f190"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-caret-square.dot-top .slick-dots li button:after{content:"\f150"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-caret-square.dot-bottom .slick-dots li button:after{content:"\f151"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-caret-square.dot-left .slick-dots li button:after{content:"\f152"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-caret-square.dot-right .slick-dots li button:after{content:"\f191"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-circle .slick-dots li.slick-active button:after{content:"\f111"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-circle-o .slick-dots li.slick-active button:after{content:"\f10c"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-dot-circle-o .slick-dots li.slick-active button:after{content:"\f192"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-square .slick-dots li.slick-active button:after{content:"\f0c8"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-square-o .slick-dots li.slick-active button:after{content:"\f096"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-check-square .slick-dots li.slick-active button:after{content:"\f14a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-check-square-o .slick-dots li.slick-active button:after{content:"\f046"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-plus-square .slick-dots li.slick-active button:after{content:"\f0fe"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-plus-square-o .slick-dots li.slick-active button:after{content:"\f196"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-futbol-o .slick-dots li.slick-active button:after{content:"\f1e3"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-bullseye .slick-dots li.slick-active button:after{content:"\f140"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-life-ring .slick-dots li.slick-active button:after{content:"\f1cd"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-heart .slick-dots li.slick-active button:after{content:"\f004"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-heart-o .slick-dots li.slick-active button:after{content:"\f08a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-smile-o .slick-dots li.slick-active button:after{content:"\f118"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-star .slick-dots li.slick-active button:after{content:"\f005"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-star-o .slick-dots li.slick-active button:after{content:"\f006"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-chevron-circle.dot-top .slick-dots li.slick-active button:after{content:"\f13a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-chevron-circle.dot-bottom .slick-dots li.slick-active button:after{content:"\f139"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-chevron-circle.dot-left .slick-dots li.slick-active button:after{content:"\f138"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-chevron-circle.dot-right .slick-dots li.slick-active button:after{content:"\f137"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle.dot-top .slick-dots li.slick-active button:after{content:"\f0ab"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle.dot-bottom .slick-dots li.slick-active button:after{content:"\f0aa"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle.dot-left .slick-dots li.slick-active button:after{content:"\f0a9"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle.dot-right .slick-dots li.slick-active button:after{content:"\f0a8"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle-o.dot-top .slick-dots li.slick-active button:after{content:"\f01a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle-o.dot-bottom .slick-dots li.slick-active button:after{content:"\f01b"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle-o.dot-left .slick-dots li.slick-active button:after{content:"\f18e"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle-o.dot-right .slick-dots li.slick-active button:after{content:"\f190"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-caret-square.dot-top .slick-dots li.slick-active button:after{content:"\f150"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-caret-square.dot-bottom .slick-dots li.slick-active button:after{content:"\f151"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-caret-square.dot-left .slick-dots li.slick-active button:after{content:"\f152"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-caret-square.dot-right .slick-dots li.slick-active button:after{content:"\f191"}.com_joeworkman_stacks_movingbox2_stack .movingbox.stretch .slick-slide img{height:auto;width:100%;max-width:100%;display:block}.com_joeworkman_stacks_movingbox2_stack .movingbox > .stacks_out{opacity:0}.com_joeworkman_stacks_movingbox2_stack .movingbox > .stacks_out:first-child{opacity:1} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(210, 255, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1200rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} /* -- Start Snow Each css Template -- */ .stacks_in_213wrapper{ background: #CCCCCC; border: 1px solid #676767; border-radius: 4px; text-align: center; position: relative; overflow: hidden; } .stacks_in_213sliceContainer{ display: none; } .stacks_in_213snowflakeContainer{ display: inline-block; width: 140px; padding: 20px; position: relative; } .stacks_in_213propContainer{ display: inline-block; width: 140px; padding: 20px; position: relative; } .stacks_in_213distanceContainer{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color:#CCCCCC; background-image: radial-gradient(#E3E4E4 15%, transparent 16%), radial-gradient(#E3E4E4 15%, transparent 16%); background-size:60px 60px; background-position: 0 0, 30px 30px; } #stacks_in_213 #snowflake{ fill: rgba(255, 255, 255, 0.67) !important; stroke: #676767 !important; stroke-width: 2px; } @-moz-keyframes propspin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes propspin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes propspin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } .stacks_in_213propContainer { -webkit-animation-name: propspin; -webkit-animation-duration: 500.000000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: propspin; -moz-animation-duration: 500.000000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: propspin; -ms-animation-duration: 500.000000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; } .stacks_in_213wrapper{ border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .stacks_in_213sliceContainer{ display: block; } /* -- End Snow Each css Template -- */ #stacks_in_8.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_8.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_8.blu-wrap>.blueprint-col{}#stacks_in_8.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_8.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_8.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_8.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_8.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_8.blu-wrap>.blueprint-col{ }#stacks_in_8.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_8.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_8.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_8.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_8.blu-wrap>.blueprint-col{ } #stacks_in_8.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_8.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_8.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_8.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_8.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_8.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_8.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_8.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_8.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} /* -- Start Starfield Each css Template -- */ #stacks_in_500starfield{ position: relative; box-sizing: border-box; } /* -- End Starfield Each css Template -- *//* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_14 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_14 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_14 .clean-menu-extra { display: none; } #clean-menu_stacks_in_14 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_14 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_14.cm-full-menu li > a:hover, #clean-menu_stacks_in_14 li > a:hover { text-decoration: none; } #stacks_in_14 nav { border: 0px solid transparent; } #clean-menu_stacks_in_14 { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_14 ul { margin: 0; } #clean-menu-full_stacks_in_14.cm-full-menu ul, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_14 ul li > a:after, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_14.cm-full-menu, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_14.cm-full-menu ul, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_14.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_14.cm-full-menu ul li, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_14.cm-full-menu ul li > a, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_14.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_14.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_14.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_14.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_14.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_14.cm-full-menu ul > div, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_14.cm-full-menu ul > div a, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_14.cm-full-menu ul ul, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_14.cm-full-menu, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_14.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_14.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_14.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_14.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_14 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_14.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_14 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_14 > div { align-self: center; } #clean-menu_stacks_in_14 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_14 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_14 .clean-menu-logo { max-width: 258px; min-width: 258px; margin: 0; } #clean-menu_stacks_in_14 .clean-menu-logo .cm-logo-wrap { max-width: 258px; min-width: 258px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_14 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_14.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_14 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_14 .clean-menu-logo .cm-logo-left { max-width: 73px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_14.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; } #clean-menu_stacks_in_14 .clean-menu-logo .cm-logo-right { margin: 10px 0; } #clean-menu_stacks_in_14 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: none; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_14 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_14 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_14.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(84, 98, 122, 1.00); font-size: inherit; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_14.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_14.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a svg, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(84, 98, 122, 1.00); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_14.cm-full-menu ul li > a, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_14 li > a svg, #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a svg, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(163, 84, 46, 1.00); } #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a:hover svg { fill: rgba(163, 84, 46, 1.00); } #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(251, 2, 255, 1.00); } #clean-menu_stacks_in_14 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-current > a svg { fill: rgba(251, 2, 255, 1.00); } #clean-menu_stacks_in_14 .cm-toggle span { background: #FFFFFF; } #clean-menu_stacks_in_14 h1, #clean-menu_stacks_in_14 h2, #clean-menu_stacks_in_14 h3, #clean-menu_stacks_in_14 h4, #clean-menu_stacks_in_14 h5, #clean-menu_stacks_in_14 h6, #clean-menu_stacks_in_14 .layouts-text, #clean-menu_stacks_in_14 p { color: rgba(244, 190, 86, 0.79); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_14.cm-full-menu, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul { background: rgba(0, 0, 0, 0.82); } #clean-menu-full_stacks_in_14.cm-full-menu > ul > li, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_14.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_14.cm-full-menu ul li > a, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a svg, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_14.cm-full-menu ul ul li:before { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_14.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a:hover svg { color: rgba(244, 190, 86, 0.79); fill: rgba(244, 190, 86, 0.79); } /* #clean-menu-full_stacks_in_14.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_14.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a.cm-heading:hover { color: rgba(255, 255, 255, 1.00); cursor: default; } */ #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(84, 98, 122, 1.00); } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(163, 84, 46, 1.00); } /* #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(84, 98, 122, 1.00); } */ #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(251, 2, 255, 1.00); } .disable-parents #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_14.cm-full-menu.disable-parents ul li > a.parent:hover { color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00); } .disable-parents #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_14 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(84, 98, 122, 1.00); border-color: rgba(84, 98, 122, 1.00); } .cm-sticky-wrap_stacks_in_14 { transition: background 300ms ease; background: transparent; } .cm-sticky-wrap_stacks_in_14.cm-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(24, 86, 255, 0.00); } .cm-sticky-wrap_stacks_in_14.cm-sticky > #clean-menu-full_stacks_in_14.cm-full-menu { z-index: 9999; } .cm-sticky-wrap_stacks_in_14.cm-sticky #clean-menu_stacks_in_14.clean-menu { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_14.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_14 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_14 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > a.parent, #clean-menu-full_stacks_in_14.cm-full-menu ul > li > a.parent, #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a.parent { cursor: default; } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > ul li > a.parent { font-weight: bold; } #clean-menu-full_stacks_in_14.cm-full-menu ul ul li.parent > a { font-weight: bold; /* padding: 0; */ } #clean-menu-full_stacks_in_14.cm-full-menu ul ul li.parent:before { display: none; } #clean-menu_stacks_in_14 .clean-menu-top-level > ul > li > a.parent { display: none; } @media all and (max-width: 770px) { #clean-menu_stacks_in_14.clean-menu { flex-wrap: wrap-reverse; } #clean-menu_stacks_in_14 > div { } #clean-menu_stacks_in_14.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_14 { min-width: 300px; } #clean-menu_stacks_in_14 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_14 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_14 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_14 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_14.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_14.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_14.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_14.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_14.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_14.cm-full-menu ul li > a { font-size: calc(inherit + 2 ); line-height: calc(inherit + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_14.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_14.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_14.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_14 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_14 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_14 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_14 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_14 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_14.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_14.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_14.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_14.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_14.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_14.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_14 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_14 { margin: 8px; padding: 5px; } /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_21{ z-index: 101; overflow: visible; } .stacks_top{ overflow: visible; } .stacks_in:after { content: ""; display: block; height: 0; clear: both; } /* End dooJet stack each CSS code */ #stacks_in_55.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_55.blu-wrap.sm-pull{margin-top:-140.00px}@media screen and (min-width:640px){#stacks_in_55.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_55.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_55.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_55.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_55.blu-wrap>.blueprint-col{}#stacks_in_55.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_55.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_55.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_55.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_55.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_55.blu-wrap>.blueprint-col{ }#stacks_in_55.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_55.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_55.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_55.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_55.blu-wrap>.blueprint-col{ } #stacks_in_55.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_55.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_55.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_55.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_55.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_55.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_55.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_55.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_55.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_326 { margin: 11px; padding: 4px; } @font-face { font-family: 'neontubes'; src: url("../files/neon-text-fonts/neontubes-webfont.woff2") format("woff2"), url("../files/neon-text-fonts/neontubes-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } #neon_text_stacks_in_27 { font-family: "neontubes"; display: block; position: relative; -webkit-transform: rotate(0deg) translateZ(0) translate3D(0, 0, 0); transform: rotate(0deg) translateZ(0) translate3D(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; color: rgba(244, 190, 86, 0.86); text-shadow: 0 0 0 transparent, 0 0 5px rgba(244, 190, 86, 0.47), 0 0 10px rgba(244, 190, 86, 0.47), 0 0 20px rgba(244, 190, 86, 0.47), 0 0 30px rgba(244, 190, 86, 0.47), 0 0 40px rgba(244, 190, 86, 0.47), 0 0 55px rgba(244, 190, 86, 0.47), 0 0 75px rgba(244, 190, 86, 0.47); font-size: 55px; line-height: 55px; letter-spacing: 5px; line-height: 1.5em; text-align: center; padding: 50px 10px; -webkit-animation: neontext_buzz 0.01s infinite alternate; animation: neontext_buzz 0.01s infinite alternate; } @media screen and (min-width: 568px) { #neon_text_stacks_in_27 { font-size: 120px; } } @-webkit-keyframes neontext_buzz { 70% { opacity: 0.80; } } @keyframes neontext_buzz { 70% { opacity: 0.80; } } @-webkit-keyframes neontext_disco { 50% { opacity: 0.2; text-shadow: none; } } @keyframes neontext_disco { 50% { opacity: 0.2; text-shadow: none; } } @-webkit-keyframes neontext_flash { 50% { opacity: 0.2; text-shadow: none; } } @keyframes neontext_flash { 50% { opacity: 0.2; text-shadow: none; } } @-webkit-keyframes neontext_flicker { 40% { opacity: 1; } 42% { opacity: 0.8; } 43% { opacity: 1; } 45% { opacity: 0.2; text-shadow: none; } 46% { opacity: 1; } } @keyframes neontext_flicker { 40% { opacity: 1; } 42% { opacity: 0.8; } 43% { opacity: 1; } 45% { opacity: 0.2; } 46% { opacity: 1; } } @-webkit-keyframes neontext_pulse { 0% { opacity: 0.2; text-shadow: none; } 50% { opacity: 0.8; } 100% { opacity: 0.2; text-shadow: none; } } @keyframes neontext_pulse { 0% { opacity: 0.2; text-shadow: none; } 50% { opacity: 0.8; } 100% { opacity: 0.2; text-shadow: none; } } @-webkit-keyframes neontext_radioactive { 0% { opacity: 0.4; } 50% { opacity: 0.8; } 100% { opacity: 0.4; } } @keyframes neontext_radioactive { 0% { opacity: 0.4; } 50% { opacity: 0.8; } 100% { opacity: 0.4; } } @-webkit-keyframes neontext_seveneleven { 50% { opacity: 0.2; text-shadow: none; } } @keyframes neontext_seveneleven { 50% { opacity: 0.2; text-shadow: none; } } @-webkit-keyframes neontext_verybroken { 70% { opacity: 0.2; text-shadow: none; } 72% { opacity: 1.0; } 73% { opacity: 0.2; } 88% { opacity: 1.0; } 89% { opacity: 0.2; } } @keyframes neontext_verybroken { 70% { opacity: 0.2; text-shadow: none; } 72% { opacity: 1.0; } 73% { opacity: 0.2; } 88% { opacity: 1.0; } 89% { opacity: 0.2; } } /* -- Start Starfield Each css Template -- */ #stacks_in_504starfield{ position: relative; box-sizing: border-box; } /* -- End Starfield Each css Template -- */ #stacks_in_328 { margin: 11px; padding: 4px; } #stacks_in_60.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_60.blu-wrap.sm-pull{margin-top:-110.00px}@media screen and (min-width:640px){#stacks_in_60.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_60.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_60.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_60.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_60.blu-wrap>.blueprint-col{}#stacks_in_60.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_60.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_60.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_60.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_60.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_60.blu-wrap>.blueprint-col{ }#stacks_in_60.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_60.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_60.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_60.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_60.blu-wrap>.blueprint-col{ } #stacks_in_60.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_60.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_60.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_60.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_60.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_60.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_60.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_60.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_60.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_330 { padding: 4px; } #stacks_in_173.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_173.blu-wrap.sm-pull{margin-top:-140.00px}@media screen and (min-width:640px){#stacks_in_173.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_173.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_173.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 0 } #stacks_in_173.blu-wrap{background-color:rgba(14, 27, 37, 1.00)}#stacks_in_173.blu-wrap>.blueprint-col{}#stacks_in_173.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_173.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_173.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_173.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_173.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_173.blu-wrap>.blueprint-col{ }#stacks_in_173.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_173.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_173.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_173.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_173.blu-wrap>.blueprint-col{ } #stacks_in_173.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_173.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_173.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_173.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_173.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_173.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_173.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_173.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_173.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} /* -- Start Starfield Each css Template -- */ #stacks_in_502starfield{ position: relative; box-sizing: border-box; } /* -- End Starfield Each css Template -- *//* */ body { background: #F5F5F5; } #steps-stacks_in_144 { max-width: 1200px; border-radius: 2px; min-height: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } #steps-stacks_in_144 .step-list { min-width: 140px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ background: rgba(22, 49, 70, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_144 .step-list::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_144 .steps { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_144 .steps .step { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_144 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_144.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_144.show-step-list .steps .step-top .step-list-toggle { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_144.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_144.show-step-list .step-list ul { opacity: 1; transition: all 0.3s 0.3s; } #steps-stacks_in_144.complete .step-complete { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_144 .step-complete { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -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; transition: all 0.3s ease-in-out; } #steps-stacks_in_144 .step-complete-icon { z-index: 10; position: relative; color: rgba(244, 190, 86, 0.79); font-size: 60px; margin-bottom: 10px; } #steps-stacks_in_144 .step-complete-title { z-index: 10; position: relative; /* */ font-family: "Roboto"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 22px; line-height: calc(22px * 1.4); margin-bottom: 10px; } #steps-stacks_in_144 .step-complete-description { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ font-size: 22px; line-height: calc(22px * 1.4); margin-bottom: 20px; color: rgba(244, 190, 86, 0.73); } #steps-stacks_in_144 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(24, 54, 77, 1.00); font-size: 20px; width: 90px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_144 .step-complete-restart i { transition: all 0.5s; } #steps-stacks_in_144 .step-complete-restart:hover i { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_144 .step-complete::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_144 .step-list { margin-left: -140px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease-in-out; } #steps-stacks_in_144 .step-list * { box-sizing: border-box; } #steps-stacks_in_144 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(244, 190, 86, 1.00); min-height: 20px40px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #steps-stacks_in_144 .step-list-nav i { cursor: pointer; } #steps-stacks_in_144 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_144 .step-list ul li { /* */ font-family: "Droid Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 16px; padding: 5px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #steps-stacks_in_144 .step-list ul li:hover { color: rgba(244, 190, 86, 1.00); } #steps-stacks_in_144 .step-list ul li.active { color: rgba(244, 190, 86, 1.00); } #steps-stacks_in_144 .steps { position: relative; } #steps-stacks_in_144 .steps .step { min-height: 350px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; } #steps-stacks_in_144 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_144 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 15px 10px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_144 .steps .step-top .step-list-toggle { font-size: 22px; cursor: pointer; color: rgba(0, 0, 0, 0.50); } #steps-stacks_in_144 .steps .step-top .step-count { /* */ font-family: "Open Sans"; /* */ color: rgba(244, 190, 86, 0.79); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1; font-size: 40px; font-weight: bold; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_144 .steps .step-top .step-count::before { content: "лист "; color: rgba(244, 190, 86, 0.79); font-size: 14px; margin-right: 10px; display: inline-block; } #steps-stacks_in_144 .steps .step-content { /* */ font-family: "Open Sans"; /* */ padding: 12px 18px; z-index: 1; position: relative; margin-bottom: calc(57px); } #steps-stacks_in_144 .steps .step-content .step-title { /* */ font-family: "Roboto"; /* */ color: rgba(244, 190, 86, 0.79); font-weight: bold; font-size: 22px; line-height: calc(22px * 1.4); margin-bottom: 10px; } #steps-stacks_in_144 .steps .step-content h1, #steps-stacks_in_144 .steps .step-content h2, #steps-stacks_in_144 .steps .step-content h3, #steps-stacks_in_144 .steps .step-content h4, #steps-stacks_in_144 .steps .step-content h5, #steps-stacks_in_144 .steps .step-content h6 { /* */ font-family: "Roboto"; /* */ color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_144 .steps .step-content p { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: calc(14px * 1.6); margin: 10px 0; } #steps-stacks_in_144 .steps .step-content a, #steps-stacks_in_144 .steps .step-content a:visited { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_144 .step-nav { /* */ font-family: "Open Sans"; /* */ left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(14, 27, 37, 1.00); margin-top: auto; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: all 0.3s ease-in-out; } #steps-stacks_in_144 .step-nav-next, #steps-stacks_in_144 .step-nav-prev { font-size: 11px; padding: 10px 22px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(118, 146, 169, 1.00); text-transform: uppercase; transition: all 0.3s ease; } #steps-stacks_in_144 .step-nav-next:hover, #steps-stacks_in_144 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(118, 146, 169, 1.00); } #steps-stacks_in_144 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(118, 146, 169, 1.00); } #steps-stacks_in_144 .step-nav-next::before { content: "Далее"; display: inline; } #steps-stacks_in_144 .step-nav-prev { color: rgba(118, 146, 169, 1.00); } #steps-stacks_in_144 .step-nav-prev::before { display: inline; content: "Вернуться"; } #steps-stacks_in_144 .step-nav.last-step .step-nav-next::before { content: "К началу"; } #steps-stacks_in_144 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; } @media (max-width: 500px) { #steps-stacks_in_144.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_144 .steps { z-index: 1; position: relative; } #steps-stacks_in_144 .step-list { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: auto; text-align: center; margin-left: -140px; position: absolute; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_144 .step-list-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #steps-stacks_in_144 .step-list ul { text-align: center; } #steps-stacks_in_144 .step-list ul li { text-align: center; } } #stacks_in_553 { margin: 8px; padding: 11px; } #stacks_in_555 { margin: 8px; padding: 11px; } #stacks_in_557 { margin: 8px; padding: 11px; } #stacks_in_559 { margin: 8px; padding: 11px; } #stacks_in_561 { margin: 8px; padding: 11px; } #stacks_in_563 { margin: 8px; padding: 11px; } #stacks_in_565 { margin: 8px; padding: 11px; } #stacks_in_567 { margin: 8px; padding: 11px; } #stacks_in_569 { margin: 8px; padding: 11px; } #stacks_in_571 { margin: 8px; padding: 11px; } /* -- Start Starfield Each css Template -- */ #stacks_in_506starfield{ position: relative; box-sizing: border-box; } /* -- End Starfield Each css Template -- */#stacks_out_430 .emphasize-scale { transform-origin: center; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; transform: scale(1.000000); } #stacks_out_430 { z-index: 7000; } #stacks_out_430.emphasized { z-index: 7001; } #stacks_out_430 .emphasize-shadow:before, #stacks_out_430 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); z-index: 6999; border-radius: var(--emphRadiusstacks_in_430, 0); } #stacks_out_430 .emphasize-shadow { position: relative; } #stacks_out_430 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); } #stacks_out_430.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_430.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_430 .emphasize-reveal { transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_430.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_430 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 900ms ease; will-change: opacity; opacity: 0; background-color: rgba(0, 0, 0, 0.00); } .emphasized #emphasize_overlay_stacks_in_430 { opacity: 1; } #emphasize_observer_stacks_in_430 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(1.000000); z-index: 7000; } #stacks_in_431{}#stacks_in_431 .slick-slide > div{overflow:hidden;padding:0%;margin:0%;border:0px solid #000000;border-radius:0px}#stacks_in_431 .padding-detailed .slick-slide > div{padding:0.00% 0.00% 0.00% 0.00%}#stacks_in_431 .margin-detailed .slick-slide > div{margin:0.00% 0.00% 0.00% 0.00%}#stacks_in_431 .border-detailed .slick-slide > div{border-style:solid;border-color:#000000;border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_431 .slide-color .slick-slide > div{background-color:#FFFFFF}#stacks_in_431 .centermode-true .slick-list{padding-top:5.00% !important;padding-bottom:5.00% !important}#stacks_in_431 .centermode-true .slick-slide > div{opacity:0.50}#stacks_in_431 .centermode-true .slick-center > div{opacity:1.0;-webkit-transition:all 300ms ease;transition:all 300ms ease;-webkit-transform:scale(1.66);transform:scale(1.66);padding:0%;margin:0%;border-color:#000000}#stacks_in_431 .centermode-true.center-padding-detailed .slick-center > div{padding:0.00% 0.00% 0.00% 0.00%}#stacks_in_431 .centermode-true.center-margin-detailed .slick-center > div{margin:0.00px 0.00px 0.00px 0.00px}#stacks_in_431 .slick-dots{text-align:center}#stacks_in_431 .slick-dots li button{opacity:0.25;-webkit-transition:all 300ms ease;transition:all 300ms ease}#stacks_in_431 .slick-dots li button:after{color:#FECC66;font-size:10px}#stacks_in_431 .slick-dots li.slick-active button{opacity:0.75}#stacks_in_431 .slick-dots li.slick-active button:after{font-size:10px;color:#FECC66}#stacks_in_431 .dot-numbers .slick-dots li button{color:#FFFFFF;font-size:5px}#stacks_in_431 .dot-numbers .slick-dots li.slick-active button{color:#FFFFFF;font-size:5px}#stacks_in_431 .dot-numbers.nav-dot-none .slick-dots li button{font-size:10px}#stacks_in_431 .dot-numbers.nav-dot-none .slick-dots li.slick-active button{font-size:10px}#stacks_in_431 .dot-hover .slick-dots li button{opacity:0}#stacks_in_431 .dot-hover:hover .slick-dots li button{opacity:0.25}#stacks_in_431 .dot-hover:hover .slick-dots li.slick-active button{opacity:0.75}#stacks_in_431 .dot-center-arrows.dot-top .slick-dots li,#stacks_in_431 .dot-center-arrows.dot-top .slick-dots li button,#stacks_in_431 .dot-center-arrows.dot-top .slick-dots li button:after,#stacks_in_431 .dot-center-arrows.dot-bottom .slick-dots li,#stacks_in_431 .dot-center-arrows.dot-bottom .slick-dots li button,#stacks_in_431 .dot-center-arrows.dot-bottom .slick-dots li button:after{height:2.00rem}#stacks_in_431 .dot-center-arrows.dot-top .slick-dots li button:after,#stacks_in_431 .dot-center-arrows.dot-bottom .slick-dots li button:after{line-height:2.00rem}#stacks_in_431 .dot-center-arrows.dot-top.dot-outside .slick-dots{-webkit-transform:translateY(-100%);transform:translateY(-100%)}#stacks_in_431 .dot-center-arrows.dot-bottom.dot-outside .slick-dots{-webkit-transform:translateY(100%);transform:translateY(100%)}#stacks_in_431 .dot-center-arrows.dot-left .slick-dots li,#stacks_in_431 .dot-center-arrows.dot-left .slick-dots li button,#stacks_in_431 .dot-center-arrows.dot-left .slick-dots li button:after,#stacks_in_431 .dot-center-arrows.dot-right .slick-dots li,#stacks_in_431 .dot-center-arrows.dot-right .slick-dots li button,#stacks_in_431 .dot-center-arrows.dot-right .slick-dots li button:after{width:2.00rem;margin:0}#stacks_in_431 .slick-prev,#stacks_in_431 .slick-next{width:2.00rem;height:2.00rem;background:transparent;opacity:0.85}#stacks_in_431 .slick-prev:before,#stacks_in_431 .slick-next:before{font-size:2.00rem;color:#FECC66}#stacks_in_431 .slick-prev.slick-disabled,#stacks_in_431 .slick-next.slick-disabled{opacity:0.25}#stacks_in_431 .arrow-hover .slick-prev,#stacks_in_431 .arrow-hover .slick-next{opacity:0}#stacks_in_431 .arrow-hover:hover .slick-prev,#stacks_in_431 .arrow-hover:hover .slick-next{opacity:0.85}#stacks_in_431 .arrow-hover:hover .slick-prev.slick-disabled,#stacks_in_431 .arrow-hover:hover .slick-next.slick-disabled{opacity:0.25}#stacks_in_431 .arrow-block .slick-prev,#stacks_in_431 .arrow-block .slick-next{background-color:#FFFFFF;top:0;left:0;-webkit-transform:none;transform:none}#stacks_in_431 .arrow-block:not(.effect-slide-vert) .slick-prev,#stacks_in_431 .arrow-block:not(.effect-slide-vert) .slick-next{height:100%;min-width:2.00rem;width:10%}#stacks_in_431 .arrow-block:not(.effect-slide-vert) .slick-next{right:0;left:auto}#stacks_in_431 .arrow-block.effect-slide-vert .slick-prev,#stacks_in_431 .arrow-block.effect-slide-vert .slick-next{width:100%;height:10%;min-height:2.00rem}#stacks_in_431 .arrow-block.effect-slide-vert .slick-next{bottom:0;top:auto}#stacks_in_431 .arrow-y-custom .slick-prev{top:50px}#stacks_in_431 .arrow-y-custom .slick-next{bottom:50px}#stacks_in_431 .arrow-y-custom.arrow-flush-top .slick-prev,#stacks_in_431 .arrow-y-custom.arrow-flush-top .slick-next{top:50px;bottom:auto}#stacks_in_431 .arrow-y-custom.arrow-flush-bottom .slick-prev,#stacks_in_431 .arrow-y-custom.arrow-flush-bottom .slick-next{bottom:50px;top:auto}#stacks_in_431 .arrow-x-custom .slick-prev{left:50px}#stacks_in_431 .arrow-x-custom .slick-next{right:50px}#stacks_in_431 .arrow-x-custom.arrow-flush-left .slick-prev,#stacks_in_431 .arrow-x-custom.arrow-flush-left .slick-next{right:auto;left:50px}#stacks_in_431 .arrow-x-custom.arrow-flush-right .slick-prev,#stacks_in_431 .arrow-x-custom.arrow-flush-right .slick-next{left:auto;right:50px}#stacks_in_431 .smart-margins.arrows-true:not(.arrow-block).arrow-y-outside{margin-top:2.00rem;margin-bottom:2.00rem}#stacks_in_431 .smart-margins.arrows-true:not(.arrow-block).arrow-y-outside.arrow-flush-top{margin-bottom:0}#stacks_in_431 .smart-margins.arrows-true:not(.arrow-block).arrow-y-outside.arrow-flush-bottom{margin-top:0}#stacks_in_431 .smart-margins.arrows-true:not(.arrow-block).arrow-x-outside{margin-left:2.00rem;margin-right:2.00rem}#stacks_in_431 .smart-margins.arrows-true:not(.arrow-block).arrow-x-outside.arrow-flush-left{margin-right:0}#stacks_in_431 .smart-margins.arrows-true:not(.arrow-block).arrow-x-outside.arrow-flush-right{margin-left:0} /*Start CSSLayerStack*/ #stacks_in_452 .layer_containera /*container & bg img*/ { margin-left: auto; margin-right:auto; background: url() 1 repeat center center; } #stacks_in_452 .layer_containera { height: px; /*cursor:pointer;*/ display:block; z-index: 9000; /*Custom CSS;*/ } #stacks_in_452 .layer_a /*backgroundlayer*/ { margin-left: auto; margin-right: auto; display: block; position: relative; z-index: 9000; float: none; padding-top: 0px; width: 100%; min-height: 430px; overflow: hidden; overflow: auto !important; /*Custom CSS;*/ } #stacks_in_452 .layer_fronta /*frontlayer*/ { margin-left: auto; margin-right: auto; position: absolute; z-index: 9200 !important; width: 100%; height: auto; overflow: hidden; top: 40px; left: 0; right: 0; /*Custom CSS;*/ } #stacks_in_452 .layernote { display: none !important; text-indent: 5px; background-color: #FCF8DC; } #stacks_in_452 .edithelper { color:white !important; background:black !important; padding:5px !important; display: block !important; text-align: center; } @media handheld, only screen and (max-width: 780px) { } @media handheld, only screen and (max-width: 480px) { } #stacks_out_453 .emphasize-scale { transform-origin: center; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; transform: scale(0.800000); } #stacks_out_453 { z-index: 9999; } #stacks_out_453.emphasized { z-index: 10000; } #stacks_out_453 .emphasize-shadow:before, #stacks_out_453 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); z-index: 9998; border-radius: var(--emphRadiusstacks_in_453, 0); } #stacks_out_453 .emphasize-shadow { position: relative; } #stacks_out_453 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); } #stacks_out_453.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_453.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_453 .emphasize-reveal { transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_453.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_453 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 900ms ease; will-change: opacity; opacity: 0; background-color: rgba(0, 0, 0, 0.00); } .emphasized #emphasize_overlay_stacks_in_453 { opacity: 1; } #emphasize_observer_stacks_in_453 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(0.800000); z-index: 9999; } /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_454{ z-index: 101; overflow: visible; } .stacks_top{ overflow: visible; } .stacks_in:after { content: ""; display: block; height: 0; clear: both; } /* End dooJet stack each CSS code *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_457, #stacks_in_457 { overflow: visible; } @important "partials/maps"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-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-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-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-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-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-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-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-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, 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: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, 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: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, 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: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, 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: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-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); } } @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); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-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-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); } to { opacity: 0; -webkit-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; transform-origin: center bottom; -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); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-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-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); } to { opacity: 0; -webkit-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; transform-origin: center bottom; -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); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-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); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-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); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-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); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-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); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-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-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); } to { opacity: 0; -webkit-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; transform-origin: center bottom; -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); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-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-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); } to { opacity: 0; -webkit-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; transform-origin: center bottom; -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); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_457 { padding: 20px 0px !important; } #press_alignment_stacks_in_457 { width: 100%; } #press_alignment_stacks_in_457.press-left { text-align: left; } #press_alignment_stacks_in_457.press-center { text-align: center; } #press_alignment_stacks_in_457.press-right { text-align: right; } #stacks_in_457 { transition: all 200ms ease; /* */ /* */ background: rgba(118, 146, 169, 1.00); /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 20px 10px 20px 10px; padding: 15px 15px 15px 15px; border-radius: 40px 40px 40px 40px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_457:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_457:hover .press-icon i { /* */ color: rgba(116, 135, 174, 1.00); /* */ } #stacks_in_457:active { /* */ /* */ /* */ /* */ } #stacks_in_457:active .press-icon i { /* */ } #stacks_in_457 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 26px; height: 26px; /* */ } #stacks_in_457 .press-icon i { font-size: 26px; color: rgba(241, 243, 243, 1.00); vertical-align: middle; } #stacks_in_457 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 32px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_457 .press-text .out { margin: 0 !important; } #stacks_in_457 { font-size: 16px; line-height: 32px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_459, #stacks_in_459 { overflow: visible; } @important "partials/maps"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-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-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-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-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-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-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-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-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, 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: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, 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: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, 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: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, 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: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-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); } } @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); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 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); } 60% { opacity: 1; -webkit-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-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-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); } to { opacity: 0; -webkit-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; transform-origin: center bottom; -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); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-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-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); } to { opacity: 0; -webkit-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; transform-origin: center bottom; -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); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-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); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-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); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-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); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-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); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-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-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); } to { opacity: 0; -webkit-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; transform-origin: center bottom; -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); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-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-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); } to { opacity: 0; -webkit-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; transform-origin: center bottom; -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); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_459 { padding: 20px 0px !important; } #press_alignment_stacks_in_459 { width: 100%; } #press_alignment_stacks_in_459.press-left { text-align: left; } #press_alignment_stacks_in_459.press-center { text-align: center; } #press_alignment_stacks_in_459.press-right { text-align: right; } #stacks_in_459 { transition: all 200ms ease; /* */ /* */ background: rgba(118, 146, 169, 1.00); /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 20px 10px 20px 10px; padding: 15px 15px 15px 15px; border-radius: 40px 40px 40px 40px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_459:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_459:hover .press-icon i { /* */ color: rgba(116, 135, 174, 1.00); /* */ } #stacks_in_459:active { /* */ /* */ /* */ /* */ } #stacks_in_459:active .press-icon i { /* */ } #stacks_in_459 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 26px; height: 26px; /* */ } #stacks_in_459 .press-icon i { font-size: 26px; color: rgba(241, 243, 243, 1.00); vertical-align: middle; } #stacks_in_459 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 32px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_459 .press-text .out { margin: 0 !important; } #stacks_in_459 { font-size: 16px; line-height: 32px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_467 .imagelayer_container { display:block; position: static; overflow: visible; max-width: 384px; max-height: 512px; margin-left: auto; margin-right: auto; /*Custom CSS*/ } #stacks_in_467 .imagelayer_container img { max-width: 384px; /*Custom CSS*/ } #stacks_in_467 .imagelayer_image { display: block; position:relative; z-index: %( 250 )%; /*Custom CSS*/ } #stacks_in_467 .imagelayer { background: url(../files/dotoverlay1.png) scroll repeat !important; background: url(../files/dotoverlay1.png) scroll repeat !important; opacity: 0.65; display:block; height: 100%; width: 100%; position: absolute; top: 0; z-index: 260; /*Custom CSS*/ } #stacks_in_467 .imagelayer_text { position: absolute; z-index: 270; opacity: 1; left: 0px; top: 0px; margin: 0px; text-align: left; /*Custom CSS*/ } @media screen and (max-width: 680px) { #stacks_in_467 .imagelayer_container { display: block; max-height: none; /*Custom CSS*/ } #stacks_in_467 .imagelayer { background: none !important; display: block; /*Custom CSS*/ } #stacks_in_467 .imagelayer_container img { /*Custom CSS*/ } #stacks_in_467 .imagelayer_text { position: relative; top:0px; bottom: 0px; /*topbotpush*/ left:0px; right: 0px; /*leftrightpush*/ margin: 0px; /*Custom CSS*/ } } @media screen and (max-width: 400px) { #stacks_in_467 .imagelayer_container { display: block; max-height: none; /*Custom CSS*/ } #stacks_in_467 .imagelayer { background: none !important; display: block; /*Custom CSS*/ } #stacks_in_467 .imagelayer_container img { /*Custom CSS*/ } #stacks_in_467 .imagelayer_text { position: absolute; top:0px; bottom: 0px; /*topbotpush*/ left:0px; right: 0px; /*leftrightpush*/ margin: 0px; /*Custom CSS*/ } } #stacks_in_381{text-align:justify} .style-pro-stacks_in_173::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_173:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(22, 49, 70, 1.00)}