/* 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 */#stacks_in_519365_wrapper { padding: 20px; -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.35); border-radius: 4px; background: url('http://dl.dropbox.com/u/64179093/RWtuts%20Resources/Background%20Patterns%20for%20Stacks/whitey.png') repeat; } #stacks_in_519365_header { color: #626263; text-shadow: #fefefc 0 1px 0; text-align: center; margin-bottom: 16px; font: bold 26px/30px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_519365_title { color: #626263; text-shadow: #fefefc 0 1px 0; text-align: left; margin-bottom: 16px; font: bold 13px/15px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_519365_beta { color: #E65011; text-shadow: #fefefc 0 1px 0; text-align: center; margin-bottom: 16px; font: bold 26px/30px "Helvetica Neue", Helvetica, sans-serif; } /* Start Smart Image stack CSS code */ #stacks_in_520251{ text-align: center; } #stacks_in_520251 figure a img{ cursor: pointer !important; } .stacks_in_520251responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_520251responsive img, .stacks_in_520251warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_520251hiddenimage{ display: none; } .stacks_in_520251warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* -- Start Littlemouse Each css Template -- */ @-webkit-keyframes ani-little-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 0.5; top: 60%; } 50% { opacity: 0; top: 60%; } 100% { opacity: 0; top: 29%; } } @-moz-keyframes ani-little-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 0.5; top: 60%; } 50% { opacity: 0; top: 60%; } 100% { opacity: 0; top: 29%; } } @keyframes ani-little-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 0.5; top: 60%; } 50% { opacity: 0; top: 60%; } 100% { opacity: 0; top: 29%; } } .stacks_in_519495scroll-btn { display: block; position: relative; text-align: right !important; } .stacks_in_519495scroll-btn > * { display: inline-block; color: #FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; letter-spacing: 2px; font-weight: normal; } .stacks_in_519495hole{ position: relative; text-align: center; cursor: pointer; } .stacks_in_519495mouse { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_519495mouse span { position: absolute; display: block; background: #FFFFFF; border-radius: 50%; top: 29%; left: 50%; -webkit-animation: ani-little-mouse 2.2s linear infinite; -moz-animation: ani-little-mouse 2.2s linear infinite; animation: ani-little-mouse 2.2s linear infinite; } .smallmousesize .stacks_in_519495mouse { width: 28px; height: 45px; margin: 0 auto 4px; border: 2px solid #FFFFFF; border-radius: 14px; } .smallmousesize .stacks_in_519495mouse span { width: 6px; height: 6px; margin: -3px 0 0 -3px; } .mediummousesize .stacks_in_519495mouse { width: 35px; height: 55px; margin: 0 auto 5px; border: 3px solid #FFFFFF; border-radius: 23px; } .mediummousesize .stacks_in_519495mouse span { width: 8px; height: 8px; margin: -4px 0 0 -4px; } .largemousesize .stacks_in_519495mouse { width: 44px; height: 70px; margin: 0 auto 5px; border: 3px solid #FFFFFF; border-radius: 22px; } .largemousesize .stacks_in_519495mouse span { width: 10px; height: 10px; margin: -5px 0 0 -5px; } .stacks_in_519495hole:hover{ color: #FD8008; } .stacks_in_519495hole:hover .stacks_in_519495mouse{ border: 3px solid #FD8008; } .stacks_in_519495hole:hover .stacks_in_519495mouse span{ background: #FD8008; } /* -- End Littlemouse Each css Template -- */ #stacks_in_519495 { margin: 20px; padding: 20px; } /* Start doobox pro columns css */ .stacks_in_520119outerwrap{ border: 1px solid #333333; } .stacks_in_520119leftcolumn { width: 100%; float:left; margin-right: -50%; } .stacks_in_520119leftcolumn_inner { margin-right: 50%; border-right: 1px solid #333333; padding: 15px; } .stacks_in_520119rightcolumn { width: 50%; float: right; } .stacks_in_520119rightcolumn_inner{ border-left: 1px solid #333333; margin-left: -1px; padding: 15px; } /* show or hide some borders */ /* end doobox pro columns css */ #stacks_in_520119 { margin: 20px; padding: 20px; } #stacks_in_519709 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_520125shim{ padding-top: 12%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_520124shim{ padding-top: 6%; } /* End Responsive Shim stack CSS code */ #stacks_in_520122 { margin: 20px; padding: 20px; } #stacks_in_519701 { margin: 20px; padding: 20px; } /* LinkThing by RapidWeaver Central */ /* 1 Slinky ====================== */ .link_effect1stacks_in_519720 a:before, .link_effect1stacks_in_519720 a:after { content: ''; position: absolute; bottom: -2px; left: 50%; width: 0; height: 1px; background: #FD8008 !important; -webkit-transition: width 300ms ease; transition: width 300ms ease; } .link_effect1stacks_in_519720 a:after { right: 50%; left: auto; } .link_effect1stacks_in_519720 a:hover:before, .link_effect1stacks_in_519720 a:hover:after { width: 50%; } .link_effect1stacks_in_519720 a { color: #FD8008 !important; font-weight:normal;; position: relative; text-decoration: none; } .link_effect1stacks_in_519720 a:visited { text-decoration: none; } /* 2 Stretchy ====================== */ #stacks_in_519720 .link_effect2stacks_in_519720 a { color: #FD8008 !important; font-weight:normal;; letter-spacing: 0; opacity: .5; -webkit-transition: all .25s ease-out; } #stacks_in_519720 .link_effect2stacks_in_519720 a:hover { opacity: 1; letter-spacing: 10px; } /* 3 Fade In ====================== */ #stacks_in_519720 .link_effect3stacks_in_519720 { text-decoration: none; } #stacks_in_519720 .link_effect3stacks_in_519720 a { color: #FD8008 !important; font-weight:normal;; border-bottom: 1px solid #DA4453; font-weight: 500; -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } #stacks_in_519720 .link_effect3stacks_in_519720 a:hover, #stacks_in_519720 .link_effect3stacks_in_519720 a:focus { color: #DA4453 !important; border-color: #DA4453*0.8%; background-color: #DA4453; } /* 4 Bubble ====================== */ #stacks_in_519720 .link_effect4stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect4stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect4stacks_in_519720 a::before, #stacks_in_519720 .link_effect%stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect4stacks_in_519720 { } #stacks_in_519720 .link_effect4stacks_in_519720 a { font-weight:normal;; } #stacks_in_519720 .link_effect4stacks_in_519720 a::before { position: absolute; top: 0; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; border-radius: 10px; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0); transform: scale(0); } #stacks_in_519720 .link_effect4stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect4stacks_in_519720 a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 5 UpSlider ====================== */ #stacks_in_519720 .link_effect5stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect5stacks_in_519720 a { color: #FD8008 !important; font-weight:normal;; position: relative; display: inline-block; outline: none; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect5stacks_in_519720 a::before, #stacks_in_519720 .link_effect5stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect5stacks_in_519720 a { overflow: hidden; font-weight: 500; } #stacks_in_519720 .link_effect5stacks_in_519720 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #FB0207; content: ''; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transform: translateY(95%); transform: translateY(95%); } #stacks_in_519720 .link_effect5stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect5stacks_in_519720 a:focus::before { -webkit-transform: translateY(0); transform: translateY(0); } /* 6 RightSlider RightSlider_color ====================== */ #stacks_in_519720 .link_effect6stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect6stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect6stacks_in_519720 a::before, #stacks_in_519720 .link_effect6stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect6stacks_in_519720 a { overflow: hidden; font-weight:normal;; } #stacks_in_519720 .link_effect6stacks_in_519720 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scaleY(0.618) translateX(-100%); transform: scaleY(0.618) translateX(-100%); } #stacks_in_519720 .link_effect6stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect6stacks_in_519720 a:focus::before { -webkit-transform: scaleY(0.618) translateX(0); transform: scaleY(0.618) translateX(0); } /* 7 InBouncer InBouncer_color ====================== */ #stacks_in_519720 .link_effect7stacks_in_519720 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect7stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect7stacks_in_519720 a::before, #stacks_in_519720 .link_effect7stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect7stacks_in_519720 { position: relative; } #stacks_in_519720 .link_effect7stacks_in_519720 a { vertical-align: bottom; font-weight:normal;; } #stacks_in_519720 .link_effect7stacks_in_519720 a::before { position: absolute; top: 0; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); -webkit-transform: scale(0); transform: scale(0); } #stacks_in_519720 .link_effect7stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect7stacks_in_519720 a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 8 Dissipater ====================== */ #stacks_in_519720 .link_effect8stacks_in_519720 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect8stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect8stacks_in_519720 a::before, #stacks_in_519720 .link_effect8stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect8stacks_in_519720 a { color: #FD8008 !important; font-weight:normal;; -webkit-transition: color 0.3s; transition: color 0.3s; } #stacks_in_519720 .link_effect8stacks_in_519720 a:hover, #stacks_in_519720 .link_effect8stacks_in_519720 a:focus { color: #DA4453 !important; } #stacks_in_519720 .link_effect8stacks_in_519720 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 5px; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s, background-color 0.2s; transition: transform 0.2s, opacity 0.2s, background-color 0.2s; -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_519720 .link_effect8stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect8stacks_in_519720 a:focus::before { background-color: rgba(255,255,255,0); opacity: 1; -webkit-transform: scaleX(1) scaleY(0.618); transform: scaleX(1) scaleY(0.618); } /* 9 Flipper ====================== */ #stacks_in_519720 .link_effect9stacks_in_519720 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect9stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect9stacks_in_519720 a::before, #stacks_in_519720 .link_effect9stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect9stacks_in_519720 a { font-weight:normal;; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } #stacks_in_519720 .link_effect9stacks_in_519720 a:hover, #stacks_in_519720 .link_effect9stacks_in_519720 a:focus { color: #DA4453 !important; } #stacks_in_519720 .link_effect9stacks_in_519720 a::before, #stacks_in_519720 .link_effect9stacks_in_519720 a::after { position: absolute; top: 0; left: -4px; z-index: -1; box-sizing: content-box; padding: 0 4px; width: 100%; height: 100%; content: ''; } #stacks_in_519720 .link_effect9stacks_in_519720 a::before { background-color: #DA4453; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } #stacks_in_519720 .link_effect9stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect9stacks_in_519720 a:focus::before { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #stacks_in_519720 .link_effect9stacks_in_519720 a::after { border-bottom: 2px solid #DA4453; } /* 10 Borderer ====================== */ #stacks_in_519720 .link_effect10stacks_in_519720 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect10stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect10stacks_in_519720 a::before, #stacks_in_519720 .link_effect10stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect10stacks_in_519720 a { color: #FD8008 !important; font-weight:normal;; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } #stacks_in_519720 .link_effect10stacks_in_519720 a:hover, #stacks_in_519720 .link_effect10stacks_in_519720 a:focus { -webkit-transform: scale(0.8333); transform: scale(0.8333); } #stacks_in_519720 .link_effect10stacks_in_519720 a::before { position: absolute; top: -2px; left: -7px; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; border: 2px solid #DA4453; content: ''; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(0.8333); transform: scale(0.8333); } #stacks_in_519720 .link_effect10stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect10stacks_in_519720 a:focus::before { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } /* 11 Squiffy ====================== */ #stacks_in_519720 .link_effect11stacks_in_519720 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect11stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect11stacks_in_519720 a::before, #stacks_in_519720 .link_effect11stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect11stacks_in_519720 a { font-weight:normal;; -webkit-transition: color 0.4s; transition: color 0.4s; } #stacks_in_519720 .link_effect11stacks_in_519720 a:hover, #stacks_in_519720 .link_effect11stacks_in_519720 a:focus { color: #DA4453 !important; } #stacks_in_519720 .link_effect11stacks_in_519720 a::before { position: absolute; top: 0px; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; background: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.2s; -webkit-transform: skewY(-3deg) skewX(-11deg); transform: skewY(-3deg) skewX(-11deg); } #stacks_in_519720 .link_effect11stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect11stacks_in_519720 a:focus::before { opacity: 1; -webkit-transform: skewY(0) skewX(0); transform: skewY(0) skewX(0); } /* 12 UpLiner ====================== */ #stacks_in_519720 .link_effect12stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect12stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect12stacks_in_519720 a::before, #stacks_in_519720 .link_effect12stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect12stacks_in_519720 a { overflow: hidden; font-weight:normal;; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_519720 .link_effect12stacks_in_519720 a:hover, #stacks_in_519720 .link_effect12stacks_in_519720 a:focus { -webkit-transform: translateY(10%); transform: translateY(10%); } #stacks_in_519720 .link_effect12stacks_in_519720 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(100%) translateY(-2px); transform: translateY(100%) translateY(-2px); } #stacks_in_519720 .link_effect12stacks_in_519720 a, #stacks_in_519720 .link_effect12stacks_in_519720 a::before { -webkit-transition-timing-function: cubic-bezier(0.6,0,0.4,1); transition-timing-function: cubic-bezier(0.6,0,0.4,1); } #stacks_in_519720 .link_effect12stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect12stacks_in_519720 a:focus::before { -webkit-transform: translateY(-100%) translateY(2px); transform: translateY(-100%) translateY(2px); } /* 13 Tooltipper ====================== */ #stacks_in_519720 .link_effect13stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect13stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect13stacks_in_519720 a::before, #stacks_in_519720 .link_effect13stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect13stacks_in_519720 { } #stacks_in_519720 .link_effect13stacks_in_519720 a { color: #FD8008 !important; font-weight:normal;; } #stacks_in_519720 .link_effect13stacks_in_519720 a::before { display:table; position:absolute; top:1.8em; left:1.8em; padding:.2em .5em .5em 3.7em; width: 200pxpx; height: 100%; background: #DA4453 url(../files/link.svg) no-repeat -3em 50%; background-size: auto 40%; color: transparent; content: attr(href); white-space: pre-wrap; word-break: break-all; font-weight:normal;; font-size: 80%; font-style: italic; opacity: 0; line-height: 1.6; pointer-events: auto; -webkit-transition: opacity 0.3s, color 0.3s, -webkit-transform 0.3s, background-position 0.2s; transition: opacity 0.3s, color 0.3s, transform 0.3s, background-position 0.2s; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 5pxpx; -moz-border-radius: 5pxpx; border-radius: 5pxpx; } #stacks_in_519720 .link_effect13stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect13stacks_in_519720 a:focus::before { background-position: 1em 50%; color: #DA4453; opacity: 1; -webkit-transition-delay: 0s, 0s, 0s, 0.1s; transition-delay: 0s, 0s, 0s, 0.1s; -webkit-transform: scale(1) translateY(-75%); transform: scale(1) translateY(-75%); } /* 14 Arrow arrow_color ====================== */ #stacks_in_519720 .link_effect14stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect14stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect14stacks_in_519720 a::before, #stacks_in_519720 .link_effect14stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect14stacks_in_519720 a { padding: 0 0.25em; font-weight:normal;; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(0); transform: translateX(0); } #stacks_in_519720 .link_effect14stacks_in_519720 a:hover, #stacks_in_519720 .link_effect14stacks_in_519720 a::after { -webkit-transform: translateX(-1em); transform: translateX(-1em); } #stacks_in_519720 .link_effect14stacks_in_519720 a::before, #stacks_in_519720 .link_effect14stacks_in_519720 a::after { position: absolute; height: 100%; content: ''; } #stacks_in_519720 .link_effect14stacks_in_519720 a::before { left: 0; z-index: -1; width: 100%; background: #1F202C; } #stacks_in_519720 .link_effect14stacks_in_519720 a::after { left: 100%; z-index: -2; width: 1em; background: #FD8008 url(../files/arrow_right.svg) no-repeat 50% 50%; background-size: 60% auto; text-align: center; pointer-events: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_519720 .link_effect14stacks_in_519720 a:hover::after, #stacks_in_519720 .link_effect14stacks_in_519720 a:focus::after { -webkit-transform: translateX(0); transform: translateX(0); } /* 15 Curtains ====================== */ #stacks_in_519720 .link_effect15stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect15stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect15stacks_in_519720 a::before, #stacks_in_519720 .link_effect15stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect15stacks_in_519720 a { overflow: hidden; font-weight:normal;; } #stacks_in_519720 .link_effect15stacks_in_519720 a::before, #stacks_in_519720 .link_effect15stacks_in_519720 a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_519720 .link_effect15stacks_in_519720 a::before { border-top: 2px solid #DA4453; background: transparent; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateY( calc(100% - 2px) ); transform: translateY( calc(100% - 2px) ); } #stacks_in_519720 .link_effect15stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect15stacks_in_519720 a:focus::before { -webkit-transition-delay: 0s; transition-delay: 0s; } #stacks_in_519720 .link_effect15stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect15stacks_in_519720 a:focus::before, #stacks_in_519720 .link_effect15stacks_in_519720 a:hover::after, #stacks_in_519720 .link_effect15stacks_in_519720 a:focus::after { -webkit-transform: translateX(0); transform: translateX(0); } #stacks_in_519720 .link_effect15stacks_in_519720 a::after { z-index: -1; background: #DA4453; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #stacks_in_519720 .link_effect15stacks_in_519720 a:hover::after, #stacks_in_519720 .link_effect15stacks_in_519720 a:focus::after { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } /* 16 Brackets ====================== */ #stacks_in_519720 .link_effect16stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect16stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect16stacks_in_519720 a::before, #stacks_in_519720 .link_effect16stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect16stacks_in_519720 a { padding: 0 0.35em; font-weight:normal;; -webkit-transition: color 0.2s; transition: color 0.2s; } #stacks_in_519720 .link_effect16stacks_in_519720 a:hover { color: #d04c3f; } #stacks_in_519720 .link_effect16stacks_in_519720 a::before, #stacks_in_519720 .link_effect16stacks_in_519720 a::after { position: absolute; top: 0; font-weight: 100; font-size: 150%; line-height: 1; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } #stacks_in_519720 .link_effect16stacks_in_519720 a::before { left: -0.1em; content: '['; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #stacks_in_519720 .link_effect16stacks_in_519720 a::after { right: -0.1em; content: ']'; -webkit-transform: translateX(100%); transform: translateX(100%); } #stacks_in_519720 .link_effect16stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect16stacks_in_519720 a:hover::after { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } /* 17 Javelinky ====================== */ #stacks_in_519720 .link_effect17stacks_in_519720 a { position: relative; padding: 0 5px; color: #FD8008 !important; font-weight:normal;; text-decoration: none; } #stacks_in_519720 .link_effect17stacks_in_519720 a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; margin: auto; background-image: linear-gradient(90deg, transparent 0%, #FD8008 50%, transparent 100%); -webkit-transition: width .15s ease; -moz-transition: width .15s ease; transition: width .15s ease; } #stacks_in_519720 .link_effect17stacks_in_519720 a:hover:after { width: 0; } /* 18 Sandwich ====================== */ #stacks_in_519720 .link_effect18stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect18stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect18stacks_in_519720 a::before, #stacks_in_519720 .link_effect18stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519720 .link_effect18stacks_in_519720 { } #stacks_in_519720 .link_effect18stacks_in_519720 a { padding: 0 ; color: #FD8008; text-shadow: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } #stacks_in_519720 .link_effect18stacks_in_519720 a::before, #stacks_in_519720 .link_effect18stacks_in_519720 a::after { position: absolute; left: 0; width: 100%; height: 1px; background: #FD8008; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #stacks_in_519720 .link_effect18stacks_in_519720 a::before { top: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #stacks_in_519720 .link_effect18stacks_in_519720 a::after { bottom: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } #stacks_in_519720 .link_effect18stacks_in_519720 a:hover, #stacks_in_519720 .link_effect18stacks_in_519720 a:focus { color: #fff; } #stacks_in_519720 .link_effect18stacks_in_519720 a:hover::before, #stacks_in_519720 .link_effect18stacks_in_519720 a:focus::before, #stacks_in_519720 .link_effect18stacks_in_519720 a:hover::after, #stacks_in_519720 .link_effect18stacks_in_519720 a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* 19 Fade Up ====================== */ #stacks_in_519720 .link_effect19stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect19stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect19stacks_in_519720 a::before, #stacks_in_519720 .link_effect19stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link_effect19stacks_in_519720 a { } .link_effect19stacks_in_519720 a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: #DA4453; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } .link_effect19stacks_in_519720 a:hover::after, .link_effect19stacks_in_519720 a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* 20 Fade Down ====================== */ #stacks_in_519720 .link_effect20stacks_in_519720 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519720 .link_effect20stacks_in_519720 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519720 .link_effect20stacks_in_519720 a::before, #stacks_in_519720 .link_effect20stacks_in_519720 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link_effect20stacks_in_519720 a { } .link_effect20stacks_in_519720 a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #DA4453; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .link_effect20stacks_in_519720 a:hover::after, .link_effect20stacks_in_519720 a:focus::after { height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } #stacks_in_519720 { margin: 20px; padding: 20px; } #stacks_in_520110 { margin: 20px; padding: 20px; } #stacks_in_520168>.s3_row { margin: 0 -50px; } #stacks_in_520168>.s3_row>.s3_column { padding: 0 50px; } @media only screen and (max-width: 770px) { #stacks_in_520168>.s3_row { margin: -50px -50px; } #stacks_in_520168>.s3_row>.s3_column { padding: 50px 50px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_520168>.s3_row { margin: -50px 0; } #stacks_in_520168>.s3_row>.s3_column { padding: 50px 0; width:100%; } } #stacks_in_520168 { margin: 20px; padding: 20px; } #stacks_in_520185 { background-color: rgba(26, 29, 36, 1.00); } #stacks_in_520186 { margin: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_520188shim{ padding-top: 5%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_519531shim{ padding-top: 4%; } /* End Responsive Shim stack CSS code */.stacks_in .dk_denflinkegrafiker_stacks_sidecar_stack { } .sidecar_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .content_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .main_unique_id { /*MAIN AREA*/ display: table !important; width: 100% !important; box-sizing: border-box; vertical-align:top !important; margin-left: auto; margin-right: auto; background-color: rgba(102, 102, 102, 1.00) !important; font-family: inherit; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_unique_id {/*SIDEBAR AREA*/ display: table-cell !important; width: 700px !important; background-color: rgba(31, 32, 44, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .sidecar_unique_id img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; /*CustomCSS*/ } .content_unique_id {/*CONTENT AREA*/ display: table-cell !important; background-color: rgba(0, 0, 0, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .content_unique_id img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; } @media screen and (max-width: 780px) { .sidecar_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .content_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .main_unique_id { display: table !important; width: 100% !important; padding-top: 0px ; padding-bottom: 0px; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_unique_id { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } .content_unique_id { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } } #stacks_in_519628 { margin: 20px; padding: 20px; } #stacks_in_519418 { margin: 20px; } /* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520062 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520062 .halfshadowthing { padding: 25px 15px; } #stacks_in_520062 .imagething img {display:none;} #stacks_in_520062 .imagething img{ } #stacks_in_520062 .imagething img:hover{ } #stacks_in_520062 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520062 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520062 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520062 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520062 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520062 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520062 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520062 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_520020outerwrap{ border: 1px solid #4C4C4C; } .stacks_in_520020leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_520020leftcolumn_inner { margin-right: 75%; border-right: 1px solid #4C4C4C; padding: 15px; } .stacks_in_520020rightcolumn { width: 75%; float: right; } .stacks_in_520020rightcolumn_inner{ border-left: 1px solid #4C4C4C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_520020leftcolumn_inner { border-right: none; } .stacks_in_520020rightcolumn_inner{ border-left: none; } .stacks_in_520020outerwrap{ border-top: none; } .stacks_in_520020outerwrap{ border-right: none; } .stacks_in_520020outerwrap{ border-bottom: none; } .stacks_in_520020outerwrap{ border-left: none; } /* end doobox pro columns css *//* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520065 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520065 .halfshadowthing { padding: 25px 15px; } #stacks_in_520065 .imagething img {display:none;} #stacks_in_520065 .imagething img{ } #stacks_in_520065 .imagething img:hover{ } #stacks_in_520065 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520065 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520065 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520065 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520065 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520065 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520065 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520065 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_520027outerwrap{ border: 1px solid #4C4C4C; } .stacks_in_520027leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_520027leftcolumn_inner { margin-right: 75%; border-right: 1px solid #4C4C4C; padding: 15px; } .stacks_in_520027rightcolumn { width: 75%; float: right; } .stacks_in_520027rightcolumn_inner{ border-left: 1px solid #4C4C4C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_520027leftcolumn_inner { border-right: none; } .stacks_in_520027rightcolumn_inner{ border-left: none; } .stacks_in_520027outerwrap{ border-top: none; } .stacks_in_520027outerwrap{ border-right: none; } .stacks_in_520027outerwrap{ border-bottom: none; } .stacks_in_520027outerwrap{ border-left: none; } /* end doobox pro columns css *//* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520068 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520068 .halfshadowthing { padding: 25px 15px; } #stacks_in_520068 .imagething img {display:none;} #stacks_in_520068 .imagething img{ } #stacks_in_520068 .imagething img:hover{ } #stacks_in_520068 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520068 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520068 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520068 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520068 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520068 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520068 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520068 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_520034outerwrap{ border: 1px solid #4C4C4C; } .stacks_in_520034leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_520034leftcolumn_inner { margin-right: 75%; border-right: 1px solid #4C4C4C; padding: 15px; } .stacks_in_520034rightcolumn { width: 75%; float: right; } .stacks_in_520034rightcolumn_inner{ border-left: 1px solid #4C4C4C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_520034leftcolumn_inner { border-right: none; } .stacks_in_520034rightcolumn_inner{ border-left: none; } .stacks_in_520034outerwrap{ border-top: none; } .stacks_in_520034outerwrap{ border-right: none; } .stacks_in_520034outerwrap{ border-bottom: none; } .stacks_in_520034outerwrap{ border-left: none; } /* end doobox pro columns css *//* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520071 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520071 .halfshadowthing { padding: 25px 15px; } #stacks_in_520071 .imagething img {display:none;} #stacks_in_520071 .imagething img{ } #stacks_in_520071 .imagething img:hover{ } #stacks_in_520071 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520071 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520071 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520071 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520071 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520071 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520071 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520071 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_520041outerwrap{ border: 1px solid #4C4C4C; } .stacks_in_520041leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_520041leftcolumn_inner { margin-right: 75%; border-right: 1px solid #4C4C4C; padding: 15px; } .stacks_in_520041rightcolumn { width: 75%; float: right; } .stacks_in_520041rightcolumn_inner{ border-left: 1px solid #4C4C4C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_520041leftcolumn_inner { border-right: none; } .stacks_in_520041rightcolumn_inner{ border-left: none; } .stacks_in_520041outerwrap{ border-top: none; } .stacks_in_520041outerwrap{ border-right: none; } .stacks_in_520041outerwrap{ border-bottom: none; } .stacks_in_520041outerwrap{ border-left: none; } /* end doobox pro columns css *//* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520074 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520074 .halfshadowthing { padding: 25px 15px; } #stacks_in_520074 .imagething img {display:none;} #stacks_in_520074 .imagething img{ } #stacks_in_520074 .imagething img:hover{ } #stacks_in_520074 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520074 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520074 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520074 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520074 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520074 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520074 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520074 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_520048outerwrap{ border: 1px solid #4C4C4C; } .stacks_in_520048leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_520048leftcolumn_inner { margin-right: 75%; border-right: 1px solid #4C4C4C; padding: 15px; } .stacks_in_520048rightcolumn { width: 75%; float: right; } .stacks_in_520048rightcolumn_inner{ border-left: 1px solid #4C4C4C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_520048leftcolumn_inner { border-right: none; } .stacks_in_520048rightcolumn_inner{ border-left: none; } .stacks_in_520048outerwrap{ border-top: none; } .stacks_in_520048outerwrap{ border-right: none; } .stacks_in_520048outerwrap{ border-bottom: none; } .stacks_in_520048outerwrap{ border-left: none; } /* end doobox pro columns css *//* Start Responsive Shim stack CSS code */ .stacks_in_519571shim{ padding-top: 1%; } /* End Responsive Shim stack CSS code */ #stacks_in_519624 { background-color: rgba(255, 255, 255, 1.00); margin: 20px; } #stacks_in_519437 { margin: 20px; padding: 20px; } #stacks_in_519626 { background-color: rgba(255, 255, 255, 1.00); margin: 20px; } #stacks_in_519442 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_520096shim{ padding-top: 6%; } /* End Responsive Shim stack CSS code */ #stacks_in_519717 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_519717 .pullquote:before, #stacks_in_519717 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_519717 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_519717 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_519717 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_519717 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_519717 { margin: 20px; padding: 20px; } /* * Pure Images * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.1 */ #stacks_in_519537 { overflow: visible; } #stacks_in_519537 img { width: 100%; height: auto; display: block; } /* --------------------------------------------------------------BORDER RADIUS*/ #stacks_in_519537 > div, #stacks_in_519537 img { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* --------------------------------------------------------------SHADOW STYLES*/ #stacks_in_519537 .standard { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.44); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.44); box-shadow: 0 1px 3px rgba(0,0,0,0.44); } #stacks_in_519537 .bottom-s { -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); } #stacks_in_519537 .corners { position: relative; opacity: .99; background: #fff; } #stacks_in_519537 .corners:before, #stacks_in_519537 .corners:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_519537 .corners:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } #stacks_in_519537 .left-corner { position: relative; opacity: .99; background: #fff; } #stacks_in_519537 .left-corner:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_519537 .right-corner { position: relative; opacity: .99; background: #fff; } #stacks_in_519537 .right-corner:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } #stacks_in_519537 .bent-bottom { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519537 .bent-bottom:before, #stacks_in_519537 .bent-bottom:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519537 .bent-bottom:after { -webkit-transform: translate3d(0, 0, 0); right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } #stacks_in_519537 .bent-x { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519537 .bent-x:before, #stacks_in_519537 .bent-x:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:3px; bottom:0px; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519537 .bent-x:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } #stacks_in_519537 .bent-y { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519537 .bent-y:before, #stacks_in_519537 .bent-y:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:2px; right:2px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519537 .bent-y:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } .image-source-link { color: #98C3D1; } /* --------------------------------------------------------------LIGHTBOX*/ .fluidbox { outline: none; } .fluidbox-overlay { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; opacity: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; transition: all .25s ease-in-out; } .fluidbox-wrap { background-position: center center; background-size: cover; margin: 0 auto; position: relative; transition: all .25s ease-in-out; } .fluidbox-ghost { background-size: cover; background-position: center center; position: absolute; transition: all .25s ease-in-out; } .fluidbox-closed .fluidbox-ghost { -webkit-transition-property: top, left, opacity, -webkit-transform; -moz-transition-property: top, left, opacity, -moz-transform; -o-transition-property: top, left, opacity, -o-transform; transition-property: top, left, opacity, transform; transition-delay: 0, 0, .25s, 0; } .fluidbox-closed .fluidbox-wrap img { transition-property: opacity; transition-delay: .25s; transition-duration: 0s; } #stacks_in_519635 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_519635 .pullquote:before, #stacks_in_519635 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_519635 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_519635 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_519635 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_519635 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_519635 { margin: 20px; padding: 20px; } .stacks_in .dk_denflinkegrafiker_stacks_sidecar_stack { } .sidecar_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .content_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .main_unique_id { /*MAIN AREA*/ display: table !important; width: 100% !important; box-sizing: border-box; vertical-align:top !important; margin-left: auto; margin-right: auto; background-color: rgba(102, 102, 102, 1.00) !important; font-family: inherit; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_unique_id {/*SIDEBAR AREA*/ display: table-cell !important; width: 700px !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .sidecar_unique_id img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; /*CustomCSS*/ } .content_unique_id {/*CONTENT AREA*/ display: table-cell !important; background-color: rgba(0, 0, 0, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .content_unique_id img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; } @media screen and (max-width: 780px) { .sidecar_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .content_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .main_unique_id { display: table !important; width: 100% !important; padding-top: 0px ; padding-bottom: 0px; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_unique_id { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } .content_unique_id { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } } #stacks_in_520092 { margin: 20px; padding: 20px; } #stacks_in_519549 { margin: 20px; padding: 20px; } /* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520080 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520080 .halfshadowthing { padding: 25px 15px; } #stacks_in_520080 .imagething img {display:none;} #stacks_in_520080 .imagething img{ } #stacks_in_520080 .imagething img:hover{ } #stacks_in_520080 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520080 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520080 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520080 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520080 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520080 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520080 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520080 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_519579outerwrap{ border: 1px solid #1F202C; } .stacks_in_519579leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_519579leftcolumn_inner { margin-right: 75%; border-right: 1px solid #1F202C; padding: 15px; } .stacks_in_519579rightcolumn { width: 75%; float: right; } .stacks_in_519579rightcolumn_inner{ border-left: 1px solid #1F202C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_519579leftcolumn_inner { border-right: none; } .stacks_in_519579rightcolumn_inner{ border-left: none; } .stacks_in_519579outerwrap{ border-top: none; } .stacks_in_519579outerwrap{ border-right: none; } .stacks_in_519579outerwrap{ border-bottom: none; } .stacks_in_519579outerwrap{ border-left: none; } /* end doobox pro columns css *//* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520083 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520083 .halfshadowthing { padding: 25px 15px; } #stacks_in_520083 .imagething img {display:none;} #stacks_in_520083 .imagething img{ } #stacks_in_520083 .imagething img:hover{ } #stacks_in_520083 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520083 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520083 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520083 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520083 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520083 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520083 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520083 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_519600outerwrap{ border: 1px solid #4C4C4C; } .stacks_in_519600leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_519600leftcolumn_inner { margin-right: 75%; border-right: 1px solid #4C4C4C; padding: 15px; } .stacks_in_519600rightcolumn { width: 75%; float: right; } .stacks_in_519600rightcolumn_inner{ border-left: 1px solid #4C4C4C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_519600leftcolumn_inner { border-right: none; } .stacks_in_519600rightcolumn_inner{ border-left: none; } .stacks_in_519600outerwrap{ border-top: none; } .stacks_in_519600outerwrap{ border-right: none; } .stacks_in_519600outerwrap{ border-bottom: none; } .stacks_in_519600outerwrap{ border-left: none; } /* end doobox pro columns css *//* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520086 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520086 .halfshadowthing { padding: 25px 15px; } #stacks_in_520086 .imagething img {display:none;} #stacks_in_520086 .imagething img{ } #stacks_in_520086 .imagething img:hover{ } #stacks_in_520086 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520086 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520086 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520086 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520086 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520086 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520086 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520086 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_519593outerwrap{ border: 1px solid #4C4C4C; } .stacks_in_519593leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_519593leftcolumn_inner { margin-right: 75%; border-right: 1px solid #4C4C4C; padding: 15px; } .stacks_in_519593rightcolumn { width: 75%; float: right; } .stacks_in_519593rightcolumn_inner{ border-left: 1px solid #4C4C4C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_519593leftcolumn_inner { border-right: none; } .stacks_in_519593rightcolumn_inner{ border-left: none; } .stacks_in_519593outerwrap{ border-top: none; } .stacks_in_519593outerwrap{ border-right: none; } .stacks_in_519593outerwrap{ border-bottom: none; } .stacks_in_519593outerwrap{ border-left: none; } /* end doobox pro columns css *//* HalfShadowThing Stack by RapidWeaver Central */ #halfshadowthingstacks_in_520089 { width: auto; position: relative; %[if -webkit-border-radius: none; border-radius: none;]% -webkit-border-radius: none; border-radius: none; margin: 15px; !important%[endif]% -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #stacks_in_520089 .halfshadowthing { padding: 25px 15px; } #stacks_in_520089 .imagething img {display:none;} #stacks_in_520089 .imagething img{ } #stacks_in_520089 .imagething img:hover{ } #stacks_in_520089 .containerthing:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; opacity: 0; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } #stacks_in_520089 .containerthing { width: 90%; margin: -25px auto 0 !important; background: #1F202C !important; -webkit-border-radius: none; border-radius: none; } #stacks_in_520089 .containerthing { margin: -10px 10px 0; position: relative; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #stacks_in_520089 .containerthing .shadow-box { height: 200px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #stacks_in_520089 .containerthing .shadow-box { position: absolute; top: 0; opacity: 1; height: 67px; width: 100%; z-index: 1; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } #stacks_in_520089 .containerthing .textthing { padding: 25px; position: relative; -webkit-border-radius: none; border-radius: none; z-index: 2; background: #1F202C !important; } #stacks_in_520089 .halfshadowthing:hover .containerthing:before { opacity: 1 } #stacks_in_520089 .halfshadowthing:hover .containerthing .shadow-box { opacity: 0 } /* EDIT ====================== */ /* -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3); */ /* Start doobox pro columns css */ .stacks_in_519586outerwrap{ border: 1px solid #4C4C4C; } .stacks_in_519586leftcolumn { width: 100%; float:left; margin-right: -75%; } .stacks_in_519586leftcolumn_inner { margin-right: 75%; border-right: 1px solid #4C4C4C; padding: 15px; } .stacks_in_519586rightcolumn { width: 75%; float: right; } .stacks_in_519586rightcolumn_inner{ border-left: 1px solid #4C4C4C; margin-left: -1px; padding: 15px; } /* show or hide some borders */ .stacks_in_519586leftcolumn_inner { border-right: none; } .stacks_in_519586rightcolumn_inner{ border-left: none; } .stacks_in_519586outerwrap{ border-top: none; } .stacks_in_519586outerwrap{ border-right: none; } .stacks_in_519586outerwrap{ border-bottom: none; } .stacks_in_519586outerwrap{ border-left: none; } /* end doobox pro columns css *//* Start Responsive Shim stack CSS code */ .stacks_in_519570shim{ padding-top: 1%; } /* End Responsive Shim stack CSS code */ #stacks_in_519622 { background-color: rgba(255, 255, 255, 1.00); margin: 20px; } #stacks_in_519572 { margin: 20px; padding: 20px; } #stacks_in_519620 { background-color: rgba(255, 255, 255, 1.00); margin: 20px; } #stacks_in_519560 { margin: 20px; padding: 20px; } #stacks_in_519632 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_519632 .pullquote:before, #stacks_in_519632 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_519632 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_519632 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_519632 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_519632 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_519632 { margin: 20px; padding: 20px; } /* * Pure Images * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.1 */ #stacks_in_519630 { overflow: visible; } #stacks_in_519630 img { width: 100%; height: auto; display: block; } /* --------------------------------------------------------------BORDER RADIUS*/ #stacks_in_519630 > div, #stacks_in_519630 img { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* --------------------------------------------------------------SHADOW STYLES*/ #stacks_in_519630 .standard { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.44); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.44); box-shadow: 0 1px 3px rgba(0,0,0,0.44); } #stacks_in_519630 .bottom-s { -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); } #stacks_in_519630 .corners { position: relative; opacity: .99; background: #fff; } #stacks_in_519630 .corners:before, #stacks_in_519630 .corners:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_519630 .corners:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } #stacks_in_519630 .left-corner { position: relative; opacity: .99; background: #fff; } #stacks_in_519630 .left-corner:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_519630 .right-corner { position: relative; opacity: .99; background: #fff; } #stacks_in_519630 .right-corner:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } #stacks_in_519630 .bent-bottom { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519630 .bent-bottom:before, #stacks_in_519630 .bent-bottom:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519630 .bent-bottom:after { -webkit-transform: translate3d(0, 0, 0); right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } #stacks_in_519630 .bent-x { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519630 .bent-x:before, #stacks_in_519630 .bent-x:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:3px; bottom:0px; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519630 .bent-x:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } #stacks_in_519630 .bent-y { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519630 .bent-y:before, #stacks_in_519630 .bent-y:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:2px; right:2px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519630 .bent-y:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } .image-source-link { color: #98C3D1; } /* --------------------------------------------------------------LIGHTBOX*/ .fluidbox { outline: none; } .fluidbox-overlay { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; opacity: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; transition: all .25s ease-in-out; } .fluidbox-wrap { background-position: center center; background-size: cover; margin: 0 auto; position: relative; transition: all .25s ease-in-out; } .fluidbox-ghost { background-size: cover; background-position: center center; position: absolute; transition: all .25s ease-in-out; } .fluidbox-closed .fluidbox-ghost { -webkit-transition-property: top, left, opacity, -webkit-transform; -moz-transition-property: top, left, opacity, -moz-transform; -o-transition-property: top, left, opacity, -o-transform; transition-property: top, left, opacity, transform; transition-delay: 0, 0, .25s, 0; } .fluidbox-closed .fluidbox-wrap img { transition-property: opacity; transition-delay: .25s; transition-duration: 0s; } #stacks_in_519747 { margin: 20px; padding: 20px; } #stacks_in_520112>.s3_row { margin: 0 -0px; } #stacks_in_520112>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_520112>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_520112>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_520112>.s3_row { margin: -0px 0; } #stacks_in_520112>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_520112 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_520224shim{ padding-top: 6%; } /* End Responsive Shim stack CSS code */ #stacks_in_520222 { margin: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_519662shim{ padding-top: 3%; } /* End Responsive Shim stack CSS code */.stacks_in .dk_denflinkegrafiker_stacks_sidecar_stack { } .sidecar_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .content_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .main_unique_id { /*MAIN AREA*/ display: table !important; width: 100% !important; box-sizing: border-box; vertical-align:top !important; margin-left: auto; margin-right: auto; background-color: rgba(229, 229, 229, 1.00) !important; font-family: inherit; margin-top: 20px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_unique_id {/*SIDEBAR AREA*/ display: table-cell !important; width: 800px !important; background-color: rgba(35, 39, 48, 1.00) !important; padding-top: 10px ; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .sidecar_unique_id img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 0px; padding-left: px; padding-right: px; /*CustomCSS*/ } .content_unique_id {/*CONTENT AREA*/ display: table-cell !important; padding-top: 10px ; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .content_unique_id img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; } @media screen and (max-width: 780px) { .sidecar_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .content_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .main_unique_id { display: table !important; width: 100% !important; padding-top: 0px ; padding-bottom: 0px; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_unique_id { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } .content_unique_id { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } } #stacks_in_519738 { margin: 20px; padding: 20px; } /* LinkThing by RapidWeaver Central */ /* 1 Slinky ====================== */ .link_effect1stacks_in_519733 a:before, .link_effect1stacks_in_519733 a:after { content: ''; position: absolute; bottom: -2px; left: 50%; width: 0; height: 1px; background: #FD8008 !important; -webkit-transition: width 300ms ease; transition: width 300ms ease; } .link_effect1stacks_in_519733 a:after { right: 50%; left: auto; } .link_effect1stacks_in_519733 a:hover:before, .link_effect1stacks_in_519733 a:hover:after { width: 50%; } .link_effect1stacks_in_519733 a { color: #FD8008 !important; font-weight:normal;; position: relative; text-decoration: none; } .link_effect1stacks_in_519733 a:visited { text-decoration: none; } /* 2 Stretchy ====================== */ #stacks_in_519733 .link_effect2stacks_in_519733 a { color: #FD8008 !important; font-weight:normal;; letter-spacing: 0; opacity: .5; -webkit-transition: all .25s ease-out; } #stacks_in_519733 .link_effect2stacks_in_519733 a:hover { opacity: 1; letter-spacing: 10px; } /* 3 Fade In ====================== */ #stacks_in_519733 .link_effect3stacks_in_519733 { text-decoration: none; } #stacks_in_519733 .link_effect3stacks_in_519733 a { color: #FD8008 !important; font-weight:normal;; border-bottom: 1px solid #DA4453; font-weight: 500; -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } #stacks_in_519733 .link_effect3stacks_in_519733 a:hover, #stacks_in_519733 .link_effect3stacks_in_519733 a:focus { color: #DA4453 !important; border-color: #DA4453*0.8%; background-color: #DA4453; } /* 4 Bubble ====================== */ #stacks_in_519733 .link_effect4stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect4stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect4stacks_in_519733 a::before, #stacks_in_519733 .link_effect%stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect4stacks_in_519733 { } #stacks_in_519733 .link_effect4stacks_in_519733 a { font-weight:normal;; } #stacks_in_519733 .link_effect4stacks_in_519733 a::before { position: absolute; top: 0; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; border-radius: 10px; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0); transform: scale(0); } #stacks_in_519733 .link_effect4stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect4stacks_in_519733 a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 5 UpSlider ====================== */ #stacks_in_519733 .link_effect5stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect5stacks_in_519733 a { color: #FD8008 !important; font-weight:normal;; position: relative; display: inline-block; outline: none; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect5stacks_in_519733 a::before, #stacks_in_519733 .link_effect5stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect5stacks_in_519733 a { overflow: hidden; font-weight: 500; } #stacks_in_519733 .link_effect5stacks_in_519733 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #FB0207; content: ''; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transform: translateY(95%); transform: translateY(95%); } #stacks_in_519733 .link_effect5stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect5stacks_in_519733 a:focus::before { -webkit-transform: translateY(0); transform: translateY(0); } /* 6 RightSlider RightSlider_color ====================== */ #stacks_in_519733 .link_effect6stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect6stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect6stacks_in_519733 a::before, #stacks_in_519733 .link_effect6stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect6stacks_in_519733 a { overflow: hidden; font-weight:normal;; } #stacks_in_519733 .link_effect6stacks_in_519733 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scaleY(0.618) translateX(-100%); transform: scaleY(0.618) translateX(-100%); } #stacks_in_519733 .link_effect6stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect6stacks_in_519733 a:focus::before { -webkit-transform: scaleY(0.618) translateX(0); transform: scaleY(0.618) translateX(0); } /* 7 InBouncer InBouncer_color ====================== */ #stacks_in_519733 .link_effect7stacks_in_519733 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect7stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect7stacks_in_519733 a::before, #stacks_in_519733 .link_effect7stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect7stacks_in_519733 { position: relative; } #stacks_in_519733 .link_effect7stacks_in_519733 a { vertical-align: bottom; font-weight:normal;; } #stacks_in_519733 .link_effect7stacks_in_519733 a::before { position: absolute; top: 0; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); -webkit-transform: scale(0); transform: scale(0); } #stacks_in_519733 .link_effect7stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect7stacks_in_519733 a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 8 Dissipater ====================== */ #stacks_in_519733 .link_effect8stacks_in_519733 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect8stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect8stacks_in_519733 a::before, #stacks_in_519733 .link_effect8stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect8stacks_in_519733 a { color: #FD8008 !important; font-weight:normal;; -webkit-transition: color 0.3s; transition: color 0.3s; } #stacks_in_519733 .link_effect8stacks_in_519733 a:hover, #stacks_in_519733 .link_effect8stacks_in_519733 a:focus { color: #DA4453 !important; } #stacks_in_519733 .link_effect8stacks_in_519733 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 5px; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s, background-color 0.2s; transition: transform 0.2s, opacity 0.2s, background-color 0.2s; -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_519733 .link_effect8stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect8stacks_in_519733 a:focus::before { background-color: rgba(255,255,255,0); opacity: 1; -webkit-transform: scaleX(1) scaleY(0.618); transform: scaleX(1) scaleY(0.618); } /* 9 Flipper ====================== */ #stacks_in_519733 .link_effect9stacks_in_519733 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect9stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect9stacks_in_519733 a::before, #stacks_in_519733 .link_effect9stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect9stacks_in_519733 a { font-weight:normal;; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } #stacks_in_519733 .link_effect9stacks_in_519733 a:hover, #stacks_in_519733 .link_effect9stacks_in_519733 a:focus { color: #DA4453 !important; } #stacks_in_519733 .link_effect9stacks_in_519733 a::before, #stacks_in_519733 .link_effect9stacks_in_519733 a::after { position: absolute; top: 0; left: -4px; z-index: -1; box-sizing: content-box; padding: 0 4px; width: 100%; height: 100%; content: ''; } #stacks_in_519733 .link_effect9stacks_in_519733 a::before { background-color: #DA4453; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } #stacks_in_519733 .link_effect9stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect9stacks_in_519733 a:focus::before { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #stacks_in_519733 .link_effect9stacks_in_519733 a::after { border-bottom: 2px solid #DA4453; } /* 10 Borderer ====================== */ #stacks_in_519733 .link_effect10stacks_in_519733 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect10stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect10stacks_in_519733 a::before, #stacks_in_519733 .link_effect10stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect10stacks_in_519733 a { color: #FD8008 !important; font-weight:normal;; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } #stacks_in_519733 .link_effect10stacks_in_519733 a:hover, #stacks_in_519733 .link_effect10stacks_in_519733 a:focus { -webkit-transform: scale(0.8333); transform: scale(0.8333); } #stacks_in_519733 .link_effect10stacks_in_519733 a::before { position: absolute; top: -2px; left: -7px; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; border: 2px solid #DA4453; content: ''; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(0.8333); transform: scale(0.8333); } #stacks_in_519733 .link_effect10stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect10stacks_in_519733 a:focus::before { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } /* 11 Squiffy ====================== */ #stacks_in_519733 .link_effect11stacks_in_519733 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect11stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect11stacks_in_519733 a::before, #stacks_in_519733 .link_effect11stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect11stacks_in_519733 a { font-weight:normal;; -webkit-transition: color 0.4s; transition: color 0.4s; } #stacks_in_519733 .link_effect11stacks_in_519733 a:hover, #stacks_in_519733 .link_effect11stacks_in_519733 a:focus { color: #DA4453 !important; } #stacks_in_519733 .link_effect11stacks_in_519733 a::before { position: absolute; top: 0px; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; background: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.2s; -webkit-transform: skewY(-3deg) skewX(-11deg); transform: skewY(-3deg) skewX(-11deg); } #stacks_in_519733 .link_effect11stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect11stacks_in_519733 a:focus::before { opacity: 1; -webkit-transform: skewY(0) skewX(0); transform: skewY(0) skewX(0); } /* 12 UpLiner ====================== */ #stacks_in_519733 .link_effect12stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect12stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect12stacks_in_519733 a::before, #stacks_in_519733 .link_effect12stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect12stacks_in_519733 a { overflow: hidden; font-weight:normal;; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_519733 .link_effect12stacks_in_519733 a:hover, #stacks_in_519733 .link_effect12stacks_in_519733 a:focus { -webkit-transform: translateY(10%); transform: translateY(10%); } #stacks_in_519733 .link_effect12stacks_in_519733 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(100%) translateY(-2px); transform: translateY(100%) translateY(-2px); } #stacks_in_519733 .link_effect12stacks_in_519733 a, #stacks_in_519733 .link_effect12stacks_in_519733 a::before { -webkit-transition-timing-function: cubic-bezier(0.6,0,0.4,1); transition-timing-function: cubic-bezier(0.6,0,0.4,1); } #stacks_in_519733 .link_effect12stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect12stacks_in_519733 a:focus::before { -webkit-transform: translateY(-100%) translateY(2px); transform: translateY(-100%) translateY(2px); } /* 13 Tooltipper ====================== */ #stacks_in_519733 .link_effect13stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect13stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect13stacks_in_519733 a::before, #stacks_in_519733 .link_effect13stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect13stacks_in_519733 { } #stacks_in_519733 .link_effect13stacks_in_519733 a { color: #FD8008 !important; font-weight:normal;; } #stacks_in_519733 .link_effect13stacks_in_519733 a::before { display:table; position:absolute; top:1.8em; left:1.8em; padding:.2em .5em .5em 3.7em; width: 200pxpx; height: 100%; background: #DA4453 url(../files/link.svg) no-repeat -3em 50%; background-size: auto 40%; color: transparent; content: attr(href); white-space: pre-wrap; word-break: break-all; font-weight:normal;; font-size: 80%; font-style: italic; opacity: 0; line-height: 1.6; pointer-events: auto; -webkit-transition: opacity 0.3s, color 0.3s, -webkit-transform 0.3s, background-position 0.2s; transition: opacity 0.3s, color 0.3s, transform 0.3s, background-position 0.2s; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 5pxpx; -moz-border-radius: 5pxpx; border-radius: 5pxpx; } #stacks_in_519733 .link_effect13stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect13stacks_in_519733 a:focus::before { background-position: 1em 50%; color: #DA4453; opacity: 1; -webkit-transition-delay: 0s, 0s, 0s, 0.1s; transition-delay: 0s, 0s, 0s, 0.1s; -webkit-transform: scale(1) translateY(-75%); transform: scale(1) translateY(-75%); } /* 14 Arrow arrow_color ====================== */ #stacks_in_519733 .link_effect14stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect14stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect14stacks_in_519733 a::before, #stacks_in_519733 .link_effect14stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect14stacks_in_519733 a { padding: 0 0.25em; font-weight:normal;; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(0); transform: translateX(0); } #stacks_in_519733 .link_effect14stacks_in_519733 a:hover, #stacks_in_519733 .link_effect14stacks_in_519733 a::after { -webkit-transform: translateX(-1em); transform: translateX(-1em); } #stacks_in_519733 .link_effect14stacks_in_519733 a::before, #stacks_in_519733 .link_effect14stacks_in_519733 a::after { position: absolute; height: 100%; content: ''; } #stacks_in_519733 .link_effect14stacks_in_519733 a::before { left: 0; z-index: -1; width: 100%; background: #1F202C; } #stacks_in_519733 .link_effect14stacks_in_519733 a::after { left: 100%; z-index: -2; width: 1em; background: #FD8008 url(../files/arrow_right.svg) no-repeat 50% 50%; background-size: 60% auto; text-align: center; pointer-events: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_519733 .link_effect14stacks_in_519733 a:hover::after, #stacks_in_519733 .link_effect14stacks_in_519733 a:focus::after { -webkit-transform: translateX(0); transform: translateX(0); } /* 15 Curtains ====================== */ #stacks_in_519733 .link_effect15stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect15stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect15stacks_in_519733 a::before, #stacks_in_519733 .link_effect15stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect15stacks_in_519733 a { overflow: hidden; font-weight:normal;; } #stacks_in_519733 .link_effect15stacks_in_519733 a::before, #stacks_in_519733 .link_effect15stacks_in_519733 a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_519733 .link_effect15stacks_in_519733 a::before { border-top: 2px solid #DA4453; background: transparent; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateY( calc(100% - 2px) ); transform: translateY( calc(100% - 2px) ); } #stacks_in_519733 .link_effect15stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect15stacks_in_519733 a:focus::before { -webkit-transition-delay: 0s; transition-delay: 0s; } #stacks_in_519733 .link_effect15stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect15stacks_in_519733 a:focus::before, #stacks_in_519733 .link_effect15stacks_in_519733 a:hover::after, #stacks_in_519733 .link_effect15stacks_in_519733 a:focus::after { -webkit-transform: translateX(0); transform: translateX(0); } #stacks_in_519733 .link_effect15stacks_in_519733 a::after { z-index: -1; background: #DA4453; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #stacks_in_519733 .link_effect15stacks_in_519733 a:hover::after, #stacks_in_519733 .link_effect15stacks_in_519733 a:focus::after { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } /* 16 Brackets ====================== */ #stacks_in_519733 .link_effect16stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect16stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect16stacks_in_519733 a::before, #stacks_in_519733 .link_effect16stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect16stacks_in_519733 a { padding: 0 0.35em; font-weight:normal;; -webkit-transition: color 0.2s; transition: color 0.2s; } #stacks_in_519733 .link_effect16stacks_in_519733 a:hover { color: #d04c3f; } #stacks_in_519733 .link_effect16stacks_in_519733 a::before, #stacks_in_519733 .link_effect16stacks_in_519733 a::after { position: absolute; top: 0; font-weight: 100; font-size: 150%; line-height: 1; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } #stacks_in_519733 .link_effect16stacks_in_519733 a::before { left: -0.1em; content: '['; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #stacks_in_519733 .link_effect16stacks_in_519733 a::after { right: -0.1em; content: ']'; -webkit-transform: translateX(100%); transform: translateX(100%); } #stacks_in_519733 .link_effect16stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect16stacks_in_519733 a:hover::after { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } /* 17 Javelinky ====================== */ #stacks_in_519733 .link_effect17stacks_in_519733 a { position: relative; padding: 0 5px; color: #FD8008 !important; font-weight:normal;; text-decoration: none; } #stacks_in_519733 .link_effect17stacks_in_519733 a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; margin: auto; background-image: linear-gradient(90deg, transparent 0%, #FD8008 50%, transparent 100%); -webkit-transition: width .15s ease; -moz-transition: width .15s ease; transition: width .15s ease; } #stacks_in_519733 .link_effect17stacks_in_519733 a:hover:after { width: 0; } /* 18 Sandwich ====================== */ #stacks_in_519733 .link_effect18stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect18stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect18stacks_in_519733 a::before, #stacks_in_519733 .link_effect18stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_519733 .link_effect18stacks_in_519733 { } #stacks_in_519733 .link_effect18stacks_in_519733 a { padding: 0 ; color: #FD8008; text-shadow: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } #stacks_in_519733 .link_effect18stacks_in_519733 a::before, #stacks_in_519733 .link_effect18stacks_in_519733 a::after { position: absolute; left: 0; width: 100%; height: 1px; background: #FD8008; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #stacks_in_519733 .link_effect18stacks_in_519733 a::before { top: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #stacks_in_519733 .link_effect18stacks_in_519733 a::after { bottom: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } #stacks_in_519733 .link_effect18stacks_in_519733 a:hover, #stacks_in_519733 .link_effect18stacks_in_519733 a:focus { color: #fff; } #stacks_in_519733 .link_effect18stacks_in_519733 a:hover::before, #stacks_in_519733 .link_effect18stacks_in_519733 a:focus::before, #stacks_in_519733 .link_effect18stacks_in_519733 a:hover::after, #stacks_in_519733 .link_effect18stacks_in_519733 a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* 19 Fade Up ====================== */ #stacks_in_519733 .link_effect19stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect19stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect19stacks_in_519733 a::before, #stacks_in_519733 .link_effect19stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link_effect19stacks_in_519733 a { } .link_effect19stacks_in_519733 a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: #DA4453; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } .link_effect19stacks_in_519733 a:hover::after, .link_effect19stacks_in_519733 a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* 20 Fade Down ====================== */ #stacks_in_519733 .link_effect20stacks_in_519733 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_519733 .link_effect20stacks_in_519733 a { position: relative; display: inline-block; outline: none; color: #FD8008 !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_519733 .link_effect20stacks_in_519733 a::before, #stacks_in_519733 .link_effect20stacks_in_519733 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link_effect20stacks_in_519733 a { } .link_effect20stacks_in_519733 a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #DA4453; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .link_effect20stacks_in_519733 a:hover::after, .link_effect20stacks_in_519733 a:focus::after { height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } #stacks_in_519733 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_519927shim{ padding-top: 20%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_519928shim{ padding-top: 20%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_519929shim{ padding-top: 20%; } /* End Responsive Shim stack CSS code *//* * Pure Images * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.1 */ #stacks_in_519843 { overflow: visible; } #stacks_in_519843 img { width: 100%; height: auto; display: block; } /* --------------------------------------------------------------BORDER RADIUS*/ #stacks_in_519843 > div, #stacks_in_519843 img { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* --------------------------------------------------------------SHADOW STYLES*/ #stacks_in_519843 .standard { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.44); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.44); box-shadow: 0 1px 3px rgba(0,0,0,0.44); } #stacks_in_519843 .bottom-s { -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); box-shadow: 0 10px 6px -6px rgba(0,0,0,0.44); } #stacks_in_519843 .corners { position: relative; opacity: .99; background: #fff; } #stacks_in_519843 .corners:before, #stacks_in_519843 .corners:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_519843 .corners:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } #stacks_in_519843 .left-corner { position: relative; opacity: .99; background: #fff; } #stacks_in_519843 .left-corner:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #stacks_in_519843 .right-corner { position: relative; opacity: .99; background: #fff; } #stacks_in_519843 .right-corner:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: rgba(0,0,0,0.44); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.44); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.44); box-shadow: 0 15px 10px rgba(0,0,0,0.44); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } #stacks_in_519843 .bent-bottom { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519843 .bent-bottom:before, #stacks_in_519843 .bent-bottom:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519843 .bent-bottom:after { -webkit-transform: translate3d(0, 0, 0); right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } #stacks_in_519843 .bent-x { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519843 .bent-x:before, #stacks_in_519843 .bent-x:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:3px; bottom:0px; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519843 .bent-x:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } #stacks_in_519843 .bent-y { background: #fff; position:relative; opacity: .99; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } #stacks_in_519843 .bent-y:before, #stacks_in_519843 .bent-y:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:2px; right:2px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #stacks_in_519843 .bent-y:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } .image-source-link { color: #98C3D1; } /* --------------------------------------------------------------LIGHTBOX*/ .fluidbox { outline: none; } .fluidbox-overlay { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; opacity: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; transition: all .25s ease-in-out; } .fluidbox-wrap { background-position: center center; background-size: cover; margin: 0 auto; position: relative; transition: all .25s ease-in-out; } .fluidbox-ghost { background-size: cover; background-position: center center; position: absolute; transition: all .25s ease-in-out; } .fluidbox-closed .fluidbox-ghost { -webkit-transition-property: top, left, opacity, -webkit-transform; -moz-transition-property: top, left, opacity, -moz-transform; -o-transition-property: top, left, opacity, -o-transform; transition-property: top, left, opacity, transform; transition-delay: 0, 0, .25s, 0; } .fluidbox-closed .fluidbox-wrap img { transition-property: opacity; transition-delay: .25s; transition-duration: 0s; } #stacks_in_519837 { margin: 20px; padding: 20px; } /* Start dooFaq2 stack each CSS code */ #stacks_in_519819 .faq-question{ position: relative; font-size: 110% !important; line-height: normal !important; font-weight: bold; padding: 10px 14px 10px 12px; padding-right: 50px; margin-top: 1px; border-radius: 4px; cursor: pointer; } #stacks_in_519819 .faq-icon{ position: absolute; top: 0; right: 0; padding: 10px 14px 10px 12px; } /* Hack to stop text flickr */ #stacks_in_519819 .faq-icon i{ position: relative; z-index: 100; } #stacks_in_519819 .fa-bars, #stacks_in_519819 .fa-toggle-off, #stacks_in_519819 .fa-question, #stacks_in_519819 .fa-angle-right{ display: none; } #stacks_in_519819 .fa-bars{ display: inline; } #stacks_in_519819 .faq-answer{ margin: 0 4px 0 4px; padding: 20px 0px 20px 0px; } /* THEME */ #stacks_in_519819 .faqQuestionClosed{ background-color: rgba(31, 32, 44, 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_519819 .faqQuestionOpen{ background: rgba(253, 128, 8, 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_519819 .faqQuestionOpen:hover{ background: rgba(253, 128, 8, 1.00) !important; } #stacks_in_519819 .faqQuestionClosed:hover{ background: rgba(66, 67, 79, 1.00) !important; background: rgba(0, 0, 9, 1.00) !important; } #stacks_in_519819 .faq-answer { display: none; } /* End dooFaq2 stack each CSS code */ #stacks_in_519819 { margin: 20px; padding: 20px; } /* 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 *//* 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 Bellboy Each css Template -- */ .stacks_in_520241bellboywrapper{ width: 50px; margin: 0 auto; display : none; } .stacks_in_520241bellboy{ position: relative; cursor: pointer; background: rgba(0, 0, 0, 1.00); width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: rgba(255, 255, 255, 1.00); text-align: center; line-height: 50px; font-size: 22.727272px; margin: 5px; z-index: 1000; background: rgba(0, 0, 0, 1.00); } .stacks_in_520241bellboy i { position: relative; display: block; margin: 0 auto 0 auto; width: 50px; height: 50px; line-height: 50px; font-size: 22.727272px; vertical-align: middle; } .stacks_in_520241bellboy:hover{ color: rgba(235, 235, 235, 1.00); background: rgba(15, 15, 15, 1.00); /* Old browsers */ } /* -- End Bellboy Each css Template -- *//* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_520242 *, #socialPopupTriggerButtonstacks_in_520242 *::after, #socialPopupTriggerButtonstacks_in_520242 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_520242 { position: fixed; top: 7.00%; right: 2.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_520242 { display: none; } #socialPopupTriggerButtonstacks_in_520242 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_520242 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_520242 #socialPopupTriggerButtonBorderstacks_in_520242 { border: 2px solid #CDCDCD; background: #000000; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; height: 50px; overflow: hidden; z-index: 5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_520242:hover #socialPopupTriggerButtonBorderstacks_in_520242 { border: 2px solid #999999; background: #000000; } #socialPopupTriggerButtonstacks_in_520242:hover #socialPopupTriggerButtonBorderstacks_in_520242 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_520242 #socialPopupTriggerButtonIconstacks_in_520242 [class^="fa fa-"] { color: #FFFFFF; font-size: 24px; line-height: 50px; width: 50px; text-align: center; display: block; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_520242:hover #socialPopupTriggerButtonBorderstacks_in_520242 [class^="fa fa-"] { color: #FFFFFF; } #socialPopupTriggerButtonstacks_in_520242 #socialPopupTriggerButtonTextstacks_in_520242 { color: #333333; font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; max-width: 0px; overflow: hidden; line-height: 50px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_520242:hover #socialPopupTriggerButtonTextstacks_in_520242 { max-width: 300px; color: #FFFFFF; } /* @end */ /* @group Content Block (top of modal) */ #sociableContentBlock { max-width: 1200px; margin: 0 auto; text-align: center; } #adBlockMessage { display: none; } #adBlockMessage.adBlockTrue { display: block; color: #ffffff; text-align: center; font-size: 16px; } /* @end */ /* @group Modal Window */ /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .socialPopupModalPerspective, .socialPopupModalPerspective body { height: 100%; overflow: hidden; } .socialPopupModalPerspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .socialPopupModal-1 { position: fixed; top: 0%; left: 0%; width: 100%; overflow: auto; height: 100%; z-index: 19991; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .socialPopupModalShow { visibility: visible; } .socialPopupModalOverlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1999; opacity: 0; background: #000000; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow ~ .socialPopupModalOverlay { opacity: 0.85; visibility: visible; } /* Content styles */ #socialPopupModalContentstacks_in_520242 { position: relative; border-radius: 3px; margin: 0 auto; } /* Individual modal styles with animations/transitions */ /* */ /* @group Effect 1 */ /* Effect 1: Fade in and scale up */ .socialPopupModalEffect-1 #socialPopupModalContentstacks_in_520242 { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-1 #socialPopupModalContentstacks_in_520242 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 2 */ /* Effect 2: Slide from the right */ .socialPopupModalEffect-2 #socialPopupModalContentstacks_in_520242 { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); } .socialPopupModalShow.socialPopupModalEffect-2 #socialPopupModalContentstacks_in_520242 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* @end */ /* @group Effect 3 */ /* Effect 3: Slide from the bottom */ .socialPopupModalEffect-3 #socialPopupModalContentstacks_in_520242 { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-3 #socialPopupModalContentstacks_in_520242 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* @end */ /* @group Effect 4 */ /* Effect 4: Newspaper */ .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_520242 { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-4 ~ .socialPopupModalOverlay, .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_520242 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_520242 { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 5 */ /* Effect 5: fall */ .socialPopupModalEffect-5.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-5 #socialPopupModalContentstacks_in_520242 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-5 #socialPopupModalContentstacks_in_520242 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 6 */ /* Effect 6: side fall */ .socialPopupModalEffect-6.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-6 #socialPopupModalContentstacks_in_520242 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-6 #socialPopupModalContentstacks_in_520242 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 7 */ /* Effect 7: slide and stick to top */ .socialPopupModalEffect-7{ top: 0; -webkit-transform: translateX(-0%); -moz-transform: translateX(-0%); -ms-transform: translateX(-0%); transform: translateX(-0%); } .socialPopupModalEffect-7 #socialPopupModalContentstacks_in_520242 { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-7 #socialPopupModalContentstacks_in_520242 { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* @end */ /* @group Effect 8 */ /* Effect 8: 3D flip horizontal */ .socialPopupModalEffect-8.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-8 #socialPopupModalContentstacks_in_520242 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-8 #socialPopupModalContentstacks_in_520242 { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* @end */ /* @group Effect 9 */ /* Effect 9: 3D flip vertical */ .socialPopupModalEffect-9.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-9 #socialPopupModalContentstacks_in_520242 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-9 #socialPopupModalContentstacks_in_520242 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 10 */ /* Effect 10: 3D sign */ .socialPopupModalEffect-10.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-10 #socialPopupModalContentstacks_in_520242 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-10 #socialPopupModalContentstacks_in_520242 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 11 */ /* Effect 11: Super scaled */ .socialPopupModalEffect-11 #socialPopupModalContentstacks_in_520242 { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-11 #socialPopupModalContentstacks_in_520242 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 12 */ /* Effect 12: Just me */ .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_520242 { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-12 ~ .socialPopupModalOverlay { background: #000000; } .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_520242 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_520242 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_520242 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 13 */ /* Effect 13: 3D slit */ .socialPopupModalEffect-13.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-13 #socialPopupModalContentstacks_in_520242 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-13 #socialPopupModalContentstacks_in_520242 { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* @end */ /* @group Effect 14 */ /* Effect 14: 3D Rotate from bottom */ .socialPopupModalEffect-14.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-14 #socialPopupModalContentstacks_in_520242 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .socialPopupModalShow.socialPopupModalEffect-14 #socialPopupModalContentstacks_in_520242 { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 15 */ /* Effect 15: 3D Rotate in from left */ .socialPopupModalEffect-15.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-15 #socialPopupModalContentstacks_in_520242 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-15 #socialPopupModalContentstacks_in_520242 { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* @end */ /* */ /* @end */ /* @group Close button */ #sociableCloseButtonstacks_in_520242 { position: absolute; top: 0; right: 0; padding: 0; margin: 0; color: #FF0000; font-size: 40px; line-height: 80px; width: 80px; text-align: center; text-decoration: none; background: none; border: none; outline: none; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_520242 [class^="fa fa-"] { color: #FF0000; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_520242:hover, #sociableCloseButtonstacks_in_520242:hover [class^="fa fa-"] { color: #00FF00; } /* @end */ /* @group Radioactive Scroll Indicator */ @-webkit-keyframes radioactiveGlow { from { -webkit-box-shadow: 0 0 50px #FFFFFF; } 50% { -webkit-box-shadow: 0 0 0px #000000; } to { -webkit-box-shadow: 0 0 50px #FFFFFF; } } @-moz-keyframes radioactiveGlow { from { -moz-box-shadow: 0 0 50px #FFFFFF; } 50% { -moz-box-shadow: 0 0 0px #000000; } to { -moz-box-shadow: 0 0 50px #FFFFFF; } } @-ms-keyframes radioactiveGlow { from { -ms-box-shadow: 0 0 50px #FFFFFF; } 50% { -ms-box-shadow: 0 0 0px #000000; } to { -ms-box-shadow: 0 0 50px #FFFFFF; } } @keyframes radioactiveGlow { from { box-shadow: 0 0 50px #FFFFFF; } 50% { box-shadow: 0 0 0px #000000; } to { box-shadow: 0 0 50px #FFFFFF; } } #radioactiveScrollIndicatorstacks_in_520242 { -webkit-animation-name: radioactiveGlow; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-name: radioactiveGlow; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -ms-animation-name: radioactiveGlow; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; animation-name: radioactiveGlow; animation-duration: 2s; animation-iteration-count: infinite; position: fixed; bottom: -50px; left: 0px; width: 100%; height: 50px; background: #ffffff; display: none; } .socialPopupScrollable #radioactiveScrollIndicatorstacks_in_520242 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_520242 { display: none; } /* @end */ /* @group Social Icon List */ #sociableIconWrapper *, #sociableIconWrapper *::after, #sociableIconWrapper *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableIconWrapper { max-width: 1200px; margin: 60px auto; z-index: 1999; position: relative; } .socialIconArray { display: block; text-align: center; } .socialIconArray div { display: inline-block; width: auto; height: auto; line-height: 100px; text-align: center; position: relative; margin-bottom: 30px; text-align: center; line-height: 1.50em; font-size: 24px; z-index: 5; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: #FFFFFF; } .socialIconArray div:hover { color: #FFFFFF; } .socialIconArray div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } .socialIconArray div [class^="fa fa-"] { font-size: 60px; height: 100px; width: 100px; line-height: 100px; border-radius: 50px; position: relative; z-index: 5; border: 2px solid #FFFFFF; transition: all 300ms ease-in-out; overflow: hidden; display: block; margin: 30px; } .socialIconArray div:hover [class^="fa fa-"] { -webkit-box-shadow: 0px 0px 30px #FFFFFF; -moz-box-shadow: 0px 0px 30px #FFFFFF; box-shadow: 0px 0px 30px #FFFFFF; border: 2px solid #FFFFFF; } /* Sub headings */ .socialIconArray .subheading { margin-top: 30px; padding-top: 30px; font-size: 24px; display: block; float: none; color: #FFFFFF; } .socialIconArray .subheading a, .socialIconArray .subheading a:visited { color: #FFFFFF; text-decoration: underline; position: relative; top: auto; left: auto; width: auto; height: auto; display: inline; } .socialIconArray .subheading a:hover, .socialIconArray .subheading a:active { color: #FFFFFF; text-decoration: underline; } /* Utility icons */ #sociableUtilityIcons *, #sociableUtilityIcons *::after, #sociableUtilityIcons *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableUtilityIcons { border-top: 1px solid #CDCDCD; margin-top: 20px; padding-top: 30px; display: block; } /* @end */ /* @group Print Styling */ @media print { #socialPopupstacks_in_520242, #socialPopupModalOverlaystacks_in_520242, #socialPopupTriggerButtonstacks_in_520242 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */#stacks_in_520246>.s3_row { margin: 0 -50px; } #stacks_in_520246>.s3_row>.s3_column { padding: 0 50px; } @media only screen and (max-width: 770px) { #stacks_in_520246>.s3_row { margin: -50px -50px; } #stacks_in_520246>.s3_row>.s3_column { padding: 50px 50px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_520246>.s3_row { margin: -50px 0; } #stacks_in_520246>.s3_row>.s3_column { padding: 50px 0; width:100%; } } #stacks_in_520246 { margin: 20px; padding: 20px; }