/* Start dooFaq2 stack page CSS code */ /* Iconate keyframe animations */ @-webkit-keyframes zoomOut{50%{-webkit-transform:scale(0,0);transform:scale(0,0);opacity:0}100%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}}@-moz-keyframes zoomOut{50%{-moz-transform:scale(0,0);transform:scale(0,0);opacity:0}100%{-moz-transform:scale(1,1);transform:scale(1,1);opacity:1}}@-o-keyframes zoomOut{50%{-o-transform:scale(0,0);transform:scale(0,0);opacity:0}100%{-o-transform:scale(1,1);transform:scale(1,1);opacity:1}}@keyframes zoomOut{50%{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);opacity:0}100%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);opacity:1}}@-webkit-keyframes zoomIn{0%{opacity:.6}25%,75%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}50%{opacity:0}100%{opacity:1}}@-moz-keyframes zoomIn{0%{opacity:.6}25%,75%{-moz-transform:scale(1.8);transform:scale(1.8);opacity:0}50%{opacity:0}100%{opacity:1}}@-o-keyframes zoomIn{0%{opacity:.6}25%,75%{-o-transform:scale(1.8);transform:scale(1.8);opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes zoomIn{0%{opacity:.6}25%,75%{-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-o-transform:scale(1.8);transform:scale(1.8);opacity:0}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{50%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeOut{50%{opacity:0}100%{opacity:1}}@-o-keyframes fadeOut{50%{opacity:0}100%{opacity:1}}@keyframes fadeOut{50%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOutRight{25%{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}50%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px);opacity:.2}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-moz-keyframes fadeOutRight{25%{-moz-transform:translateX(10px);transform:translateX(10px);opacity:0}50%{-moz-transform:translateX(-20px);transform:translateX(-20px);opacity:0}75%{-moz-transform:translateX(-5px);transform:translateX(-5px);opacity:.2}100%{-moz-transform:translateX(0);transform:translateX(0);opacity:1}}@-o-keyframes fadeOutRight{25%{-o-transform:translateX(10px);transform:translateX(10px);opacity:0}50%{-o-transform:translateX(-20px);transform:translateX(-20px);opacity:0}75%{-o-transform:translateX(-5px);transform:translateX(-5px);opacity:.2}100%{-o-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeOutRight{25%{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);opacity:0}50%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px);opacity:0}75%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px);opacity:.2}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeOutLeft{25%{-webkit-transform:translateX(-10px);transform:translateX(-10px);opacity:0}50%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}75%{-webkit-transform:translateX(5px);transform:translateX(5px);opacity:.2}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-moz-keyframes fadeOutLeft{25%{-moz-transform:translateX(-10px);transform:translateX(-10px);opacity:0}50%{-moz-transform:translateX(20px);transform:translateX(20px);opacity:0}75%{-moz-transform:translateX(5px);transform:translateX(5px);opacity:.2}100%{-moz-transform:translateX(0);transform:translateX(0);opacity:1}}@-o-keyframes fadeOutLeft{25%{-o-transform:translateX(-10px);transform:translateX(-10px);opacity:0}50%{-o-transform:translateX(20px);transform:translateX(20px);opacity:0}75%{-o-transform:translateX(5px);transform:translateX(5px);opacity:.2}100%{-o-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeOutLeft{25%{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);opacity:0}50%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px);opacity:0}75%{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);opacity:.2}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeOutTop{25%{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:0}50%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}75%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:.2}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-moz-keyframes fadeOutTop{25%{-moz-transform:translateY(-5px);transform:translateY(-5px);opacity:0}50%{-moz-transform:translateY(20px);transform:translateY(20px);opacity:0}75%{-moz-transform:translateY(5px);transform:translateY(5px);opacity:.2}100%{-moz-transform:translateY(0);transform:translateY(0);opacity:1}}@-o-keyframes fadeOutTop{25%{-o-transform:translateY(-5px);transform:translateY(-5px);opacity:0}50%{-o-transform:translateY(20px);transform:translateY(20px);opacity:0}75%{-o-transform:translateY(5px);transform:translateY(5px);opacity:.2}100%{-o-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeOutTop{25%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);opacity:0}50%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);opacity:0}75%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px);opacity:.2}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeOutBottom{25%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:0}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}75%{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:.2}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-moz-keyframes fadeOutBottom{25%{-moz-transform:translateY(5px);transform:translateY(5px);opacity:0}50%{-moz-transform:translateY(-10px);transform:translateY(-10px);opacity:0}75%{-moz-transform:translateY(-5px);transform:translateY(-5px);opacity:.2}100%{-moz-transform:translateY(0);transform:translateY(0);opacity:1}}@-o-keyframes fadeOutBottom{25%{-o-transform:translateY(5px);transform:translateY(5px);opacity:0}50%{-o-transform:translateY(-10px);transform:translateY(-10px);opacity:0}75%{-o-transform:translateY(-5px);transform:translateY(-5px);opacity:.2}100%{-o-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeOutBottom{25%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px);opacity:0}50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);opacity:0}75%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);opacity:.2}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes verticalFlip{50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@-moz-keyframes verticalFlip{50%{-moz-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-moz-transform:rotateX(0deg);transform:rotateX(0deg)}}@-o-keyframes verticalFlip{50%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}@keyframes verticalFlip{50%{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg)}}@-webkit-keyframes horizontalFlip{50%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-moz-keyframes horizontalFlip{50%{-moz-transform:rotateY(90deg);transform:rotateY(90deg)}100%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}}@-o-keyframes horizontalFlip{50%{transform:rotateY(90deg)}100%{transform:rotateY(0deg)}}@keyframes horizontalFlip{50%{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg)}100%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes bounceOutBottom{20%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,45%,80%,90%{opacity:1;-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}50%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@-moz-keyframes bounceOutBottom{20%,100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,45%,80%,90%{opacity:1;-moz-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}50%{opacity:0;-moz-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@-o-keyframes bounceOutBottom{20%,100%{transform:translate3d(0,0,0)}40%,45%,80%,90%{opacity:1;transform:translate3d(0,-5px,0)}50%{opacity:0;transform:translate3d(0,10px,0)}}@keyframes bounceOutBottom{20%,100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,45%,80%,90%{opacity:1;-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}50%{opacity:0;-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@-webkit-keyframes bounceOutTop{20%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,45%,80%,90%{opacity:1;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}50%{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}}@-moz-keyframes bounceOutTop{20%,100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,45%,80%,90%{opacity:1;-moz-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}50%{opacity:0;-moz-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}}@-o-keyframes bounceOutTop{20%,100%{transform:translate3d(0,0,0)}40%,45%,80%,90%{opacity:1;transform:translate3d(0,5px,0)}50%{opacity:0;transform:translate3d(0,-10px,0)}}@keyframes bounceOutTop{20%,100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,45%,80%,90%{opacity:1;-webkit-transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}50%{opacity:0;-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}}@-webkit-keyframes bounceOutLeft{20%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,80%{opacity:1;-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}50%{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}}@-moz-keyframes bounceOutLeft{20%,100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,80%{opacity:1;-moz-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}50%{opacity:0;-moz-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}}@-o-keyframes bounceOutLeft{20%,100%{transform:translate3d(0,0,0)}40%,80%{opacity:1;transform:translate3d(5px,0,0)}50%{opacity:0;transform:translate3d(-10px,0,0)}}@keyframes bounceOutLeft{20%,100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,80%{opacity:1;-webkit-transform:translate3d(5px,0,0);-moz-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}50%{opacity:0;-webkit-transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}}@-webkit-keyframes bounceOutRight{20%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,80%{opacity:1;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}50%{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@-moz-keyframes bounceOutRight{20%,100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,80%{opacity:1;-moz-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}50%{opacity:0;-moz-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@-o-keyframes bounceOutRight{20%,100%{transform:translate3d(0,0,0)}40%,80%{opacity:1;transform:translate3d(-5px,0,0)}50%{opacity:0;transform:translate3d(10px,0,0)}}@keyframes bounceOutRight{20%,100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,80%{opacity:1;-webkit-transform:translate3d(-5px,0,0);-moz-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}50%{opacity:0;-webkit-transform:translate3d(10px,0,0);-moz-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%,60%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%,80%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}}@-moz-keyframes rubberBand{0%,100%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%,60%{-moz-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%,80%{-moz-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-moz-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}}@-o-keyframes rubberBand{0%,100%{transform:scale3d(1,1,1)}30%,60%{transform:scale3d(1.25,.75,1)}40%,80%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}}@keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%,60%{-webkit-transform:scale3d(1.25,.75,1);-moz-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%,80%{-webkit-transform:scale3d(.75,1.25,1);-moz-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-moz-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}}@-webkit-keyframes tada{50%{-webkit-transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-webkit-transform-origin:center;transform-origin:center}70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-webkit-transform-origin:center;transform-origin:center}60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:center;transform-origin:center}}@-moz-keyframes tada{50%{-moz-transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-moz-transform-origin:center;transform-origin:center}70%,90%{-moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-moz-transform-origin:center;transform-origin:center}60%,80%{-moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-moz-transform-origin:center;transform-origin:center}100%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-moz-transform-origin:center;transform-origin:center}}@-o-keyframes tada{50%{transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-o-transform-origin:center;transform-origin:center}70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-o-transform-origin:center;transform-origin:center}60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-o-transform-origin:center;transform-origin:center}100%{transform:scale3d(1,1,1);-o-transform-origin:center;transform-origin:center}}@keyframes tada{50%{-webkit-transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-moz-transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}}@-webkit-keyframes rollOutRight{30%{-webkit-transform:translateX(10px) rotate3d(0,0,1,50deg);transform:translateX(10px) rotate3d(0,0,1,50deg);opacity:0}50%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}55%{-webkit-transform:translateX(-20px) rotate3d(0,0,1,-90deg);transform:translateX(-20px) rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform:translateX(0) rotate3d(0,0,1,0deg);transform:translateX(0) rotate3d(0,0,1,0deg);opacity:1}}@-moz-keyframes rollOutRight{30%{-moz-transform:translateX(10px) rotate3d(0,0,1,50deg);transform:translateX(10px) rotate3d(0,0,1,50deg);opacity:0}50%{-moz-transform:translateX(-20px);transform:translateX(-20px);opacity:0}55%{-moz-transform:translateX(-20px) rotate3d(0,0,1,-90deg);transform:translateX(-20px) rotate3d(0,0,1,-90deg);opacity:0}100%{-moz-transform:translateX(0) rotate3d(0,0,1,0deg);transform:translateX(0) rotate3d(0,0,1,0deg);opacity:1}}@-o-keyframes rollOutRight{30%{transform:translateX(10px) rotate3d(0,0,1,50deg);opacity:0}50%{-o-transform:translateX(-20px);transform:translateX(-20px);opacity:0}55%{transform:translateX(-20px) rotate3d(0,0,1,-90deg);opacity:0}100%{transform:translateX(0) rotate3d(0,0,1,0deg);opacity:1}}@keyframes rollOutRight{30%{-webkit-transform:translateX(10px) rotate3d(0,0,1,50deg);-moz-transform:translateX(10px) rotate3d(0,0,1,50deg);transform:translateX(10px) rotate3d(0,0,1,50deg);opacity:0}50%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px);opacity:0}55%{-webkit-transform:translateX(-20px) rotate3d(0,0,1,-90deg);-moz-transform:translateX(-20px) rotate3d(0,0,1,-90deg);transform:translateX(-20px) rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform:translateX(0) rotate3d(0,0,1,0deg);-moz-transform:translateX(0) rotate3d(0,0,1,0deg);transform:translateX(0) rotate3d(0,0,1,0deg);opacity:1}}@-webkit-keyframes rollOutLeft{30%{-webkit-transform:translateX(-10px) rotate3d(0,0,1,-50deg);transform:translateX(-10px) rotate3d(0,0,1,-50deg);opacity:0}50%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}55%{-webkit-transform:translateX(20px) rotate3d(0,0,1,90deg);transform:translateX(20px) rotate3d(0,0,1,90deg);opacity:0}100%{-webkit-transform:translateX(0) rotate3d(0,0,1,0deg);transform:translateX(0) rotate3d(0,0,1,0deg);opacity:1}}@-moz-keyframes rollOutLeft{30%{-moz-transform:translateX(-10px) rotate3d(0,0,1,-50deg);transform:translateX(-10px) rotate3d(0,0,1,-50deg);opacity:0}50%{-moz-transform:translateX(20px);transform:translateX(20px);opacity:0}55%{-moz-transform:translateX(20px) rotate3d(0,0,1,90deg);transform:translateX(20px) rotate3d(0,0,1,90deg);opacity:0}100%{-moz-transform:translateX(0) rotate3d(0,0,1,0deg);transform:translateX(0) rotate3d(0,0,1,0deg);opacity:1}}@-o-keyframes rollOutLeft{30%{transform:translateX(-10px) rotate3d(0,0,1,-50deg);opacity:0}50%{-o-transform:translateX(20px);transform:translateX(20px);opacity:0}55%{transform:translateX(20px) rotate3d(0,0,1,90deg);opacity:0}100%{transform:translateX(0) rotate3d(0,0,1,0deg);opacity:1}}@keyframes rollOutLeft{30%{-webkit-transform:translateX(-10px) rotate3d(0,0,1,-50deg);-moz-transform:translateX(-10px) rotate3d(0,0,1,-50deg);transform:translateX(-10px) rotate3d(0,0,1,-50deg);opacity:0}50%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px);opacity:0}55%{-webkit-transform:translateX(20px) rotate3d(0,0,1,90deg);-moz-transform:translateX(20px) rotate3d(0,0,1,90deg);transform:translateX(20px) rotate3d(0,0,1,90deg);opacity:0}100%{-webkit-transform:translateX(0) rotate3d(0,0,1,0deg);-moz-transform:translateX(0) rotate3d(0,0,1,0deg);transform:translateX(0) rotate3d(0,0,1,0deg);opacity:1}}@-webkit-keyframes rotateClockwise{0%{opacity:1;-webkit-transform-origin:center;transform-origin:center}50%{opacity:0;-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transform-origin:center;transform-origin:center;opacity:1}}@-moz-keyframes rotateClockwise{0%{opacity:1;-moz-transform-origin:center;transform-origin:center}50%{opacity:0;-moz-transform-origin:center;transform-origin:center}100%{-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);-moz-transform-origin:center;transform-origin:center;opacity:1}}@-o-keyframes rotateClockwise{0%{opacity:1;-o-transform-origin:center;transform-origin:center}50%{opacity:0;-o-transform-origin:center;transform-origin:center}100%{transform:rotateZ(360deg);-o-transform-origin:center;transform-origin:center;opacity:1}}@keyframes rotateClockwise{0%{opacity:1;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}50%{opacity:0;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center;opacity:1}}@-webkit-keyframes rotateAntiClockwise{0%{opacity:1;-webkit-transform-origin:center;transform-origin:center}50%{opacity:0;-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg);-webkit-transform-origin:center;transform-origin:center;opacity:1}}@-moz-keyframes rotateAntiClockwise{0%{opacity:1;-moz-transform-origin:center;transform-origin:center}50%{opacity:0;-moz-transform-origin:center;transform-origin:center}100%{-moz-transform:rotateZ(-360deg);transform:rotateZ(-360deg);-moz-transform-origin:center;transform-origin:center;opacity:1}}@-o-keyframes rotateAntiClockwise{0%{opacity:1;-o-transform-origin:center;transform-origin:center}50%{opacity:0;-o-transform-origin:center;transform-origin:center}100%{transform:rotateZ(-360deg);-o-transform-origin:center;transform-origin:center;opacity:1}}@keyframes rotateAntiClockwise{0%{opacity:1;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}50%{opacity:0;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotateZ(-360deg);-moz-transform:rotateZ(-360deg);transform:rotateZ(-360deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center;opacity:1}} /* End dooFaq2 stack page CSS code */@import url(http://weloveiconfonts.com/api/?family=brandico|entypo|fontawesome|fontelico|iconicfill|iconicstroke|maki|openwebicons|typicons|zocial); #stacks_in_8_page0 { padding: 0px 50px 0px 50px; } #stacks_in_9_page0 { font-size: 147%; font-weight: bold; } #stacks_in_163_page0 { padding: 0px 50px 0px 50px; } #stacks_in_164_page0 { font-size: 147%; font-weight: bold; } #stacks_in_174_page0>.s3_row { margin: 0 -10px; } #stacks_in_174_page0>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_174_page0>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_174_page0>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_174_page0>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_174_page0>.s3_row { margin: -10px 0; } #stacks_in_174_page0>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_174_page0 { padding: 0px 50px 0px 50px; } p#stacks_in_175_page0.none, h1#stacks_in_175_page0.none, h2#stacks_in_175_page0.none, h3#stacks_in_175_page0.none, h4#stacks_in_175_page0.none, h5#stacks_in_175_page0.none, h6#stacks_in_175_page0.none { text-align: center !important; } #stacks_in_175_page0 { text-align: center !important; } /* brandico */ #stacks_in_175_page0 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="brandico-"]:hover:before { color:#771800; } /* entypo */ #stacks_in_175_page0 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="entypo-"]:hover:before { color:#771800; } /* fontawesome */ #stacks_in_175_page0 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="fontawesome-"]:hover:before { color:#771800; } /* fontelico */ #stacks_in_175_page0 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="fontelico-"]:hover:before { color:#771800; } /* maki */ #stacks_in_175_page0 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="maki-"]:hover:before { color:#771800; } /* openwebicons */ #stacks_in_175_page0 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="openwebicons-"]:hover:before { color:#771800; } /* typicons */ #stacks_in_175_page0 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="typicons-"]:hover:before { color:#771800; } /* zocial */ #stacks_in_175_page0 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="zocial-"]:hover:before { color:#771800; } /* iconicfill */ #stacks_in_175_page0 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="iconicfill-"]:hover:before { color:#771800; } /* iconicstroke */ #stacks_in_175_page0 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_175_page0 [class*="iconicstroke-"]:hover:before { color:#771800; } #stacks_in_175_page0 a { text-decoration: none !important; border-bottom: 0px!important; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }p#stacks_in_179_page0.none, h1#stacks_in_179_page0.none, h2#stacks_in_179_page0.none, h3#stacks_in_179_page0.none, h4#stacks_in_179_page0.none, h5#stacks_in_179_page0.none, h6#stacks_in_179_page0.none { text-align: center !important; } #stacks_in_179_page0 { text-align: center !important; } /* brandico */ #stacks_in_179_page0 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="brandico-"]:hover:before { color:#771800; } /* entypo */ #stacks_in_179_page0 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="entypo-"]:hover:before { color:#771800; } /* fontawesome */ #stacks_in_179_page0 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="fontawesome-"]:hover:before { color:#771800; } /* fontelico */ #stacks_in_179_page0 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="fontelico-"]:hover:before { color:#771800; } /* maki */ #stacks_in_179_page0 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="maki-"]:hover:before { color:#771800; } /* openwebicons */ #stacks_in_179_page0 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="openwebicons-"]:hover:before { color:#771800; } /* typicons */ #stacks_in_179_page0 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="typicons-"]:hover:before { color:#771800; } /* zocial */ #stacks_in_179_page0 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="zocial-"]:hover:before { color:#771800; } /* iconicfill */ #stacks_in_179_page0 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="iconicfill-"]:hover:before { color:#771800; } /* iconicstroke */ #stacks_in_179_page0 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_179_page0 [class*="iconicstroke-"]:hover:before { color:#771800; } #stacks_in_179_page0 a { text-decoration: none !important; border-bottom: 0px!important; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }p#stacks_in_183_page0.none, h1#stacks_in_183_page0.none, h2#stacks_in_183_page0.none, h3#stacks_in_183_page0.none, h4#stacks_in_183_page0.none, h5#stacks_in_183_page0.none, h6#stacks_in_183_page0.none { text-align: center !important; } #stacks_in_183_page0 { text-align: center !important; } /* brandico */ #stacks_in_183_page0 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="brandico-"]:hover:before { color:#771800; } /* entypo */ #stacks_in_183_page0 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="entypo-"]:hover:before { color:#771800; } /* fontawesome */ #stacks_in_183_page0 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="fontawesome-"]:hover:before { color:#771800; } /* fontelico */ #stacks_in_183_page0 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="fontelico-"]:hover:before { color:#771800; } /* maki */ #stacks_in_183_page0 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="maki-"]:hover:before { color:#771800; } /* openwebicons */ #stacks_in_183_page0 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="openwebicons-"]:hover:before { color:#771800; } /* typicons */ #stacks_in_183_page0 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="typicons-"]:hover:before { color:#771800; } /* zocial */ #stacks_in_183_page0 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="zocial-"]:hover:before { color:#771800; } /* iconicfill */ #stacks_in_183_page0 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="iconicfill-"]:hover:before { color:#771800; } /* iconicstroke */ #stacks_in_183_page0 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 7em; color:#B8B8B8; line-height: 1em; } #stacks_in_183_page0 [class*="iconicstroke-"]:hover:before { color:#771800; } #stacks_in_183_page0 a { text-decoration: none !important; border-bottom: 0px!important; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }#stacks_in_215_page0>.s3_row { margin: 0 -10px; } #stacks_in_215_page0>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_215_page0>.s3_row { margin: -10px -10px; } #stacks_in_215_page0>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_215_page0>.s3_row { margin: -10px 0; } #stacks_in_215_page0>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_269_page0 { font-size: 166%; font-weight: bold; } /* Start dooFaq2 stack each CSS code */ #stacks_in_220_page0 .faq-question{ position: relative; font-size: 110% !important; line-height: normal !important; font-weight: normal; padding: 10px 14px 10px 12px; padding-right: 50px; margin-top: 1px; border-radius: 4px; cursor: pointer; } #stacks_in_220_page0 .faq-icon{ position: absolute; top: 0; right: 0; padding: 10px 14px 10px 12px; } /* Hack to stop text flickr */ #stacks_in_220_page0 .faq-icon i{ position: relative; z-index: 100; } #stacks_in_220_page0 .fa-bars, #stacks_in_220_page0 .fa-toggle-off, #stacks_in_220_page0 .fa-question, #stacks_in_220_page0 .fa-angle-right{ display: none; } #stacks_in_220_page0 .fa-bars{ display: inline-block; } #stacks_in_220_page0 .faq-answer{ margin: 0 4px 0 4px; padding: 20px 0px 20px 0px; } /* THEME */ #stacks_in_220_page0 .faqQuestionClosed{ background-color: rgba(109, 118, 126, 1.00) !important; color: rgba(255, 255, 255, 1.00) !important; -webkit-transition: background 500ms ease-out; -moz-transition: background 500ms ease-out; -o-transition: background 500ms ease-out; transition: background 500ms ease-out; } #stacks_in_220_page0 .faqQuestionOpen{ background: rgba(128, 0, 0, 1.00) !important; color: rgba(255, 255, 255, 1.00) !important; -webkit-transition: background 500ms ease-out; -moz-transition: background 500ms ease-out; -o-transition: background 500ms ease-out; transition: background 500ms ease-out; } #stacks_in_220_page0 .faqQuestionOpen:hover{ background: rgba(128, 0, 0, 1.00) !important; } #stacks_in_220_page0 .faqQuestionClosed:hover{ background: rgba(144, 153, 161, 1.00) !important; background: rgba(74, 83, 91, 1.00) !important; } #stacks_in_220_page0 .faq-answer { display: none; } /* End dooFaq2 stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code */ #stacks_in_189_page0 { font-size: 160%; font-weight: bold; }