/* 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 */.hr-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-align-center hr{text-align:center;margin-left:auto;margin-right:auto}@media (max-width:600px){.hr-s-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-s-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-s-align-center hr{text-align:center;margin-left:auto;margin-right:auto}}@media (min-width:600px){.hr-m-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-m-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-m-align-center hr{text-align:center;margin-left:auto;margin-right:auto}}@media (min-width:900px){.hr-l-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-l-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-l-align-center hr{text-align:center;margin-left:auto;margin-right:auto}}@media (min-width:1200px){.hr-xl-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-xl-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-xl-align-center hr{text-align:center;margin-left:auto;margin-right:auto}} .img-fit-wrap{overflow:hidden}.img-fit-caption{position:absolute!important;bottom:0;width:100%} /* Start Responsive Shim stack CSS code */ .stacks_in_695shim{ padding-top: 3%; } /* End Responsive Shim stack CSS code */ .stacks_left { float:left; } .stacks_row { overflow:hidden; margin:0 auto; } #stacks_in_737 .stacks_left { width:200px; } #stacks_in_737 .stacks_row { width:800px; }/* Start Button Press stack CSS code */ #stacks_in_738{ text-align: center !important; } .stacks_in_738dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:inherit; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #CD756A; -webkit-box-shadow:inset 0px 1px 0px 0px #CD756A; box-shadow:inset 0px 1px 0px 0px #CD756A; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #872F24), color-stop(1, #691106) ); background:-moz-linear-gradient( center top, #872F24 5%, #691106 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#872F24', endColorstr='#691106'); background-color:#7D251A; text-shadow:none; text-shadow:1px -1px 0px #550000; border:1px solid #5F0700; color:#F3AE13; font-size:110% !important; font-weight:normal !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 49px 6px 49px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_738dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #550000; -webkit-box-shadow:inset 0px 1px 0px 0px #550000; box-shadow:inset 0px 1px 0px 0px #550000; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #691106), color-stop(1, #872F24) ); background:-moz-linear-gradient( center top, #691106 5%, #872F24 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#691106', endColorstr='#872F24'); background-color:#7D251A; color:; } /* End Button Press stack CSS code *//* Start Button Press stack CSS code */ #stacks_in_740{ text-align: center !important; } .stacks_in_740dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:inherit; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #CD756A; -webkit-box-shadow:inset 0px 1px 0px 0px #CD756A; box-shadow:inset 0px 1px 0px 0px #CD756A; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #872F24), color-stop(1, #691106) ); background:-moz-linear-gradient( center top, #872F24 5%, #691106 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#872F24', endColorstr='#691106'); background-color:#7D251A; text-shadow:none; text-shadow:1px -1px 0px #550000; border:1px solid #5F0700; color:#FFFFFF; font-size:110% !important; font-weight:normal !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_740dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #550000; -webkit-box-shadow:inset 0px 1px 0px 0px #550000; box-shadow:inset 0px 1px 0px 0px #550000; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #691106), color-stop(1, #872F24) ); background:-moz-linear-gradient( center top, #691106 5%, #872F24 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#691106', endColorstr='#872F24'); background-color:#7D251A; color:; } /* End Button Press stack CSS code *//* Start Button Press stack CSS code */ #stacks_in_742{ text-align: center !important; } .stacks_in_742dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:inherit; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #CD756A; -webkit-box-shadow:inset 0px 1px 0px 0px #CD756A; box-shadow:inset 0px 1px 0px 0px #CD756A; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #872F24), color-stop(1, #691106) ); background:-moz-linear-gradient( center top, #872F24 5%, #691106 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#872F24', endColorstr='#691106'); background-color:#7D251A; text-shadow:none; text-shadow:1px -1px 0px #550000; border:1px solid #5F0700; color:#F3AE13; font-size:110% !important; font-weight:normal !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 15px 6px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_742dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #550000; -webkit-box-shadow:inset 0px 1px 0px 0px #550000; box-shadow:inset 0px 1px 0px 0px #550000; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #691106), color-stop(1, #872F24) ); background:-moz-linear-gradient( center top, #691106 5%, #872F24 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#691106', endColorstr='#872F24'); background-color:#7D251A; color:; } /* End Button Press stack CSS code *//* Start Button Press stack CSS code */ #stacks_in_744{ text-align: center !important; } .stacks_in_744dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:inherit; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #CD756A; -webkit-box-shadow:inset 0px 1px 0px 0px #CD756A; box-shadow:inset 0px 1px 0px 0px #CD756A; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #872F24), color-stop(1, #691106) ); background:-moz-linear-gradient( center top, #872F24 5%, #691106 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#872F24', endColorstr='#691106'); background-color:#7D251A; text-shadow:none; text-shadow:1px -1px 0px #550000; border:1px solid #5F0700; color:#F3AE13; font-size:110% !important; font-weight:normal !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-style:normal !important; padding: 6px 49px 6px 49px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_744dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #550000; -webkit-box-shadow:inset 0px 1px 0px 0px #550000; box-shadow:inset 0px 1px 0px 0px #550000; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #691106), color-stop(1, #872F24) ); background:-moz-linear-gradient( center top, #691106 5%, #872F24 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#691106', endColorstr='#872F24'); background-color:#7D251A; color:; } /* End Button Press stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_685shim{ padding-top: 3%; } /* End Responsive Shim stack CSS code */.s-coder-stacks_in_683_5{} html,.palette0{--text-color-richer:rgba(9, 9, 9, 1.00);--text-color-normal:rgba(34, 34, 34, 1.00);--text-color-softer:rgba(59, 59, 59, 1.00);--accent-color:rgba(255, 206, 0, 1.00);--accent-color-hover:rgba(255, 219, 11, 1.00);--accent-text-color:rgba(255, 255, 255, 1.00);--accent-text-color-hover:rgba(230, 230, 230, 1.00);--accent-color-alt:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 206, 0, 1.00); --link-color-hover:rgba(255, 219, 11, 1.00); --border-color:rgba(187, 187, 187, 1.00);--border-color-softer:rgba(237, 237, 237, 1.00);--border-color-richer:rgba(137, 137, 137, 1.00);--background-color:rgba(255, 255, 255, 1.00);--background-color-alt:rgba(51, 51, 51, 0.10);--nav-bg:rgba(255, 255, 255, 0.96);--nav-bg-hover:rgba(51, 51, 51, 0.05);--nav-link:rgba(5, 95, 122, 1.00);--nav-link-hover:rgba(5, 95, 122, 1.00);--code-background:rgba(241, 241, 241, 1.00);--code-text:rgba(34, 34, 34, 1.00);--button-primary-color:rgba(255, 255, 255, 1.00);--button-primary-color-hover:rgba(230, 230, 230, 1.00);--second-color:rgba(72, 77, 93, 1.00);--second-color-hover:rgba(72, 77, 93, 1.00);--second-color-alt:rgba(224, 229, 235, 1.00);--base-font-size:62.5%;--container-max-width:1140px;--container-max-width-alt:600px}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}html{font-size:62.5%;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-size:1.60rem;line-height:1.60;font-weight:normal;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:rgba(34, 34, 34, 1.00);background-color:rgba(255, 255, 255, 1.00);color:var(--text-color-normal);background-color:var(--background-color);}p.lead{font-size:1.90rem}@media (min-width:600px){body{font-size:1.60rem}p.lead{font-size:1.80rem}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.20rem;font-weight:bold;font-style:normal;font-family:Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;}h1,.h1{font-size:4.00rem;line-height:1.2;letter-spacing:-.1rem;}h2,.h2{font-size:3.60rem;line-height:1.25;letter-spacing:-.1rem;}h3,.h3{font-size:3.00rem;line-height:1.3;letter-spacing:-.1rem;}h4,.h4{font-size:2.40rem;line-height:1.35;letter-spacing:-.08rem;}h5,.h5{font-size:1.80rem;line-height:1.5;letter-spacing:-.05rem;}h6,.h6{font-size:1.60rem;line-height:1.6;letter-spacing:0;}@media (min-width:600px){h1,.h1{font-size:5.00rem}h2,.h2{font-size:4.20rem}h3,.h3{font-size:3.60rem}h4,.h4{font-size:3.00rem}h5,.h5{font-size:2.40rem}h6,.h6{font-size:2.00rem}}p{margin-top:0}blockquote{margin-top:10px;margin-bottom:10px;margin-left:1rem;margin-right:1rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-color-softer)}a{color:var(--link-color);text-decoration:none;transition:all .2s ease 0s}a:hover:not(.source-button):not(.button){color:var(--link-color-hover);text-decoration:none}.u-case{text-transform:uppercase}:focus{outline:none;box-shadow:0 0 0 3px rgba(21, 156, 228, 0.40)!important}.stripped-button a,.source-btn{line-height:38px;font-size:14px;border-width:1px;height:calc(38px + 2px); font-weight: bolder; text-transform: uppercase; display:inline-block;padding:0 30px;text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;max-width:100%}.button-nav a,.source-btn-nav a{color:var(--button-primary-color)!important;background-color:var(--nav-link)!important;border-color:var(--nav-link)!important}.button-nav a:hover,.button-nav a:focus,.source-btn-nav a:focus,.source-btn-nav a:hover{color:var(--button-primary-color);background-color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.button-second a,.s-button-second{color:var(--second-color-alt)!important;background-color:var(--second-color)!important;border-color:var(--second-color)!important}.button-second a:hover,.button-second a:focus,.s-button-second:hover,.s-button-second:focus{color:var(--second-color-alt)!important;background-color:var(--second-color-hover)!important;border-color:var(--second-color-hover)!important}.button-primary-flip a,.s-button-primary-flip{color:var(--accent-color)!important;background-color:var(--button-primary-color)!important;border-color:var(--accent-color)!important}.button-primary-flip a:hover,.button-primary-flip a:focus,.s-button-primary-flip:hover,.s-button-primary-flip:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a,.s-button-primary{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a:hover,.button-primary a:focus,.s-button-primary:hover,.s-button-primary:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.button-ghost a:hover,.button-ghost a:focus{border-color:var(--border-color-richer)!important}input{font-size:14px}.quizArea label{display:inline-block}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:1rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-left:1.5rem}li{margin-bottom:0.50rem;margin-left:3rem}li ul{margin-bottom:0.50rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:95%;white-space:nowrap;background:var(--code-background);color:var(--code-text);border:1px solid var(--border-color-softer);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:auto}kbd{margin:0 .1em;padding:.1em .6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 2px #fff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}sup{vertical-align:super}button,.source-button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.50rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-left{text-align:left}.u-align-right{text-align:right}.u-align-center{text-align:center}@media (max-width:600px){.s-align-left{text-align:left}.s-align-right{text-align:right}.s-align-center{text-align:center}}@media (min-width:600px){.m-align-left{text-align:left}.m-align-right{text-align:right}.m-align-center{text-align:center}}@media (min-width:900px){.l-align-left{text-align:left}.l-align-right{text-align:right}.l-align-center{text-align:center}}@media (min-width:1200px){.xl-align-left{text-align:left}.xl-align-right{text-align:right}.xl-align-center{text-align:center}}hr{margin-top:2rem;margin-bottom:2.5rem;border-width:0;border-top:1px solid var(--border-color)}.u-cf:before,.container:before,.row:before,.s3_row:before,.u-cf:after,.container:after,.row:after,.s3_row:after{content:"";display:table}.u-cf:after,.container:after,.row:after,.s3_row:after{clear:both}.stripped-container,.s-container-lite,.stripped-content,.stripped-outer,.stripped-wrapper,.s-grid-item,.s-cols-item,.s-coder-wrap{position:relative}.stripped-container,.stripped-content{box-sizing:border-box}img{max-width:100%}.stripped-img,.stripped-svg,.img-fit-wrap,picture{line-height:0}figure{line-height:1}.stripped-img img,.s-cols-item:not([data-sal]),.s-grid-item:not([data-sal]),.stripped-svg svg,.s-lift,.s-drop,.s-zoom,.s-zoom-big,.s-zoom-img img,.s-zoom-img-big img{transition:all .2s ease-out 0s}.s-container-lite,.s-content-center{margin-left:auto;margin-right:auto}.s-grid-item,.s-cols-item,.s-flex{display:flex;flex-direction:column;flex-wrap:wrap}.s-flow-down{flex-wrap:nowrap!important}.s-self-end{justify-self:end}.s-grid-item>.stacks_out,.s-cols-item>.stacks_out,.s-flex>.stacks_out{width:100%}.s-img-fit{object-fit:cover;width:100%!important;height:100%!important}.s-cols-container{position:relative;max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;vertical-align:top}.s-grid-link,.s-img-fit-link,.s-coder-link{display:contents}.s-button-group{display:flex;flex-wrap:wrap}.w-100{width:100%!important}.s-no-lift{transform:translateY(0)!important}.s-lift:hover{transform:translateY(-5px)!important}.s-drop:hover{transform:translateY(5px)!important}.s-zoom:hover{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img:hover img{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img-big:hover img{transform:scale(1.1)!important;z-index:10!important}.s-zoom-big:hover{transform:scale(1.1)!important;z-index:10!important}.s-fade{-webkit-mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;mask-repeat:no-repeat}.s-fade-t{--t:transparent;}.s-fade-b{--b:transparent;}.s-bright{filter:brightness(70%);transition:filter 250ms ease-in-out!important}.s-bright:hover{filter:brightness(100%)}.s-dark{filter:brightness(100%);transition:filter 250ms ease-in-out!important}.s-dark:hover{filter:brightness(60%)}.s-blur{transition:filter 250ms ease-in-out!important}.s-blur:hover{filter:blur(4px)}.s-unblur{transition:filter 250ms ease-in-out!important;filter:blur(4px)}.s-unblur:hover{filter:blur(0)}.s-blur-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-frost{background-color:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.s-shad{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-none{box-shadow:none!important}.s-shad-hov:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}@media (min-width:600px){.s-shad-m{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-m:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-m{box-shadow:none!important}.text-rotate-up-m{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-m{writing-mode:vertical-lr}.s-flip-m{transform:rotate(180deg)}.s-hide-m{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:900px){.s-shad-l{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-l:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-l{box-shadow:none!important}.text-rotate-up-l{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-l{writing-mode:vertical-lr}.s-flip-l{transform:rotate(180deg)}.s-hide-l{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:1200px){.s-shad-xl{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-xl:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-xl{box-shadow:none!important}.text-rotate-up-xl{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-xl{writing-mode:vertical-lr}.s-flip-xl{transform:rotate(180deg)}.s-hide-xl{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}.s-screen{mix-blend-mode:screen}.s-multiply{mix-blend-mode:multiply}.s-exclusion{mix-blend-mode:exclusion}.s-no-pointer{pointer-events:none}.s-flip{transform:rotate(180deg)}.text-rotate-up{writing-mode:vertical-rl;text-orientation:upright}.text-rotate{writing-mode:vertical-lr}html:not(.touch-stripped) .s-hide-nt,.s-hide{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-reveal:hover .s-hide,.s-reveal:hover .s-hide-nt,.s-reveal:hover .s-hide-m{pointer-events:auto;opacity:1}.s-hide-on-reveal{transition:opacity 250ms ease-in-out!important}.s-reveal:hover .s-hide-on-reveal{pointer-events:none;opacity:0}.repeat{background-repeat:repeat!important;background-size:unset!important}.touch-stripped .hide-touch{display:none}html:not(.touch-stripped) .hide-non-touch{display:none}.grid-container{position:relative;max-width:100%;margin:0 auto;display:grid}.hide-of{overflow:hidden}.stripped-container>.stripped-link a,.stripped-outer>.stripped-link a,.s-grid-item>.s-grid-link a,.s-cols-item>.s-grid-link a,.s-img-fit-link a,.s-coder-wrap>.s-coder-link a{position:absolute;top:3px;bottom:3px;left:3px;right:3px;content:"";z-index:998;text-decoration:none}.stacks_out{overflow:visible!important}.stacks_in{overflow:visible}.s-inliner>.stacks_out{margin:0;width:auto;display:inline-block}.mb-0{margin-bottom:0!important}.stripped-base-width,.source-base-width{max-width:1140px;max-width:var(--container-max-width);margin:0 auto}.source-base-width-alt,.s-alt-width{max-width:600px;max-width:var(--container-max-width-alt);margin:0 auto}.alt-bg{background-color:var(--background-color-alt)!important}.page-bg{background-color:var(--background-color)!important}.page-fg{color:var(--background-color)!important}.text-bg{background-color:var(--text-color-normal)!important}.text-softer-fg{color:var(--text-color-softer)!important}.text-richer-fg{color:var(--text-color-richer)!important}.s-accent,.accent-bg{background-color:var(--accent-color)!important}.s-accent-text,.accent-alt-bg{background-color:var(--accent-text-color)!important}.s-accent-hover,.accent-hover-bg{background-color:var(--accent-color-hover)!important}.s-accent-c,.accent-fg{color:var(--accent-color)!important}.s-accent-text-c,.accent-alt-fg{color:var(--accent-text-color)!important}.s-accent-hover-c,.accent-hover-fg{color:var(--accent-color-hover)!important}.second-hover-fg{color:var(--second-color-hover)!important}.second-hover-bg{background-color:var(--second-color-hover)!important}.s-second-c,.second-fg{color:var(--second-color)!important}.s-second-text-c,.second-alt-fg{color:var(--second-color-alt)!important}.s-second,.second-bg{background-color:var(--second-color)!important}.s-second-text,.second-alt-bg{background-color:var(--second-color-alt)!important}.nav-1-bg{background-color:var(--nav-bg)!important}.nav-2-bg{background-color:var(--nav-bg-hover)!important}.nav-3-bg{background-color:var(--nav-link)!important}.nav-4-bg{background-color:var(--nav-link-hover)!important}.nav-1-fg{color:var(--nav-bg)!important}.nav-2-fg{color:var(--nav-bg-hover)!important}.nav-3-fg{color:var(--nav-link)!important}.nav-4-fg{color:var(--nav-link-hover)!important}.code-1-bg{background-color:var(--code-background)!important}.code-2-bg{background-color:var(--code-text)!important}.code-1-fg{color:var(--code-background)!important}.code-2-fg{color:var(--code-text)!important}.border-fg{color:var(--border-color)!important}.border-softer-fg{color:var(--border-color-softer)!important}.border-richer-fg{color:var(--border-color-richer)!important}.border-bg{background-color:var(--border-color)!important}.s-dark-bg{background-color:rgba(58,56,68,.5)}.s-vdark-bg{background-color:rgba(25,29,36,.80)}.s-light-bg{background-color:rgba(255,255,255,.5)}.s-vlight-bg{background-color:rgba(255,255,255,.8)}.stacks_top .iconic-caption{font-size:12px;padding:6px}.source-browser-warning{ text-align:center;width:80%;top:0;left:10%;position:fixed;margin:20px auto;padding:10px;background:#EC4D3B;color:white;border-radius:4px;z-index:9999}.source-browser-warning a{color:white;text-decoration:underline}@supports (display:grid){.source-browser-warning{display:none}} @font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display: auto;}@font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display: auto;}@font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display: auto;}@font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-BoldItalic.woff2') format('woff2');font-weight:bold;font-style:italic;font-display: auto;}body{ font-weight:400 ;font-family:Raleway,'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif } @font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display: auto;}@font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-BoldItalic.woff2') format('woff2');font-weight:bold;font-style:italic;font-display: auto;}h1, h2, h3, h4, h5, h6{ font-weight:700 ;font-family:Raleway,'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif } .base-pad-basic-10,.base-pb-10{padding:60px 20px 60px 20px}.base-pad-advanced-10,.base-pa-10{padding:20px 20px 20px 20px}.base-margin-basic-10,.base-mb-10{margin:20px 20px 20px 20px}.base-margin-advanced-10,.base-ma-10{margin:0 0 0 0}@media (min-width:600px){ .base-margin-advanced-10,.base-ma-10{margin:0 0 0 0} .base-pad-advanced-10,.base-pa-10{padding:20px 20px 20px 20px}}@media (min-width:900px){ .base-margin-advanced-10,.base-ma-10{margin:30px 0 30px 0} .base-pad-advanced-10,.base-pa-10{padding:40px 40px 40px 40px}}@media (min-width:1200px){ .base-margin-advanced-10,.base-ma-10{margin:50px 0 50px 0} .base-pad-advanced-10,.base-pa-10{padding:60px 60px 60px 60px}}.base-bg-1-10,.base-bg1-10{background-color:rgba(72, 77, 93, 1.00)!important; }.base-bg-2-10,.base-bg2-10{ /*Free Diagonal Lines SVG provided by SVGeez.com - CC 4.0 License - © 2019 Megan Young */ background-color:transparent; fill:rgb(255, 206, 0); background-size:162px 162px; background-repeat:repeat; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' fill-opacity='1' style='enable-background:new 0 0 500 500'%3E%3Cstyle%3E .st2{fill:rgb(255, 206, 0)} %3C/style%3E%3Cg style='display:none'%3E%3Cpath style='display:inline;fill:%23414042' d='M-8.3-5.7h520.7V511H-8.3z' id='Layer_2'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Cpath transform='rotate(-45.001 0 .055)' class='st2' d='M-453.7-3.7h907.5v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 31.25 31.306)' class='st2' d='M-422.5 27.6H485v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 62.5 62.556)' class='st2' d='M-391.2 58.8h907.5v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 93.75 93.807)' class='st2' d='M-360 90.1h907.5v7.5H-360z'/%3E%3Cpath transform='rotate(-45.001 125 125.057)' class='st2' d='M-328.7 121.3h907.5v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 156.249 156.308)' class='st2' d='M-297.5 152.6H610v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 187.499 187.558)' class='st2' d='M-266.2 183.8h907.5v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 218.749 218.809)' class='st2' d='M-235 215.1h907.5v7.5H-235z'/%3E%3Cpath transform='rotate(-45.001 249.998 250.06)' class='st2' d='M-203.7 246.3h907.5v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 281.248 281.31)' class='st2' d='M-172.5 277.6H735v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 312.498 312.56)' class='st2' d='M-141.2 308.8h907.5v7.5h-907.5z'/%3E%3Cpath transform='rotate(-45.001 343.748 343.81)' class='st2' d='M-110 340.1h907.5v7.5H-110z'/%3E%3Cpath transform='rotate(-45.001 374.997 375.061)' class='st2' d='M-78.7 371.3h907.5v7.5H-78.7z'/%3E%3Cpath transform='rotate(-45.001 406.247 406.312)' class='st2' d='M-47.5 402.6H860v7.5H-47.5z'/%3E%3Cpath transform='rotate(-45.001 437.497 437.562)' class='st2' d='M-16.2 433.8h907.5v7.5H-16.2z'/%3E%3Cpath transform='rotate(-45.001 468.747 468.813)' class='st2' d='M15 465.1h907.5v7.5H15z'/%3E%3Cpath transform='rotate(-45.001 499.997 500.064)' class='st2' d='M46.3 496.3h907.5v7.5H46.3z'/%3E%3C/g%3E%3C/svg%3E");} .s-container-stacks_in_678{ }#s-wrapper-stacks_in_678{margin:0; }#s-content-stacks_in_678{justify-content:center; padding:0; }.s-bg-stacks_in_678{z-index:0}#s-outer-stacks_in_678{border-radius:0px 0px 0px 0px} #p-stacks_in_655 p{ }#p-stacks_in_655 p.lead{}#p-stacks_in_655 a{color:var(--link-color);}#p-stacks_in_655 a:hover{color:var(--link-color-hover); } #img-fit-stacks_in_673{object-position:center center}@media (min-width:600px){#img-fit-stacks_in_673{object-position:center center}}#stacks_in_673,#img-fit-stacks_in_673,.placestacks_in_673{border-radius:0px}h3.stacks_in_654{ } /* Start Responsive Shim stack CSS code */ .stacks_in_736shim{ padding-top: 3%; } /* End Responsive Shim stack CSS code *//* Start dooFaq2 stack each CSS code */ #stacks_in_724 .faq-question{ position: relative; font-size: 140% !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_724 .faq-icon{ position: absolute; top: 0; right: 0; padding: 10px 14px 10px 12px; } /* Hack to stop text flickr */ #stacks_in_724 .faq-icon i{ position: relative; z-index: 100; } #stacks_in_724 .fa-bars, #stacks_in_724 .fa-toggle-off, #stacks_in_724 .fa-question, #stacks_in_724 .fa-angle-right{ display: none; } #stacks_in_724 .fa-bars{ display: inline; } #stacks_in_724 .faq-answer{ margin: 0 4px 0 4px; padding: 20px 0px 20px 0px; } /* THEME */ #stacks_in_724 .faqQuestionClosed{ background-color: rgba(109, 118, 126, 1.00) !important; color: rgba(255, 255, 255, 1.00) !important; -webkit-transition: background 500ms ease-out; -moz-transition: background 500ms ease-out; -o-transition: background 500ms ease-out; transition: background 500ms ease-out; } #stacks_in_724 .faqQuestionOpen{ background: rgba(49, 166, 142, 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_724 .faqQuestionOpen:hover{ background: rgba(49, 166, 142, 1.00) !important; } #stacks_in_724 .faqQuestionClosed:hover{ background: rgba(144, 153, 161, 1.00) !important; background: rgba(74, 83, 91, 1.00) !important; } #stacks_in_724 .faq-answer { display: none; } /* End dooFaq2 stack each CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code *//* @group Basic Styling */ #stacks_in_656 *, #stacks_in_656 *:before, #stacks_in_656 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_656 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_656 { -webkit-box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); margin: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #playlisterPlaceholderstacks_in_656 { display: none !important; } #playlisterstacks_in_656 { border-radius: 0px; height: auto; position: relative; width: auto; z-index: 2; display: block; overflow: auto; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* */ /* */ /* Solid colour fill */ #playlisterstacks_in_656 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_656 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_656 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: justify; } #coverstacks_in_656 { background-repeat: no-repeat; background-size: 100% 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; height: 0px; width: 0px; display: block; margin: 0 auto; } @media screen and (min-width: 600px) { #coverstacks_in_656 { display: table-cell; vertical-align: bottom; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_656 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_656 { display: table-cell; padding-left: 15px; vertical-align: bottom; text-align: justify; } } #playlisterTopSectionstacks_in_656 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_656 { margin-top: 0px; } } #titlestacks_in_656 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_656:before { content: ' '; } #albumstacks_in_656 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_656:before { content: ' '; } #artiststacks_in_656 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_656:before { content: 'Artist: '; } #additionalInfostacks_in_656 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_656:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_656 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_656 { padding-top: 10px; } } /**/ /**/ @media screen and (min-width: 600px) { #playerInterfacestacks_in_656 { display: table; width: 100%; padding-left: 0px; } #playlisterTopSectionstacks_in_656 { display: table-cell; padding-right: 15px; padding-left: 15px; vertical-align: bottom; } #controlsstacks_in_656 { display: table-cell; width: 75%; vertical-align: bottom; } } /**/ #buttonWrapperstacks_in_656 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_656 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } /* Standard buttons are buttons added by Playlister, regular buttons are ones added by a user */ #playlisterWrapperstacks_in_656 .playlisterButtonStandard, #playlisterWrapperstacks_in_656 .playlisterButton { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; text-align: center; font-size: 20px; background: rgba(76, 76, 76, 1.00); border-radius: 50%; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: rgba(255, 255, 255, 1.00); cursor: pointer; position: relative; overflow: hidden; box-shadow: 0px 1px 4px -2px #333; text-shadow: 0px -1px #333; border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_656 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_656 .playlisterButton [class^="fa fa-"] { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; line-height: 50px !important; } #playlisterWrapperstacks_in_656 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_656 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_656 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_656 .playlisterButton:hover, #playlisterWrapperstacks_in_656 .playlisterButton:active, #playlisterWrapperstacks_in_656 .playlisterButton:focus { color: rgba(75, 179, 135, 1.00); background: rgba(76, 76, 76, 1.00); border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_656 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_656 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_656 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_656 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_656 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_656 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_656 #playstacks_in_656 i { margin-right: -3px; } #playlisterWrapperstacks_in_656 #pausestacks_in_656 { display: none; } #playlisterWrapperstacks_in_656 .playlisterIsPlaying #playstacks_in_656 { display: none; } #playlisterWrapperstacks_in_656 .playlisterIsPlaying #pausestacks_in_656 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_656 .playlisterButton:after, #playlisterWrapperstacks_in_656 .playlisterButtonStandard:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); } /* */ /* @end */ /* @group User Options Bar */ #userOptionsBarstacks_in_656 { float: right; } #playlisterWrapperstacks_in_656 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_656 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 600px) { #playlisterWrapperstacks_in_656 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_656 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_656, #volumeBtnstacks_in_656 { display: none; } @media screen and (min-width: 600px) { #volumeBtnstacks_in_656 { display: inline-block; } #volumeControlsstacks_in_656 { height: 140px; width: 70px; display: none; position: absolute; left: 50%; bottom: 100%; margin-left: -35px; overflow: visible; z-index: 90; background: rgba(25, 25, 25, 1.00); border-radius: 10px; } #volume-fullstacks_in_656 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_656 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_656 [class^="fa fa-"], #volume-fullstacks_in_656 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_656 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_656 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_656 .ui-slider-range { background: rgba(75, 179, 135, 1.00); border-radius: 5px; outline: none; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } #volumestacks_in_656 .ui-slider-handle { cursor: pointer; position: absolute; left: 0; bottom: 0px; margin-left: -5px; margin-bottom: -10px; width: 20px; height: 20px; z-index: 2; border-radius: 10px; background: rgba(205, 205, 205, 1.00); outline: none; } } /* @end */ /* @group Progress Bar */ #progressBarstacks_in_656 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_656 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_656 #progressstacks_in_656 { background-color: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; /* */ background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-animation: playlister-progress-bar-stripes 2s linear infinite; -o-animation: playlister-progress-bar-stripes 2s linear infinite; animation: playlister-progress-bar-stripes 2s linear infinite; /* */ } /* */ @-webkit-keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } /* */ #currentstacks_in_656 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_656 { float: right; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } /* iOS can't preload audio and fetch the total duration until the track starts to play. So we make duration invisisble and make it visible on desktops or (via jQuery) when the track is clicked and playing */ #durationstacks_in_656 { visibility: hidden; } #durationstacks_in_656.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_656 { background-color: rgba(255, 255, 255, 1.00); list-style-type: none; margin: 0; padding: 0px; position: relative; z-index: 1; /* Start either displayed or hidden */ display: block; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px solid #CDCDCD; -moz-column-rule: 0px solid #CDCDCD; column-rule: 0px solid #CDCDCD; /* Hide top-most item borders */ margin-top: -0px } @media screen and (min-width: 34em) { #playlisterPlayliststacks_in_656 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_656 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_656 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_656 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_656 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(153, 153, 153, 1.00); font-size: 18px; height: 45px; line-height: 45px; cursor: pointer; transition: color 300ms ease-in-out, background 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out background 300ms ease-in-out; -moz-transition: color 300ms ease-in-out background 300ms ease-in-out; overflow: hidden; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; transform: translateZ(0); border-top: 0px solid #CDCDCD; } /* */ #playlisterPlayliststacks_in_656 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_656 li.active-playlistitem, #playlisterPlayliststacks_in_656 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_656 li { padding-left: 0; } #playlisterPlayliststacks_in_656 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_656 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_656, .no-audio #playlisterPlayliststacks_in_656 { display: none; } #playlisterNoAudiostacks_in_656 { display: none; } .no-audio #playlisterNoAudiostacks_in_656 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_656 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_656 #coverstacks_in_656 { display: none; } #playlisterWrapperstacks_in_656 #playerInterfacestacks_in_656 { margin-left: 0px; margin-right: 0px; padding-top: 0; padding-left: 0; } #playlisterWrapperstacks_in_656 #playlisterTopSectionstacks_in_656 { padding-left: 0; } #playlisterWrapperstacks_in_656 #albumstacks_in_656 { display: none; } #playlisterWrapperstacks_in_656 #artiststacks_in_656 { display: none; } #playlisterWrapperstacks_in_656 #additionalInfostacks_in_656 { display: none; } #playlisterWrapperstacks_in_656 #downloadstacks_in_656 { display: none !important; } #playlisterWrapperstacks_in_656 #progressBarstacks_in_656 { display: none; } #playlisterWrapperstacks_in_656 #shufflestacks_in_656 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_656 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_656 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end *//* Start Responsive Shim stack CSS code */ .stacks_in_733shim{ padding-top: 1%; } /* End Responsive Shim stack CSS code *//* Start dooFaq2Child stack each CSS code */ /* End dooFaq2Child stack each CSS code */@-webkit-keyframes plyr-progress { to { background-position: 25px 0; } } @keyframes plyr-progress { to { background-position: 25px 0; } } @-webkit-keyframes plyr-popup { 0% { opacity: .5; -webkit-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes plyr-popup { 0% { opacity: .5; -webkit-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; direction: ltr; font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1.7; max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; } .plyr audio, .plyr video { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4f5b5f; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { -webkit-animation: plyr-fade-in .3s ease; animation: plyr-fade-in .3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; width: 100%; } .plyr__captions .plyr__caption { background: rgba(0, 0, 0, 0.8); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 185%; padding: .2em .5em; white-space: pre-wrap; } .plyr__captions .plyr__caption div { display: inline; } .plyr__captions span:empty { display: none; } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { -webkit-transform: translateY(-40px); transform: translateY(-40px); } .plyr__control { background: 0 0; border: 0; border-radius: 3px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; position: relative; transition: all .3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px; } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); outline: 0; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #1aafff; color: #fff; } .plyr--video .plyr__control svg { -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #1aafff; color: #fff; } .plyr__control--overlaid { background: rgba(26, 175, 255, 0.8); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: #fff; display: none; left: 50%; padding: 15px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { background: #1aafff; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control { margin-left: 5px; } .plyr__controls .plyr__menu + .plyr__control, .plyr__controls .plyr__progress + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu { margin-left: 2px; } .plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] { margin-left: 0; margin-right: auto; } .plyr__controls:empty { display: none; } .plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4f5b5f; padding: 10px; } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: 20px 5px 5px; position: absolute; right: 0; transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out; transition: opacity .4s ease-in-out,transform .4s ease-in-out; transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out; z-index: 3; } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; } .plyr__video-embed { height: 0; padding-bottom: 56.25%; position: relative; } .plyr__video-embed iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; -webkit-transform: translateY(-38.28125%); transform: translateY(-38.28125%); } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { -webkit-animation: plyr-popup .2s ease; animation: plyr-popup .2s ease; background: rgba(255, 255, 255, 0.9); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4f5b5f; font-size: 16px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); content: ''; height: 0; position: absolute; right: 15px; top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: 7px; } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4f5b5f; display: flex; font-size: 14px; padding: 4px 11px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: 28px; } .plyr__menu__container .plyr__control--forward::after { border-left-color: rgba(79, 91, 95, 0.8); right: 5px; } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 500; margin: 7px; margin-bottom: 3px; padding-left: 28px; position: relative; width: calc(100% - 14px); } .plyr__menu__container .plyr__control--back::after { border-right-color: rgba(79, 91, 95, 0.8); left: 7px; } .plyr__menu__container .plyr__control--back::before { background: #b7c5cd; box-shadow: 0 1px 0 #fff; content: ''; height: 1px; left: 0; margin-top: 4px; overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ''; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; transition: all .3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); transition: opacity .3s ease,-webkit-transform .3s ease; transition: transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #1aafff; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(0, 0, 0, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; overflow: hidden; padding-left: 25px; pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 26px; color: #1aafff; display: block; height: 19px; margin: 0; padding: 0; transition: box-shadow .3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; -webkit-appearance: none; margin-top: -4px; } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -moz-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2.5px; height: 5px; } .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); outline: 0; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(183, 197, 205, 0.66); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 14px; } .plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; } .plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4f5b5f; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; -webkit-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: 16px; } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: 16px; -webkit-transform: translateX(50%); transform: translateX(50%); } .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; border-radius: inherit; overflow: hidden; position: relative; z-index: 0; } .plyr__progress { flex: 1; left: 6.5px; margin-right: 13px; position: relative; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: -6.5px; margin-right: -6.5px; width: calc(100% + 13px); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 14px; left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; left: 0; margin-top: -2.5px; padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width .2s ease; } .plyr--video .plyr__progress__buffer { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.25); } .plyr--audio .plyr__progress__buffer { color: rgba(183, 197, 205, 0.66); } .plyr--loading .plyr__progress__buffer { -webkit-animation: plyr-progress 1s linear infinite; animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(183, 197, 205, 0.66); } .plyr__volume { align-items: center; display: flex; flex: 1; position: relative; } .plyr__volume input[type=range] { margin-left: 5px; position: relative; z-index: 2; } .plyr--is-ios .plyr__volume { display: none !important; } .plyr--is-ios.plyr--vimeo [data-plyr=mute] { display: none !important; } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; width: 100%; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; width: 100%; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: rgba(47, 52, 61, 0.8); border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; left: 0; margin: -2.5px 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); margin-bottom: 10px; opacity: 0; padding: 3px; pointer-events: none; position: absolute; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #b7c5cd; border-radius: 2px; overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: 2px; color: #fff; font-size: 14px; padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; -webkit-filter: blur(1px); filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } .plyr { font-family: Helvetica, Arial, sans-serif; } .plyr__control { transition: background .3s ease !important; } .chp { font-family: Helvetica, Arial, sans-serif; } .chp > audio, .chp > video { max-width: 100%; display: none; } .chp--boxShadow { box-shadow: 0px 20px 70px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.03); } .chp--hiddenPlaylist .chp__playlist { display: none; } .chp--borderRadius { border-radius: 6px; } .chp--borderRadius .plyr { border-radius: 6px; } .chp--borderRadius.chp--playlist .plyr { border-radius: 6px 6px 0 0; } .chp--borderRadius.chp--playlist .chp__playlist { border-radius: 0 0 6px 6px; } .chp--borderRadius.chp--hiddenPlaylist .plyr { border-radius: 6px; } .chp--playlist .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 50%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); } .chp--playlist .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before { left: 50%; } .chp--playlist .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .chp--playlist .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip { opacity: 1; -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); left: 50%; } .chp--hiddenTooltips .plyr__tooltip { display: none !important; } .chp--hiddenTooltips .plyr__progress .plyr__tooltip { display: block !important; } .chp__native > audio, .chp__native > video { max-width: 100%; display: block; } .chp__control__prev, .chp__control__next { position: relative; display: block; box-sizing: content-box; width: 18px !important; height: 18px !important; } .chp__control__prev svg { position: absolute; } .chp__control__prev svg.chp__control__icon__first { top: 7px; left: 2px; -webkit-transform: scale(0.6) scaleX(-1); transform: scale(0.6) scaleX(-1); } .chp__control__prev svg.chp__control__icon__last { top: 7px; left: 10px; -webkit-transform: scale(0.6) scaleX(-1); transform: scale(0.6) scaleX(-1); } .chp__control__next svg { position: absolute; } .chp__control__next svg.chp__control__icon__first { top: 7px; right: 3px; -webkit-transform: scale(0.6); transform: scale(0.6); } .chp__control__next svg.chp__control__icon__last { top: 7px; right: 11px; -webkit-transform: scale(0.6); transform: scale(0.6); } .chp .plyr--audio .plyr__controls { background: #f3f5f7; padding: 20px 15px; } .chp .plyr--audio .chp__control__prev svg, .chp .plyr--audio .chp__control__next svg { opacity: .3; } .chp .plyr--audio .chp__control__prev:hover svg, .chp .plyr--audio .chp__control__next:hover svg { opacity: 1; } .chp__playlist { list-style: none; margin: 0; padding: 0 0 5px 0; position: relative; z-index: 3; overflow: auto; background: #fff; text-align: left; line-height: 1; } .chp__item { padding: 0; display: block; font-size: 13px; cursor: pointer; position: relative; color: #090f25; } .chp__item:nth-child(even) { background: #f3f5f7; } .chp__item:hover { background: #dedfe0; } .chp__item--active { background: #1aafff !important; color: #fff !important; } .chp__item--active svg { fill: #fff; } .chp__item__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 8px 20px; } .chp__item .chp__item__download + .chp__item__title { margin-right: 30px; } .chp__item__descr { font-size: 90%; opacity: .5; } .chp__item__download { position: absolute; top: 1px; right: 10px; text-decoration: none; opacity: .33; color: inherit; width: 25px; height: 25px; } .chp__item__download svg { width: 20px; height: 20px; margin: 4px 0 0 3px; } .chp__item__download .plyr__tooltip { left: auto; right: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); } .chp__item__download .plyr__tooltip:before { left: auto; right: 13px; -webkit-transform: translateX(50%); transform: translateX(50%); } .chp__item__download:hover { opacity: .8; } .chp__item__download:hover .plyr__tooltip { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1; } .chp__theme--dark .plyr--audio .plyr__controls { background: #2f3038; } .chp__theme--dark .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--dark .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--dark .chp__playlist { background: #2f3038; } .chp__theme--dark .chp__playlist .chp__item { background: #2f3038; color: #ddd; } .chp__theme--dark .chp__playlist .chp__item:nth-child(odd) { background: #26262d; } .chp__theme--dark .chp__playlist .chp__item:hover { background: #3f414b; } .chp__theme--dark .chp__playlist .chp__item--active { background: #1aafff !important; } .chp__theme--dark .chp__playlist .chp__item__download svg { fill: #ddd; } .chp__theme--blue .plyr--audio .plyr__controls { background: #3a3ecc; } .chp__theme--blue .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--blue .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--blue .chp__playlist { background: #3a3ecc; } .chp__theme--blue .chp__playlist .chp__item { background: #3a3ecc; color: #ddd; } .chp__theme--blue .chp__playlist .chp__item:nth-child(odd) { background: #3134bc; } .chp__theme--blue .chp__playlist .chp__item:hover { background: #565ad3; } .chp__theme--blue .chp__playlist .chp__item--active { background: #292da0 !important; } .chp__theme--blue .chp__playlist .chp__item__download svg { fill: #ddd; } .chp__theme--red .plyr--audio .plyr__controls { background: #a92229; } .chp__theme--red .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--red .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--red .chp__playlist { background: #a92229; } .chp__theme--red .chp__playlist .chp__item { background: #a92229; color: #ddd; } .chp__theme--red .chp__playlist .chp__item:nth-child(odd) { background: #981f25; } .chp__theme--red .chp__playlist .chp__item:hover { background: #c72830; } .chp__theme--red .chp__playlist .chp__item--active { background: #7f191f !important; } .chp__theme--red .chp__playlist .chp__item__download svg { fill: #ddd; } .chp__theme--green .plyr--audio .plyr__controls { background: #3c5530; } .chp__theme--green .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--green .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--green .chp__playlist { background: #3c5530; } .chp__theme--green .chp__playlist .chp__item { background: #3c5530; color: #ddd; } .chp__theme--green .chp__playlist .chp__item:nth-child(odd) { background: #334829; } .chp__theme--green .chp__playlist .chp__item:hover { background: #4c6c3d; } .chp__theme--green .chp__playlist .chp__item--active { background: #25341e !important; } .chp__theme--green .chp__playlist .chp__item__download svg { fill: #ddd; } .chp__theme--pink .plyr--audio .plyr__controls { background: #e530a7; } .chp__theme--pink .plyr--audio .plyr__controls svg { fill: #ddd; } .chp__theme--pink .plyr--audio .plyr__controls .plyr__time { color: #ddd; opacity: .33; } .chp__theme--pink .chp__playlist { background: #e530a7; } .chp__theme--pink .chp__playlist .chp__item { background: #e530a7; color: #ddd; } .chp__theme--pink .chp__playlist .chp__item:nth-child(odd) { background: #db1b99; } .chp__theme--pink .chp__playlist .chp__item:hover { background: #e950b4; } .chp__theme--pink .chp__playlist .chp__item--active { background: #c9198d !important; } .chp__theme--pink .chp__playlist .chp__item__download svg { fill: #ddd; } @media (min-width: 480px) { .plyr__captions { font-size: 16px; padding: 20px; } .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control { margin-left: 10px; } .plyr--video .plyr__controls { padding: 35px 10px 10px; } .plyr__volume { max-width: 90px; } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; } .plyr__volume { max-width: 110px; } } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } .plyr:fullscreen .plyr__captions { font-size: 21px; } .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } .plyr:-moz-full-screen .plyr__captions { font-size: 21px; } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; } } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } @media (max-width: 480px) { .chp .plyr__controls .plyr__volume { display: none !important; } .chp .plyr--audio .plyr__controls { padding: 20px 10px; } } @media (min-width:0px) { .item_stacks_in_1 { overflow: hidden; grid-column: span 1; grid-row: span 1; } } @media (min-width:900px) { .item_stacks_in_1 { overflow: hidden; grid-column: 1 / span 2; grid-row: 1 / span 1; z-index: 2; border-radius: 0px 0px 0px 0px !important; border-width: 0px 0px 0px 10px !important; border-color: var(--second-color) !important; border-style: solid !important; } } #divstacks_in_674 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); width:100%;max-width:100%;margin-top:3.00rem;margin-bottom:3.00rem}