.com_joeworkman_stacks_movingbox2_stack .slick-cloned .stacks_left{float:left;width:49%}.com_joeworkman_stacks_movingbox2_stack .slick-cloned .stacks_right{float:right;width:49%}.com_joeworkman_stacks_movingbox2_stack .slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.com_joeworkman_stacks_movingbox2_stack .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.com_joeworkman_stacks_movingbox2_stack .slick-list:focus{outline:none}.com_joeworkman_stacks_movingbox2_stack .slick-list.dragging{cursor:pointer;cursor:hand}.com_joeworkman_stacks_movingbox2_stack .slick-track{position:relative;left:0;top:0;display:block;zoom:1}.com_joeworkman_stacks_movingbox2_stack .slick-track:before,.com_joeworkman_stacks_movingbox2_stack .slick-track:after{content:"";display:table}.com_joeworkman_stacks_movingbox2_stack .slick-track:after{clear:both}.com_joeworkman_stacks_movingbox2_stack .slick-loading .slick-track{visibility:hidden}.com_joeworkman_stacks_movingbox2_stack .slick-center{z-index:10}.com_joeworkman_stacks_movingbox2_stack .slick-slide{float:left;height:100%;min-height:1px;display:none}.com_joeworkman_stacks_movingbox2_stack .slick-slide .slick-loading img{display:none}.com_joeworkman_stacks_movingbox2_stack .slick-slide .dragging img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.com_joeworkman_stacks_movingbox2_stack .slick-initialized .slick-slide{display:block}.com_joeworkman_stacks_movingbox2_stack .slick-loading .slick-slide{visibility:hidden}.com_joeworkman_stacks_movingbox2_stack .slick-vertical .slick-slide{display:block;height:auto}.com_joeworkman_stacks_movingbox2_stack .tap-target{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1001;top:0;height:100%;width:50%}.com_joeworkman_stacks_movingbox2_stack .tap-target.next{right:0}.com_joeworkman_stacks_movingbox2_stack .tap-target.hide{display:none}.com_joeworkman_stacks_movingbox2_stack .effect-slide-vert .tap-target{height:50%;width:100%}.com_joeworkman_stacks_movingbox2_stack .effect-slide-vert .tap-target.next{bottom:0;right:auto;top:auto}.com_joeworkman_stacks_movingbox2_stack .slick-prev,.com_joeworkman_stacks_movingbox2_stack .slick-next{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1003}.com_joeworkman_stacks_movingbox2_stack .arrow-hover .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-hover .slick-next{visibility:hidden;-webkit-transition:all 500ms ease 0s;transition:all 500ms ease 0s}.com_joeworkman_stacks_movingbox2_stack .arrow-hover:hover .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-hover:hover .slick-next{visibility:visible}.com_joeworkman_stacks_movingbox2_stack .slick-prev:focus,.com_joeworkman_stacks_movingbox2_stack .slick-next:focus{outline:none}.com_joeworkman_stacks_movingbox2_stack .arrow-y-outside .slick-prev{top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-y-outside .slick-next{bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-y-inside .slick-prev{top:0}.com_joeworkman_stacks_movingbox2_stack .arrow-y-inside .slick-next{bottom:0}.com_joeworkman_stacks_movingbox2_stack .arrow-y-center .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-y-center .slick-next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside .slick-prev{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside .slick-next{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside.arrow-y-center .slick-prev{-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside.arrow-y-center .slick-next{-webkit-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside.arrow-y-outside .slick-prev{-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-outside.arrow-y-outside .slick-next{-webkit-transform:translateX(100%) translateY(100%);transform:translateX(100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-inside .slick-prev{left:0}.com_joeworkman_stacks_movingbox2_stack .arrow-x-inside .slick-next{right:0}.com_joeworkman_stacks_movingbox2_stack .arrow-x-center .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-x-center .slick-next{right:50%;-webkit-transform:translateX(0%);transform:translateX(0%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-center.arrow-y-outside .slick-prev{-webkit-transform:translateY(-100%) translateX(50%);transform:translateY(-100%) translateX(50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-x-center.arrow-y-outside .slick-next{-webkit-transform:translateY(100%) translateX(50%);transform:translateY(100%) translateX(50%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left .slick-next{right:auto;left:0}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left.arrow-x-outside .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left.arrow-x-outside .slick-next{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left.arrow-x-outside.arrow-y-outside .slick-prev{-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-left.arrow-x-outside.arrow-y-outside .slick-next{-webkit-transform:translateX(-100%) translateY(100%);transform:translateX(-100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right .slick-next{right:0;left:auto}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right.arrow-x-outside .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right.arrow-x-outside .slick-next{-webkit-transform:translateX(100%);transform:translateX(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right.arrow-x-outside.arrow-y-outside .slick-prev{-webkit-transform:translateX(100%) translateY(-100%);transform:translateX(100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-right.arrow-x-outside.arrow-y-outside .slick-next{-webkit-transform:translateX(100%) translateY(100%);transform:translateX(100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top .slick-next{top:0;bottom:auto}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top.arrow-y-outside .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top.arrow-y-outside .slick-next{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top.arrow-y-outside.arrow-x-outside .slick-prev{-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-top.arrow-y-outside.arrow-x-outside .slick-next{-webkit-transform:translateX(100%) translateY(-100%);transform:translateX(100%) translateY(-100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom .slick-next{top:auto;bottom:0}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom.arrow-y-outside .slick-prev,.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom.arrow-y-outside .slick-next{-webkit-transform:translateY(100%);transform:translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom.arrow-y-outside.arrow-x-outside .slick-prev{-webkit-transform:translateX(-100%) translateY(100%);transform:translateX(-100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .arrow-flush-bottom.arrow-y-outside.arrow-x-outside .slick-next{-webkit-transform:translateX(100%) translateY(100%);transform:translateX(100%) translateY(100%)}.com_joeworkman_stacks_movingbox2_stack .slick-prev:before,.com_joeworkman_stacks_movingbox2_stack .slick-next:before{font-family:"FontAwesome","Font Awesome 5 Pro";font-weight:900;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron .slick-prev:before{content:"\f053"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron .slick-next:before{content:"\f054"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron.effect-slide-vert .slick-prev:before{content:"\f077"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron.effect-slide-vert .slick-next:before{content:"\f078"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron-circle .slick-prev:before{content:"\f137"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron-circle .slick-next:before{content:"\f138"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron-circle.effect-slide-vert .slick-prev:before{content:"\f139"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-chevron-circle.effect-slide-vert .slick-next:before{content:"\f13a"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow .slick-prev:before{content:"\f060"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow .slick-next:before{content:"\f061"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow.effect-slide-vert .slick-prev:before{content:"\f062"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow.effect-slide-vert .slick-next:before{content:"\f063"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle .slick-prev:before{content:"\f0a8"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle .slick-next:before{content:"\f0a9"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle.effect-slide-vert .slick-prev:before{content:"\f0aa"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle.effect-slide-vert .slick-next:before{content:"\f0ab"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle-o .slick-prev:before{content:"\f190"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle-o .slick-next:before{content:"\f18e"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle-o.effect-slide-vert .slick-prev:before{content:"\f01b"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-arrow-circle-o.effect-slide-vert .slick-next:before{content:"\f01a"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-long-arrow .slick-prev:before{content:"\f177"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-long-arrow .slick-next:before{content:"\f178"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-long-arrow.effect-slide-vert .slick-prev:before{content:"\f176"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-long-arrow.effect-slide-vert .slick-next:before{content:"\f175"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle .slick-prev:before{content:"\f104"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle .slick-next:before{content:"\f105"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle.effect-slide-vert .slick-prev:before{content:"\f106"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle.effect-slide-vert .slick-next:before{content:"\f107"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle-double .slick-prev:before{content:"\f100"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle-double .slick-next:before{content:"\f101"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle-double.effect-slide-vert .slick-prev:before{content:"\f102"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-angle-double.effect-slide-vert .slick-next:before{content:"\f103"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret .slick-prev:before{content:"\f0d9"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret .slick-next:before{content:"\f0da"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret.effect-slide-vert .slick-prev:before{content:"\f0d8"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret.effect-slide-vert .slick-next:before{content:"\f0d7"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret-square .slick-prev:before{content:"\f191"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret-square .slick-next:before{content:"\f152"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret-square.effect-slide-vert .slick-prev:before{content:"\f151"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-caret-square.effect-slide-vert .slick-next:before{content:"\f150"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-hand .slick-prev:before{content:"\f0a5"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-hand .slick-next:before{content:"\f0a4"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-hand.effect-slide-vert .slick-prev:before{content:"\f0a6"}.com_joeworkman_stacks_movingbox2_stack .nav-arrow-hand.effect-slide-vert .slick-next:before{content:"\f0a7"}.com_joeworkman_stacks_movingbox2_stack .slick-dots{position:absolute;list-style:none;display:block;text-align:center;z-index:1002;margin:0;padding:0;width:100%}.com_joeworkman_stacks_movingbox2_stack .slick-dots li{position:relative;display:inline-block;vertical-align:bottom;height:20px;width:20px;margin:0px 5px;padding:0px;cursor:pointer}.com_joeworkman_stacks_movingbox2_stack .slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;text-align:center;padding:5px;margin:0;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.com_joeworkman_stacks_movingbox2_stack .slick-dots li button:focus{outline:none}.com_joeworkman_stacks_movingbox2_stack .slick-dots li button:after{position:absolute;top:0;left:0;width:20px;height:20px;font-family:"FontAwesome","Font Awesome 5 Pro";font-weight:900;content:"";line-height:20px;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.com_joeworkman_stacks_movingbox2_stack .dot-numbers .slick-dots li button{line-height:20px;z-index:1;padding:0}.com_joeworkman_stacks_movingbox2_stack .dot-numbers .slick-dots li button:after{z-index:-1}.com_joeworkman_stacks_movingbox2_stack .dot-top .slick-dots{top:0}.com_joeworkman_stacks_movingbox2_stack .dot-top.dot-outside .slick-dots{-webkit-transform:translateY(-120%);transform:translateY(-120%)}.com_joeworkman_stacks_movingbox2_stack .dot-bottom .slick-dots{bottom:0}.com_joeworkman_stacks_movingbox2_stack .dot-bottom.dot-outside .slick-dots{-webkit-transform:translateY(120%);transform:translateY(120%)}.com_joeworkman_stacks_movingbox2_stack .dot-right .slick-dots,.com_joeworkman_stacks_movingbox2_stack .dot-left .slick-dots{top:50%;width:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.com_joeworkman_stacks_movingbox2_stack .dot-right .slick-dots li,.com_joeworkman_stacks_movingbox2_stack .dot-left .slick-dots li{display:block}.com_joeworkman_stacks_movingbox2_stack .dot-left .slick-dots{left:0}.com_joeworkman_stacks_movingbox2_stack .dot-left.dot-outside .slick-dots{-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%)}.com_joeworkman_stacks_movingbox2_stack .dot-right .slick-dots{right:0}.com_joeworkman_stacks_movingbox2_stack .dot-right.dot-outside .slick-dots{-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.com_joeworkman_stacks_movingbox2_stack .smart-margins.dots-true.dot-outside.dot-bottom{margin-bottom:30px}.com_joeworkman_stacks_movingbox2_stack .smart-margins.dots-true.dot-outside.dot-top{margin-top:30px}.com_joeworkman_stacks_movingbox2_stack .smart-margins.dots-true.dot-outside.dot-left{margin-left:30px}.com_joeworkman_stacks_movingbox2_stack .smart-margins.dots-true.dot-outside.dot-right{margin-right:30px}.com_joeworkman_stacks_movingbox2_stack .nav-dot-circle .slick-dots li button:after{content:"\f111"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-circle-o .slick-dots li button:after{content:"\f10c"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-dot-circle-o .slick-dots li button:after{content:"\f192"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-square .slick-dots li button:after{content:"\f0c8"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-square-o .slick-dots li button:after{content:"\f096"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-check-square .slick-dots li button:after{content:"\f14a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-check-square-o .slick-dots li button:after{content:"\f046"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-plus-square .slick-dots li button:after{content:"\f0fe"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-plus-square-o .slick-dots li button:after{content:"\f196"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-futbol-o .slick-dots li button:after{content:"\f1e3"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-bullseye .slick-dots li button:after{content:"\f140"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-life-ring .slick-dots li button:after{content:"\f1cd"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-heart .slick-dots li button:after{content:"\f004"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-heart-o .slick-dots li button:after{content:"\f08a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-smile-o .slick-dots li button:after{content:"\f118"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-star .slick-dots li button:after{content:"\f005"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-star-o .slick-dots li button:after{content:"\f006"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-chevron-circle.dot-top .slick-dots li button:after{content:"\f13a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-chevron-circle.dot-bottom .slick-dots li button:after{content:"\f139"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-chevron-circle.dot-left .slick-dots li button:after{content:"\f138"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-chevron-circle.dot-right .slick-dots li button:after{content:"\f137"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle.dot-top .slick-dots li button:after{content:"\f0ab"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle.dot-bottom .slick-dots li button:after{content:"\f0aa"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle.dot-left .slick-dots li button:after{content:"\f0a9"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle.dot-right .slick-dots li button:after{content:"\f0a8"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle-o.dot-top .slick-dots li button:after{content:"\f01a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle-o.dot-bottom .slick-dots li button:after{content:"\f01b"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle-o.dot-left .slick-dots li button:after{content:"\f18e"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-arrow-circle-o.dot-right .slick-dots li button:after{content:"\f190"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-caret-square.dot-top .slick-dots li button:after{content:"\f150"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-caret-square.dot-bottom .slick-dots li button:after{content:"\f151"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-caret-square.dot-left .slick-dots li button:after{content:"\f152"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-caret-square.dot-right .slick-dots li button:after{content:"\f191"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-circle .slick-dots li.slick-active button:after{content:"\f111"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-circle-o .slick-dots li.slick-active button:after{content:"\f10c"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-dot-circle-o .slick-dots li.slick-active button:after{content:"\f192"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-square .slick-dots li.slick-active button:after{content:"\f0c8"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-square-o .slick-dots li.slick-active button:after{content:"\f096"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-check-square .slick-dots li.slick-active button:after{content:"\f14a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-check-square-o .slick-dots li.slick-active button:after{content:"\f046"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-plus-square .slick-dots li.slick-active button:after{content:"\f0fe"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-plus-square-o .slick-dots li.slick-active button:after{content:"\f196"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-futbol-o .slick-dots li.slick-active button:after{content:"\f1e3"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-bullseye .slick-dots li.slick-active button:after{content:"\f140"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-life-ring .slick-dots li.slick-active button:after{content:"\f1cd"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-heart .slick-dots li.slick-active button:after{content:"\f004"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-heart-o .slick-dots li.slick-active button:after{content:"\f08a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-smile-o .slick-dots li.slick-active button:after{content:"\f118"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-star .slick-dots li.slick-active button:after{content:"\f005"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-star-o .slick-dots li.slick-active button:after{content:"\f006"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-chevron-circle.dot-top .slick-dots li.slick-active button:after{content:"\f13a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-chevron-circle.dot-bottom .slick-dots li.slick-active button:after{content:"\f139"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-chevron-circle.dot-left .slick-dots li.slick-active button:after{content:"\f138"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-chevron-circle.dot-right .slick-dots li.slick-active button:after{content:"\f137"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle.dot-top .slick-dots li.slick-active button:after{content:"\f0ab"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle.dot-bottom .slick-dots li.slick-active button:after{content:"\f0aa"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle.dot-left .slick-dots li.slick-active button:after{content:"\f0a9"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle.dot-right .slick-dots li.slick-active button:after{content:"\f0a8"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle-o.dot-top .slick-dots li.slick-active button:after{content:"\f01a"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle-o.dot-bottom .slick-dots li.slick-active button:after{content:"\f01b"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle-o.dot-left .slick-dots li.slick-active button:after{content:"\f18e"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-arrow-circle-o.dot-right .slick-dots li.slick-active button:after{content:"\f190"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-caret-square.dot-top .slick-dots li.slick-active button:after{content:"\f150"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-caret-square.dot-bottom .slick-dots li.slick-active button:after{content:"\f151"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-caret-square.dot-left .slick-dots li.slick-active button:after{content:"\f152"}.com_joeworkman_stacks_movingbox2_stack .nav-dot-active-caret-square.dot-right .slick-dots li.slick-active button:after{content:"\f191"}.com_joeworkman_stacks_movingbox2_stack .movingbox.stretch .slick-slide img{height:auto;width:100%;max-width:100%;display:block}.com_joeworkman_stacks_movingbox2_stack .movingbox > .stacks_out{opacity:0}.com_joeworkman_stacks_movingbox2_stack .movingbox > .stacks_out:first-child{opacity:1} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(136, 137, 0, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(106, 107, 0, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 0, 0, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(20rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(20rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(20rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} h1,.h1, .bold{font-size:calc(18rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h1,.h1, .bold{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h1,.h1, .bold{font-size:calc(20rem/16) ;line-height:1.50 }} .background{background-color:rgba(204, 204, 204, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background{background-attachment:scroll!important}} .Headerimage{background-image:url('../index_files/bgimage-5-3E0.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: local ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.Headerimage{background-attachment:scroll!important}} .BGImage{background-image:url('../index_files/bgimage-6-3E0.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.BGImage{background-attachment:scroll!important}} .MenuBG{background-color:rgba(102, 102, 102, 1.00) ;background-image:url('') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.MenuBG{background-attachment:scroll!important}} .AGBASSBG{background-image:url('../index_files/bgimage-8-3E0.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.AGBASSBG{background-attachment:scroll!important}} .Overlay{position:relative;z-index:0}.Overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.40 ;background-color:rgba(0, 0, 0, 1.00) ;} .BGImage2{background-image:url('../index_files/bgimage-10-3E0.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.BGImage2{background-attachment:scroll!important}} .footerbg{background-color:rgba(136, 137, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footerbg{background-attachment:scroll!important}} .library{background-image:url('../index_files/bgimage-12-3E0.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.library{background-attachment:scroll!important}} .Services{background-image:url('../index_files/bgimage-13-3E0.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.Services{background-attachment:scroll!important}} .compBG{background-image:url('../index_files/bgimage-14-3E0.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.compBG{background-attachment:scroll!important}} #stacks_in_4_4 { margin: 20px 0px 20px 0px; } /* */ #icon-menu-stacks_in_5_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #icon-menu-stacks_in_5_2 .icon-menu-toggle { /* */ background: rgba(136, 137, 0, 1.00); /* */ /* */ /* */ font-family: "Varela"; /* */ font-size: 16px; color: rgba(255, 255, 255, 1.00); margin: 10px 10px; padding: 15px 25px; line-height: 25.888000px; border-radius: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none !important; } #icon-menu-stacks_in_5_2 .icon-menu-toggle i { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 24px; } #icon-menu-stacks_in_5_2 .icon-menu-toggle span { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } #icon-menu-stacks_in_5_2 .icon-menu-toggle:hover { /* */ background: rgba(76, 76, 76, 1.00); /* */ /* */ color: rgba(255, 255, 255, 1.00); -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #icon-menu-stacks_in_5_2 .icon-menu-toggle.with-icon i { display: initial; } #icon-menu-stacks_in_5_2 .icon-menu-toggle.with-text span { display: initial; } #icon-menu-stacks_in_5_2 .icon-menu-toggle.with-icon.with-text i { margin-right: 10px; } #icon-menu-stacks_in_5_2 .icon-menu-toggle.toggle-inline { position: static; } #icon-menu-stacks_in_5_2 .icon-menu-toggle.toggle-fixed { position: fixed; z-index: 99999999; } #icon-menu-stacks_in_5_2 .icon-menu-toggle.toggle-fixed.v-top { top: 0; } #icon-menu-stacks_in_5_2 .icon-menu-toggle.toggle-fixed.v-bottom { bottom: 0; } #icon-menu-stacks_in_5_2 .icon-menu-toggle.toggle-fixed.h-left { left: 0; } #icon-menu-stacks_in_5_2 .icon-menu-toggle.toggle-fixed.h-right { right: 0; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav { padding: 10px 10px; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999999999; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav * { box-sizing: border-box; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav .icon-menu-nav-close { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px 10px 10px; text-align: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav .icon-menu-nav-close span { /* */ font-family: "Varela"; /* */ font-size: 16px; line-height: 25.888000px; color: rgba(255, 255, 255, 1.00); text-transform: none; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav .icon-menu-nav-close i { padding: 0; color: rgba(0, 0, 0, 0.50); width: 18px; height: 18px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul { max-width: 450px; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 100%; margin: 0 0 auto 0; list-style-type: none; z-index: 9999999999; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li { width: 33.333332%; padding: 10px 10px; opacity: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a { color: #97969E; padding: 10px 10px; border-radius: 2px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ color: rgba(62, 60, 75, 1.00); width: 50px; height: 50px; font-size: 36px; border-radius: 50px; margin: 5px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon i[class*="ion-"]::before { vertical-align: top; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 36px; height: 36px; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-label { /* */ font-family: "Varela"; /* */ color: rgba(151, 150, 158, 1.00); font-size: 16px; line-height: 25.888000px; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a:hover { /* */ background: rgba(136, 137, 0, 1.00); /* */ /* */ -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0px 0px 0px 7px rgba(136, 137, 0, 0.50); } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ color: rgba(136, 137, 0, 1.00); } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2.openyo.close ul { -webkit-animation: menu-leave 0.3s; animation: menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_5_2.openyo { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; right: 0; bottom: 0; } #icon-menu-nav-stacks_in_5_2.openyo ul { -webkit-animation: menu-enter 0.4s; animation: menu-enter 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_5_2.openyo ul li { -webkit-animation: item-enter 0.4s 0.6s; animation: item-enter 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(5) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(6) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(7) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(8) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(9) { -webkit-animation-delay: 1s; animation-delay: 1s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(10) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(11) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(12) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(13) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(14) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(15) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(16) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(17) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(18) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(19) { -webkit-animation-delay: 2s; animation-delay: 2s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(20) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(21) { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(22) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(23) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } #icon-menu-nav-stacks_in_5_2.openyo ul li:nth-child(24) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } #icon-menu-nav-stacks_in_5_2.full-page { opacity: 0; display: none; -webkit-transform: scale(0.5); transform: scale(0.5); padding: 10px 10px 15px 10px; } #icon-menu-nav-stacks_in_5_2.full-page .icon-menu-nav-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_5_2.full-page .icon-menu-nav-close.inner { display: none; } #icon-menu-nav-stacks_in_5_2.full-page.openyo { /* */ /* */ background: rgba(62, 60, 75, 1.00); background: linear-gradient(to bottom, rgba(62, 60, 75, 1.00), rgba(36, 36, 36, 1.00)); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: full-menu-enter 0.4s 0.1s; animation: full-menu-enter 0.4s 0.1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_5_2.full-page.openyo .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_5_2.full-page.openyo.close { -webkit-animation: full-menu-leave 0.3s; animation: full-menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_5_2.popup ul { margin-bottom: 0; overflow: hidden; overflow-y: scroll; -webkit-transform: scale(0); transform: scale(0); padding: 10px 10px 15px 10px; border-radius: 4px; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* */ /* */ background: rgba(62, 60, 75, 1.00); background: linear-gradient(to bottom, rgba(62, 60, 75, 1.00), rgba(36, 36, 36, 1.00)); /* */ /* */ } #icon-menu-nav-stacks_in_5_2.popup ul .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_5_2.popup .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } #icon-menu-nav-stacks_in_5_2.popup .icon-menu-nav-close:not(.inner) { display: none; } #icon-menu-nav-stacks_in_5_2.labels-top ul li a { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #icon-menu-nav-stacks_in_5_2.labels-top ul li a .icon-menu-nav-icon { margin: 10px 0 5px 0; } @media (max-width: 700px) { #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul { max-width: 400px; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li { width: 33.333332%; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 40px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @media (max-width: 400px) { #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul { max-width: 350px; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li { width: 33.333332%; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 35px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_5_2.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @-webkit-keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-4-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_4.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-6-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.custom-icon a:hover .icon-menu-nav-icon { color: rgba(136, 137, 0, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_6.custom-item-bg a:hover { /* */ background: rgba(136, 137, 0, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-23-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_23.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-19-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_19.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-8-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_8.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-17-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_17.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-21-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_21.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-10-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_10.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-12-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_5_2 #icon-menu-item-stacks_in_5_12.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #stacks_in_569 { margin: 50px 0px 0px 0px; } #stacks_in_23 { font-weight: bold; } #stacks_in_554 { font-weight: bold; } /* */ #icon-menu-stacks_in_555 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #icon-menu-stacks_in_555 .icon-menu-toggle { /* */ background: rgba(136, 137, 0, 1.00); /* */ /* */ /* */ font-family: "Varela"; /* */ font-size: 16px; color: rgba(255, 255, 255, 1.00); margin: 10px 10px; padding: 15px 25px; line-height: 25.888000px; border-radius: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none !important; } #icon-menu-stacks_in_555 .icon-menu-toggle i { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 24px; } #icon-menu-stacks_in_555 .icon-menu-toggle span { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } #icon-menu-stacks_in_555 .icon-menu-toggle:hover { /* */ background: rgba(76, 76, 76, 1.00); /* */ /* */ color: rgba(255, 255, 255, 1.00); -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #icon-menu-stacks_in_555 .icon-menu-toggle.with-icon i { display: initial; } #icon-menu-stacks_in_555 .icon-menu-toggle.with-text span { display: initial; } #icon-menu-stacks_in_555 .icon-menu-toggle.with-icon.with-text i { margin-right: 10px; } #icon-menu-stacks_in_555 .icon-menu-toggle.toggle-inline { position: static; } #icon-menu-stacks_in_555 .icon-menu-toggle.toggle-fixed { position: fixed; z-index: 99999999; } #icon-menu-stacks_in_555 .icon-menu-toggle.toggle-fixed.v-top { top: 0; } #icon-menu-stacks_in_555 .icon-menu-toggle.toggle-fixed.v-bottom { bottom: 0; } #icon-menu-stacks_in_555 .icon-menu-toggle.toggle-fixed.h-left { left: 0; } #icon-menu-stacks_in_555 .icon-menu-toggle.toggle-fixed.h-right { right: 0; } #icon-menu-nav-stacks_in_555.icon-menu-nav { padding: 10px 10px; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999999999; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_555.icon-menu-nav * { box-sizing: border-box; } #icon-menu-nav-stacks_in_555.icon-menu-nav .icon-menu-nav-close { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px 10px 10px; text-align: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_555.icon-menu-nav .icon-menu-nav-close span { /* */ font-family: "Varela"; /* */ font-size: 16px; line-height: 25.888000px; color: rgba(255, 255, 255, 1.00); text-transform: none; } #icon-menu-nav-stacks_in_555.icon-menu-nav .icon-menu-nav-close i { padding: 0; color: rgba(0, 0, 0, 0.50); width: 18px; height: 18px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul { max-width: 450px; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 100%; margin: 0 0 auto 0; list-style-type: none; z-index: 9999999999; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li { width: 33.333332%; padding: 10px 10px; opacity: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a { color: #97969E; padding: 10px 10px; border-radius: 2px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ color: rgba(62, 60, 75, 1.00); width: 50px; height: 50px; font-size: 36px; border-radius: 50px; margin: 5px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon i[class*="ion-"]::before { vertical-align: top; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 36px; height: 36px; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-label { /* */ font-family: "Varela"; /* */ color: rgba(151, 150, 158, 1.00); font-size: 16px; line-height: 25.888000px; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a:hover { /* */ background: rgba(136, 137, 0, 1.00); /* */ /* */ -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0px 0px 0px 7px rgba(136, 137, 0, 0.50); } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_555.openyo.close ul { -webkit-animation: menu-leave 0.3s; animation: menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_555.openyo { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; right: 0; bottom: 0; } #icon-menu-nav-stacks_in_555.openyo ul { -webkit-animation: menu-enter 0.4s; animation: menu-enter 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_555.openyo ul li { -webkit-animation: item-enter 0.4s 0.6s; animation: item-enter 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(5) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(6) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(7) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(8) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(9) { -webkit-animation-delay: 1s; animation-delay: 1s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(10) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(11) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(12) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(13) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(14) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(15) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(16) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(17) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(18) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(19) { -webkit-animation-delay: 2s; animation-delay: 2s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(20) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(21) { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(22) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(23) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } #icon-menu-nav-stacks_in_555.openyo ul li:nth-child(24) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } #icon-menu-nav-stacks_in_555.full-page { opacity: 0; display: none; -webkit-transform: scale(0.5); transform: scale(0.5); padding: 10px 10px 15px 10px; } #icon-menu-nav-stacks_in_555.full-page .icon-menu-nav-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_555.full-page .icon-menu-nav-close.inner { display: none; } #icon-menu-nav-stacks_in_555.full-page.openyo { /* */ /* */ background: rgba(62, 60, 75, 1.00); background: linear-gradient(to bottom, rgba(62, 60, 75, 1.00), rgba(36, 36, 36, 1.00)); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: full-menu-enter 0.4s 0.1s; animation: full-menu-enter 0.4s 0.1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_555.full-page.openyo .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_555.full-page.openyo.close { -webkit-animation: full-menu-leave 0.3s; animation: full-menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_555.popup ul { margin-bottom: 0; overflow: hidden; overflow-y: scroll; -webkit-transform: scale(0); transform: scale(0); padding: 10px 10px 15px 10px; border-radius: 4px; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* */ /* */ background: rgba(62, 60, 75, 1.00); background: linear-gradient(to bottom, rgba(62, 60, 75, 1.00), rgba(36, 36, 36, 1.00)); /* */ /* */ } #icon-menu-nav-stacks_in_555.popup ul .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_555.popup .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } #icon-menu-nav-stacks_in_555.popup .icon-menu-nav-close:not(.inner) { display: none; } #icon-menu-nav-stacks_in_555.labels-top ul li a { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #icon-menu-nav-stacks_in_555.labels-top ul li a .icon-menu-nav-icon { margin: 10px 0 5px 0; } @media (max-width: 700px) { #icon-menu-nav-stacks_in_555.icon-menu-nav ul { max-width: 400px; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li { width: 33.333332%; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 40px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @media (max-width: 400px) { #icon-menu-nav-stacks_in_555.icon-menu-nav ul { max-width: 350px; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li { width: 33.333332%; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 35px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_555.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @-webkit-keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } #stacks_in_555 { margin: 20px 0px 20px 0px; } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-556.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_556.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-558.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_558.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-560.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_555 #icon-menu-item-stacks_in_560.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #stacks_in_16 { margin: 10px 0px 0px 0px; } .stacks_in_18 img{width:100%;max-width:325px} /* @group Generic Styles */ #ruleStackstacks_in_26, #ruleStackstacks_in_26:before, #ruleStackstacks_in_26:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_26 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_26 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_26 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_26 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_26 { text-align: center; } #ruleStackstacks_in_26:before, #ruleStackstacks_in_26:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_26:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_26:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_26 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_30{}#stacks_in_30 .slick-slide > div{overflow:hidden;padding:0%;margin:5%;border:0px solid #000000;border-radius:0px}#stacks_in_30 .padding-detailed .slick-slide > div{padding:0.00% 0.00% 0.00% 0.00%}#stacks_in_30 .margin-detailed .slick-slide > div{margin:0.00px 0.00px 0.00px 0.00px}#stacks_in_30 .border-detailed .slick-slide > div{border-style:solid;border-color:#000000;border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_30 .slide-color .slick-slide > div{background-color:#FFFFFF}#stacks_in_30 .centermode-true .slick-list{padding-top:5.00% !important;padding-bottom:5.00% !important}#stacks_in_30 .centermode-true .slick-slide > div{opacity:0.80}#stacks_in_30 .centermode-true .slick-center > div{opacity:1.0;-webkit-transition:all 300ms ease;transition:all 300ms ease;-webkit-transform:scale(1.00);transform:scale(1.00);padding:0%;margin:0%;border-color:#000000}#stacks_in_30 .centermode-true.center-padding-detailed .slick-center > div{padding:0.00% 0.00% 0.00% 0.00%}#stacks_in_30 .centermode-true.center-margin-detailed .slick-center > div{margin:0.00% 0.00% 0.00% 0.00%}#stacks_in_30 .slick-dots{text-align:center}#stacks_in_30 .slick-dots li button{opacity:0.25;-webkit-transition:all 300ms ease;transition:all 300ms ease}#stacks_in_30 .slick-dots li button:after{color:#FFFFFF;font-size:10px}#stacks_in_30 .slick-dots li.slick-active button{opacity:0.75}#stacks_in_30 .slick-dots li.slick-active button:after{font-size:10px;color:#FFFFFF}#stacks_in_30 .dot-numbers .slick-dots li button{color:#FFFFFF;font-size:5px}#stacks_in_30 .dot-numbers .slick-dots li.slick-active button{color:#FFFFFF;font-size:5px}#stacks_in_30 .dot-numbers.nav-dot-none .slick-dots li button{font-size:10px}#stacks_in_30 .dot-numbers.nav-dot-none .slick-dots li.slick-active button{font-size:10px}#stacks_in_30 .dot-hover .slick-dots li button{opacity:0}#stacks_in_30 .dot-hover:hover .slick-dots li button{opacity:0.25}#stacks_in_30 .dot-hover:hover .slick-dots li.slick-active button{opacity:0.75}#stacks_in_30 .dot-center-arrows.dot-top .slick-dots li,#stacks_in_30 .dot-center-arrows.dot-top .slick-dots li button,#stacks_in_30 .dot-center-arrows.dot-top .slick-dots li button:after,#stacks_in_30 .dot-center-arrows.dot-bottom .slick-dots li,#stacks_in_30 .dot-center-arrows.dot-bottom .slick-dots li button,#stacks_in_30 .dot-center-arrows.dot-bottom .slick-dots li button:after{height:2.50rem}#stacks_in_30 .dot-center-arrows.dot-top .slick-dots li button:after,#stacks_in_30 .dot-center-arrows.dot-bottom .slick-dots li button:after{line-height:2.50rem}#stacks_in_30 .dot-center-arrows.dot-top.dot-outside .slick-dots{-webkit-transform:translateY(-100%);transform:translateY(-100%)}#stacks_in_30 .dot-center-arrows.dot-bottom.dot-outside .slick-dots{-webkit-transform:translateY(100%);transform:translateY(100%)}#stacks_in_30 .dot-center-arrows.dot-left .slick-dots li,#stacks_in_30 .dot-center-arrows.dot-left .slick-dots li button,#stacks_in_30 .dot-center-arrows.dot-left .slick-dots li button:after,#stacks_in_30 .dot-center-arrows.dot-right .slick-dots li,#stacks_in_30 .dot-center-arrows.dot-right .slick-dots li button,#stacks_in_30 .dot-center-arrows.dot-right .slick-dots li button:after{width:2.50rem;margin:0}#stacks_in_30 .slick-prev,#stacks_in_30 .slick-next{width:2.50rem;height:2.50rem;background:transparent;opacity:0.85}#stacks_in_30 .slick-prev:before,#stacks_in_30 .slick-next:before{font-size:2.50rem;color:#FFFFFF}#stacks_in_30 .slick-prev.slick-disabled,#stacks_in_30 .slick-next.slick-disabled{opacity:0.25}#stacks_in_30 .arrow-hover .slick-prev,#stacks_in_30 .arrow-hover .slick-next{opacity:0}#stacks_in_30 .arrow-hover:hover .slick-prev,#stacks_in_30 .arrow-hover:hover .slick-next{opacity:0.85}#stacks_in_30 .arrow-hover:hover .slick-prev.slick-disabled,#stacks_in_30 .arrow-hover:hover .slick-next.slick-disabled{opacity:0.25}#stacks_in_30 .arrow-block .slick-prev,#stacks_in_30 .arrow-block .slick-next{background-color:#FFFFFF;top:0;left:0;-webkit-transform:none;transform:none}#stacks_in_30 .arrow-block:not(.effect-slide-vert) .slick-prev,#stacks_in_30 .arrow-block:not(.effect-slide-vert) .slick-next{height:100%;min-width:2.50rem;width:10%}#stacks_in_30 .arrow-block:not(.effect-slide-vert) .slick-next{right:0;left:auto}#stacks_in_30 .arrow-block.effect-slide-vert .slick-prev,#stacks_in_30 .arrow-block.effect-slide-vert .slick-next{width:100%;height:10%;min-height:2.50rem}#stacks_in_30 .arrow-block.effect-slide-vert .slick-next{bottom:0;top:auto}#stacks_in_30 .arrow-y-custom .slick-prev{top:50px}#stacks_in_30 .arrow-y-custom .slick-next{bottom:50px}#stacks_in_30 .arrow-y-custom.arrow-flush-top .slick-prev,#stacks_in_30 .arrow-y-custom.arrow-flush-top .slick-next{top:50px;bottom:auto}#stacks_in_30 .arrow-y-custom.arrow-flush-bottom .slick-prev,#stacks_in_30 .arrow-y-custom.arrow-flush-bottom .slick-next{bottom:50px;top:auto}#stacks_in_30 .arrow-x-custom .slick-prev{left:50px}#stacks_in_30 .arrow-x-custom .slick-next{right:50px}#stacks_in_30 .arrow-x-custom.arrow-flush-left .slick-prev,#stacks_in_30 .arrow-x-custom.arrow-flush-left .slick-next{right:auto;left:50px}#stacks_in_30 .arrow-x-custom.arrow-flush-right .slick-prev,#stacks_in_30 .arrow-x-custom.arrow-flush-right .slick-next{left:auto;right:50px}#stacks_in_30 .smart-margins.arrows-true:not(.arrow-block).arrow-y-outside{margin-top:2.50rem;margin-bottom:2.50rem}#stacks_in_30 .smart-margins.arrows-true:not(.arrow-block).arrow-y-outside.arrow-flush-top{margin-bottom:0}#stacks_in_30 .smart-margins.arrows-true:not(.arrow-block).arrow-y-outside.arrow-flush-bottom{margin-top:0}#stacks_in_30 .smart-margins.arrows-true:not(.arrow-block).arrow-x-outside{margin-left:2.50rem;margin-right:2.50rem}#stacks_in_30 .smart-margins.arrows-true:not(.arrow-block).arrow-x-outside.arrow-flush-left{margin-right:0}#stacks_in_30 .smart-margins.arrows-true:not(.arrow-block).arrow-x-outside.arrow-flush-right{margin-left:0} /* @group Generic Styles */ #ruleStackstacks_in_29, #ruleStackstacks_in_29:before, #ruleStackstacks_in_29:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_29 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_29 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_29 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_29 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_29 { text-align: center; } #ruleStackstacks_in_29:before, #ruleStackstacks_in_29:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_29:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_29:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_29 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_90, #ruleStackstacks_in_90:before, #ruleStackstacks_in_90:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_90 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_90 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_90 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_90 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_90 { text-align: center; } #ruleStackstacks_in_90:before, #ruleStackstacks_in_90:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_90:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_90:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_90 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_93 { font-weight: bold; } /* */ #view-more-stacks_in_103 { /* */ /* */ background: #888900; background: linear-gradient(to bottom, #888900, #000000); /* */ /* */ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; max-width: 2000px; border-radius: 5px; min-height: 0px; margin: 0 auto; } #view-more-stacks_in_103 .vm-header { padding-top: 115px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; display: -ms-flexbox; display: flex; text-align: center; position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; transition: all 0.8s ease; } #view-more-stacks_in_103 .vm-header * { box-sizing: border-box; transition: all 0.8s ease; } #view-more-stacks_in_103 .vm-header-icon { top: 15px; height: 100px; left: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; position: absolute; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: all 0.8s ease; } #view-more-stacks_in_103 .vm-header-icon i { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ color: rgba(49, 44, 50, 1.00); width: 70px; height: 70px; font-size: 30px; border-radius: 70px; -ms-flex-align: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; } #view-more-stacks_in_103 .vm-header-title, #view-more-stacks_in_103 .vm-header-description { transition: all 0.8s ease; } #view-more-stacks_in_103 .vm-header-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 45.304001px; max-width: 600px; font-weight: bold; margin: 0 auto 10px auto; } #view-more-stacks_in_103 .vm-header-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; line-height: 22.652000px; max-width: 500px; margin: 0 auto 0 auto; width: 100%; } #view-more-stacks_in_103 .vm-footer { padding: 30px 10px 30px 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } #view-more-stacks_in_103 .vm-footer-actions a, #view-more-stacks_in_103 .vm-footer-actions a:visited { /* */ font-family: "Varela"; /* */ /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ color: rgba(49, 44, 50, 1.00); font-size: 16px; padding: 20px 30px; border-radius: 5px; cursor: pointer; margin-bottom: 5px; text-decoration: none; display: inline-block; transition: box-shadow 0.3s ease, transform 0.3s ease; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); } #view-more-stacks_in_103 .vm-footer-actions a:hover, #view-more-stacks_in_103 .vm-footer-actions a:visited:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); } #view-more-stacks_in_103 .vm-footer-actions a.vm-action-go { /* */ /* */ /* */ display: none; } #view-more-stacks_in_103 .vm-footer-actions a.vm-action-go::before { content: 'Full Song List'; display: inline-block; } #view-more-stacks_in_103 .vm-footer-actions a.vm-action-more::before { content: 'Listen to Songs'; display: inline-block; } #view-more-stacks_in_103 .vm-content { /* */ height: 0; /* */ color: rgba(255, 255, 255, 0.50); overflow: hidden; } #view-more-stacks_in_103 .vm-content h1, #view-more-stacks_in_103 .vm-content h2, #view-more-stacks_in_103 .vm-content h3, #view-more-stacks_in_103 .vm-content h4, #view-more-stacks_in_103 .vm-content h5, #view-more-stacks_in_103 .vm-content h6 { color: rgba(255, 255, 255, 1.00); } #view-more-stacks_in_103 .vm-content a { color: rgba(152, 218, 252, 1.00); text-decoration: none; } #view-more-stacks_in_103 .vm-content a:hover { text-decoration: underline; } #view-more-stacks_in_103 .vm-content-inner { /* */ font-family: "Varela"; /* */ padding: 30px 10px; max-width: 2000px; margin: 0 auto; } #view-more-stacks_in_103 .vm-content-inner p { font-size: 14px; line-height: 25.888px; } #view-more-stacks_in_103.expanded.custom-expand-width { max-width: 2000px; } #view-more-stacks_in_103.expanded .vm-header { min-height: 70px; padding-left: 95px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; background: rgba(0, 0, 0, 0.30); -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; transition: all 0.8s ease; } #view-more-stacks_in_103.expanded .vm-header * { box-sizing: border-box; transition: all 0.8s ease; } #view-more-stacks_in_103.expanded .vm-header-icon { top: 0; width: 70px; left: 15px; bottom: 0; height: 100%; -ms-flex: 0 1 auto; flex: 0 1 auto; position: absolute; transition: all 0.8s ease; } #view-more-stacks_in_103.expanded .vm-header-icon i { width: 70px; height: 70px; font-size: 30px; border-radius: 70px; } #view-more-stacks_in_103.expanded .vm-header-title, #view-more-stacks_in_103.expanded .vm-header-description { width: 100%; margin-left: 0; transition: all 0.8s ease; } #view-more-stacks_in_103.expanded .vm-header-title { font-size: 20px; line-height: 32.360001px; margin-bottom: 10px; } #view-more-stacks_in_103.expanded .vm-header-description { font-size: 14px; line-height: 22.652000px; } #view-more-stacks_in_103.expanded .vm-footer a.vm-action-go { display: inline-block; } #view-more-stacks_in_103.expanded .vm-footer a.vm-action-more { /* */ background: rgba(102, 102, 102, 1.00); /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); margin-right: 8px; box-shadow: none; } #view-more-stacks_in_103.expanded .vm-footer a.vm-action-more::before { content: 'Close'; } #view-more-stacks_in_103.expanded.no-action-button a.vm-action-go { display: none; } #stacks_in_104 { margin: 20px 0px 0px 0px; } @-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; } } /* */ #view-more-stacks_in_119 { /* */ /* */ background: #888900; background: linear-gradient(to bottom, #888900, #000000); /* */ /* */ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; max-width: 2000px; border-radius: 5px; min-height: 0px; margin: 0 auto; } #view-more-stacks_in_119 .vm-header { padding-top: 115px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; display: -ms-flexbox; display: flex; text-align: center; position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; transition: all 0.8s ease; } #view-more-stacks_in_119 .vm-header * { box-sizing: border-box; transition: all 0.8s ease; } #view-more-stacks_in_119 .vm-header-icon { top: 15px; height: 100px; left: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; position: absolute; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: all 0.8s ease; } #view-more-stacks_in_119 .vm-header-icon i { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ color: rgba(49, 44, 50, 1.00); width: 70px; height: 70px; font-size: 30px; border-radius: 70px; -ms-flex-align: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; } #view-more-stacks_in_119 .vm-header-title, #view-more-stacks_in_119 .vm-header-description { transition: all 0.8s ease; } #view-more-stacks_in_119 .vm-header-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 45.304001px; max-width: 600px; font-weight: bold; margin: 0 auto 10px auto; } #view-more-stacks_in_119 .vm-header-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; line-height: 22.652000px; max-width: 500px; margin: 0 auto 0 auto; width: 100%; } #view-more-stacks_in_119 .vm-footer { padding: 30px 10px 30px 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } #view-more-stacks_in_119 .vm-footer-actions a, #view-more-stacks_in_119 .vm-footer-actions a:visited { /* */ font-family: "Varela"; /* */ /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ color: rgba(49, 44, 50, 1.00); font-size: 16px; padding: 20px 30px; border-radius: 5px; cursor: pointer; margin-bottom: 5px; text-decoration: none; display: inline-block; transition: box-shadow 0.3s ease, transform 0.3s ease; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); } #view-more-stacks_in_119 .vm-footer-actions a:hover, #view-more-stacks_in_119 .vm-footer-actions a:visited:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); } #view-more-stacks_in_119 .vm-footer-actions a.vm-action-go { /* */ /* */ /* */ display: none; } #view-more-stacks_in_119 .vm-footer-actions a.vm-action-go::before { content: 'Full Song List'; display: inline-block; } #view-more-stacks_in_119 .vm-footer-actions a.vm-action-more::before { content: 'Listen to Songs'; display: inline-block; } #view-more-stacks_in_119 .vm-content { /* */ height: 0; /* */ color: rgba(255, 255, 255, 0.50); overflow: hidden; } #view-more-stacks_in_119 .vm-content h1, #view-more-stacks_in_119 .vm-content h2, #view-more-stacks_in_119 .vm-content h3, #view-more-stacks_in_119 .vm-content h4, #view-more-stacks_in_119 .vm-content h5, #view-more-stacks_in_119 .vm-content h6 { color: rgba(255, 255, 255, 1.00); } #view-more-stacks_in_119 .vm-content a { color: rgba(152, 218, 252, 1.00); text-decoration: none; } #view-more-stacks_in_119 .vm-content a:hover { text-decoration: underline; } #view-more-stacks_in_119 .vm-content-inner { /* */ font-family: "Varela"; /* */ padding: 30px 10px; max-width: 2000px; margin: 0 auto; } #view-more-stacks_in_119 .vm-content-inner p { font-size: 14px; line-height: 25.888px; } #view-more-stacks_in_119.expanded.custom-expand-width { max-width: 2000px; } #view-more-stacks_in_119.expanded .vm-header { min-height: 70px; padding-left: 95px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; background: rgba(0, 0, 0, 0.30); -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; transition: all 0.8s ease; } #view-more-stacks_in_119.expanded .vm-header * { box-sizing: border-box; transition: all 0.8s ease; } #view-more-stacks_in_119.expanded .vm-header-icon { top: 0; width: 70px; left: 15px; bottom: 0; height: 100%; -ms-flex: 0 1 auto; flex: 0 1 auto; position: absolute; transition: all 0.8s ease; } #view-more-stacks_in_119.expanded .vm-header-icon i { width: 70px; height: 70px; font-size: 30px; border-radius: 70px; } #view-more-stacks_in_119.expanded .vm-header-title, #view-more-stacks_in_119.expanded .vm-header-description { width: 100%; margin-left: 0; transition: all 0.8s ease; } #view-more-stacks_in_119.expanded .vm-header-title { font-size: 20px; line-height: 32.360001px; margin-bottom: 10px; } #view-more-stacks_in_119.expanded .vm-header-description { font-size: 14px; line-height: 22.652000px; } #view-more-stacks_in_119.expanded .vm-footer a.vm-action-go { display: inline-block; } #view-more-stacks_in_119.expanded .vm-footer a.vm-action-more { /* */ background: rgba(102, 102, 102, 1.00); /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); margin-right: 8px; box-shadow: none; } #view-more-stacks_in_119.expanded .vm-footer a.vm-action-more::before { content: 'Close'; } #view-more-stacks_in_119.expanded.no-action-button a.vm-action-go { display: none; } #stacks_in_120 { margin: 20px 0px 0px 0px; } @-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; } } /* */ #view-more-stacks_in_136 { /* */ /* */ background: #888900; background: linear-gradient(to bottom, #888900, #000000); /* */ /* */ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; max-width: 2000px; border-radius: 5px; min-height: 0px; margin: 0 auto; } #view-more-stacks_in_136 .vm-header { padding-top: 115px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; display: -ms-flexbox; display: flex; text-align: center; position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; transition: all 0.8s ease; } #view-more-stacks_in_136 .vm-header * { box-sizing: border-box; transition: all 0.8s ease; } #view-more-stacks_in_136 .vm-header-icon { top: 15px; height: 100px; left: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; position: absolute; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: all 0.8s ease; } #view-more-stacks_in_136 .vm-header-icon i { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ color: rgba(49, 44, 50, 1.00); width: 70px; height: 70px; font-size: 30px; border-radius: 70px; -ms-flex-align: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; } #view-more-stacks_in_136 .vm-header-title, #view-more-stacks_in_136 .vm-header-description { transition: all 0.8s ease; } #view-more-stacks_in_136 .vm-header-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 45.304001px; max-width: 600px; font-weight: bold; margin: 0 auto 10px auto; } #view-more-stacks_in_136 .vm-header-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; line-height: 22.652000px; max-width: 500px; margin: 0 auto 0 auto; width: 100%; } #view-more-stacks_in_136 .vm-footer { padding: 30px 10px 30px 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } #view-more-stacks_in_136 .vm-footer-actions a, #view-more-stacks_in_136 .vm-footer-actions a:visited { /* */ font-family: "Varela"; /* */ /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ color: rgba(49, 44, 50, 1.00); font-size: 16px; padding: 20px 30px; border-radius: 5px; cursor: pointer; margin-bottom: 5px; text-decoration: none; display: inline-block; transition: box-shadow 0.3s ease, transform 0.3s ease; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); } #view-more-stacks_in_136 .vm-footer-actions a:hover, #view-more-stacks_in_136 .vm-footer-actions a:visited:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); } #view-more-stacks_in_136 .vm-footer-actions a.vm-action-go { /* */ /* */ /* */ display: none; } #view-more-stacks_in_136 .vm-footer-actions a.vm-action-go::before { content: 'Full Song List'; display: inline-block; } #view-more-stacks_in_136 .vm-footer-actions a.vm-action-more::before { content: 'Listen to Songs'; display: inline-block; } #view-more-stacks_in_136 .vm-content { /* */ height: 0; /* */ color: rgba(255, 255, 255, 0.50); overflow: hidden; } #view-more-stacks_in_136 .vm-content h1, #view-more-stacks_in_136 .vm-content h2, #view-more-stacks_in_136 .vm-content h3, #view-more-stacks_in_136 .vm-content h4, #view-more-stacks_in_136 .vm-content h5, #view-more-stacks_in_136 .vm-content h6 { color: rgba(255, 255, 255, 1.00); } #view-more-stacks_in_136 .vm-content a { color: rgba(152, 218, 252, 1.00); text-decoration: none; } #view-more-stacks_in_136 .vm-content a:hover { text-decoration: underline; } #view-more-stacks_in_136 .vm-content-inner { /* */ font-family: "Varela"; /* */ padding: 30px 10px; max-width: 2000px; margin: 0 auto; } #view-more-stacks_in_136 .vm-content-inner p { font-size: 14px; line-height: 25.888px; } #view-more-stacks_in_136.expanded.custom-expand-width { max-width: 2000px; } #view-more-stacks_in_136.expanded .vm-header { min-height: 70px; padding-left: 95px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; background: rgba(0, 0, 0, 0.30); -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; transition: all 0.8s ease; } #view-more-stacks_in_136.expanded .vm-header * { box-sizing: border-box; transition: all 0.8s ease; } #view-more-stacks_in_136.expanded .vm-header-icon { top: 0; width: 70px; left: 15px; bottom: 0; height: 100%; -ms-flex: 0 1 auto; flex: 0 1 auto; position: absolute; transition: all 0.8s ease; } #view-more-stacks_in_136.expanded .vm-header-icon i { width: 70px; height: 70px; font-size: 30px; border-radius: 70px; } #view-more-stacks_in_136.expanded .vm-header-title, #view-more-stacks_in_136.expanded .vm-header-description { width: 100%; margin-left: 0; transition: all 0.8s ease; } #view-more-stacks_in_136.expanded .vm-header-title { font-size: 20px; line-height: 32.360001px; margin-bottom: 10px; } #view-more-stacks_in_136.expanded .vm-header-description { font-size: 14px; line-height: 22.652000px; } #view-more-stacks_in_136.expanded .vm-footer a.vm-action-go { display: inline-block; } #view-more-stacks_in_136.expanded .vm-footer a.vm-action-more { /* */ background: rgba(102, 102, 102, 1.00); /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); margin-right: 8px; box-shadow: none; } #view-more-stacks_in_136.expanded .vm-footer a.vm-action-more::before { content: 'Close'; } #view-more-stacks_in_136.expanded.no-action-button a.vm-action-go { display: none; } #stacks_in_137 { margin: 20px 0px 0px 0px; } @-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; } } /* */ #view-more-stacks_in_153 { /* */ /* */ background: #888900; background: linear-gradient(to bottom, #888900, #000000); /* */ /* */ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; max-width: 2000px; border-radius: 5px; min-height: 0px; margin: 0 auto; } #view-more-stacks_in_153 .vm-header { padding-top: 115px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; display: -ms-flexbox; display: flex; text-align: center; position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; transition: all 0.8s ease; } #view-more-stacks_in_153 .vm-header * { box-sizing: border-box; transition: all 0.8s ease; } #view-more-stacks_in_153 .vm-header-icon { top: 15px; height: 100px; left: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; position: absolute; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: all 0.8s ease; } #view-more-stacks_in_153 .vm-header-icon i { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ color: rgba(49, 44, 50, 1.00); width: 70px; height: 70px; font-size: 30px; border-radius: 70px; -ms-flex-align: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; } #view-more-stacks_in_153 .vm-header-title, #view-more-stacks_in_153 .vm-header-description { transition: all 0.8s ease; } #view-more-stacks_in_153 .vm-header-title { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 45.304001px; max-width: 600px; font-weight: bold; margin: 0 auto 10px auto; } #view-more-stacks_in_153 .vm-header-description { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; line-height: 22.652000px; max-width: 500px; margin: 0 auto 0 auto; width: 100%; } #view-more-stacks_in_153 .vm-footer { padding: 30px 10px 30px 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } #view-more-stacks_in_153 .vm-footer-actions a, #view-more-stacks_in_153 .vm-footer-actions a:visited { /* */ font-family: "Varela"; /* */ /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ color: rgba(49, 44, 50, 1.00); font-size: 16px; padding: 20px 30px; border-radius: 5px; cursor: pointer; margin-bottom: 5px; text-decoration: none; display: inline-block; transition: box-shadow 0.3s ease, transform 0.3s ease; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); } #view-more-stacks_in_153 .vm-footer-actions a:hover, #view-more-stacks_in_153 .vm-footer-actions a:visited:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); } #view-more-stacks_in_153 .vm-footer-actions a.vm-action-go { /* */ /* */ /* */ display: none; } #view-more-stacks_in_153 .vm-footer-actions a.vm-action-go::before { content: 'Full Song List'; display: inline-block; } #view-more-stacks_in_153 .vm-footer-actions a.vm-action-more::before { content: 'Listen to Songs'; display: inline-block; } #view-more-stacks_in_153 .vm-content { /* */ height: 0; /* */ color: rgba(255, 255, 255, 0.50); overflow: hidden; } #view-more-stacks_in_153 .vm-content h1, #view-more-stacks_in_153 .vm-content h2, #view-more-stacks_in_153 .vm-content h3, #view-more-stacks_in_153 .vm-content h4, #view-more-stacks_in_153 .vm-content h5, #view-more-stacks_in_153 .vm-content h6 { color: rgba(255, 255, 255, 1.00); } #view-more-stacks_in_153 .vm-content a { color: rgba(152, 218, 252, 1.00); text-decoration: none; } #view-more-stacks_in_153 .vm-content a:hover { text-decoration: underline; } #view-more-stacks_in_153 .vm-content-inner { /* */ font-family: "Varela"; /* */ padding: 30px 10px; max-width: 2000px; margin: 0 auto; } #view-more-stacks_in_153 .vm-content-inner p { font-size: 14px; line-height: 25.888px; } #view-more-stacks_in_153.expanded.custom-expand-width { max-width: 2000px; } #view-more-stacks_in_153.expanded .vm-header { min-height: 70px; padding-left: 95px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; background: rgba(0, 0, 0, 0.30); -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; transition: all 0.8s ease; } #view-more-stacks_in_153.expanded .vm-header * { box-sizing: border-box; transition: all 0.8s ease; } #view-more-stacks_in_153.expanded .vm-header-icon { top: 0; width: 70px; left: 15px; bottom: 0; height: 100%; -ms-flex: 0 1 auto; flex: 0 1 auto; position: absolute; transition: all 0.8s ease; } #view-more-stacks_in_153.expanded .vm-header-icon i { width: 70px; height: 70px; font-size: 30px; border-radius: 70px; } #view-more-stacks_in_153.expanded .vm-header-title, #view-more-stacks_in_153.expanded .vm-header-description { width: 100%; margin-left: 0; transition: all 0.8s ease; } #view-more-stacks_in_153.expanded .vm-header-title { font-size: 20px; line-height: 32.360001px; margin-bottom: 10px; } #view-more-stacks_in_153.expanded .vm-header-description { font-size: 14px; line-height: 22.652000px; } #view-more-stacks_in_153.expanded .vm-footer a.vm-action-go { display: inline-block; } #view-more-stacks_in_153.expanded .vm-footer a.vm-action-more { /* */ background: rgba(102, 102, 102, 1.00); /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); margin-right: 8px; box-shadow: none; } #view-more-stacks_in_153.expanded .vm-footer a.vm-action-more::before { content: 'Close'; } #view-more-stacks_in_153.expanded.no-action-button a.vm-action-go { display: none; } #stacks_in_154 { margin: 20px 0px 0px 0px; } @-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; } } /* @group Generic Styles */ #ruleStackstacks_in_168, #ruleStackstacks_in_168:before, #ruleStackstacks_in_168:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_168 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_168 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_168 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_168 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_168 { text-align: center; } #ruleStackstacks_in_168:before, #ruleStackstacks_in_168:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_168:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_168:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_168 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_172 { margin: 0px 0px 50px 0px; } #stacks_in_176 { font-weight: bold; } /* @group Generic Styles */ #ruleStackstacks_in_179, #ruleStackstacks_in_179:before, #ruleStackstacks_in_179:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_179 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_179 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_179 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_179 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_179 { text-align: center; } #ruleStackstacks_in_179:before, #ruleStackstacks_in_179:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_179:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_179:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_179 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_182 .assemble-wrap .assemble-panel.assembled { -webkit-transition: transform 1500ms ease, opacity 1500ms ease; transition: transform 1500ms ease, opacity 1500ms ease; } .assemble-wrap.assemble-bounce .assemble-panel.assembled { animation: assemble-bounce 1500ms linear; } #stacks_in_187>.s3_row { margin: 0 -10px; } #stacks_in_187>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_187>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_187>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_187>.s3_row { margin: -10px 0; } #stacks_in_187>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_192 img{width:100%;max-width:50px} #stacks_in_580 { margin: 15px 0px 0px 0px; } #stacks_in_196>.s3_row { margin: 0 -10px; } #stacks_in_196>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_196>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_196>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_196>.s3_row { margin: -10px 0; } #stacks_in_196>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_201 img{width:100%;max-width:50px} #stacks_in_582 { margin: 15px 0px 0px 0px; } #stacks_in_205>.s3_row { margin: 0 -10px; } #stacks_in_205>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_205>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_205>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_205>.s3_row { margin: -10px 0; } #stacks_in_205>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_210 img{width:100%;max-width:50px} #stacks_in_584 { margin: 15px 0px 0px 0px; } #stacks_in_214>.s3_row { margin: 0 -10px; } #stacks_in_214>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_214>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_214>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_214>.s3_row { margin: -10px 0; } #stacks_in_214>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_219 img{width:100%;max-width:50px} #stacks_in_586 { margin: 15px 0px 0px 0px; } #stacks_in_223>.s3_row { margin: 0 -10px; } #stacks_in_223>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_223>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_223>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_223>.s3_row { margin: -10px 0; } #stacks_in_223>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_228 img{width:100%;max-width:50px} #stacks_in_588 { margin: 15px 0px 0px 0px; } #stacks_in_232>.s3_row { margin: 0 -10px; } #stacks_in_232>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_232>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_232>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_232>.s3_row { margin: -10px 0; } #stacks_in_232>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_237 img{width:100%;max-width:50px} #stacks_in_590 { margin: 15px 0px 0px 0px; } #stacks_in_241>.s3_row { margin: 0 -10px; } #stacks_in_241>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_241>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_241>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_241>.s3_row { margin: -10px 0; } #stacks_in_241>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_246 img{width:100%;max-width:50px} #stacks_in_592 { margin: 15px 0px 0px 0px; } #stacks_in_250>.s3_row { margin: 0 -10px; } #stacks_in_250>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_250>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_250>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_250>.s3_row { margin: -10px 0; } #stacks_in_250>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_255 img{width:100%;max-width:50px} #stacks_in_594 { margin: 15px 0px 0px 0px; } #stacks_in_259>.s3_row { margin: 0 -10px; } #stacks_in_259>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_259>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_259>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_259>.s3_row { margin: -10px 0; } #stacks_in_259>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_264 img{width:100%;max-width:50px} #stacks_in_596 { margin: 15px 0px 0px 0px; } #stacks_in_268>.s3_row { margin: 0 -10px; } #stacks_in_268>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_268>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_268>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_268>.s3_row { margin: -10px 0; } #stacks_in_268>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_273 img{width:100%;max-width:50px} #stacks_in_598 { margin: 15px 0px 0px 0px; } #stacks_in_277>.s3_row { margin: 0 -10px; } #stacks_in_277>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_277>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_277>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_277>.s3_row { margin: -10px 0; } #stacks_in_277>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_282 img{width:100%;max-width:50px} #stacks_in_600 { margin: 15px 0px 0px 0px; } #stacks_in_286>.s3_row { margin: 0 -10px; } #stacks_in_286>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_286>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_286>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_286>.s3_row { margin: -10px 0; } #stacks_in_286>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_291 img{width:100%;max-width:50px} #stacks_in_602 { margin: 15px 0px 0px 0px; } #stacks_in_295>.s3_row { margin: 0 -10px; } #stacks_in_295>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_295>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_295>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_295>.s3_row { margin: -10px 0; } #stacks_in_295>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_300 img{width:100%;max-width:50px} #stacks_in_604 { margin: 15px 0px 0px 0px; } #stacks_in_304>.s3_row { margin: 0 -10px; } #stacks_in_304>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_304>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_304>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_304>.s3_row { margin: -10px 0; } #stacks_in_304>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_309 img{width:100%;max-width:50px} #stacks_in_606 { margin: 15px 0px 0px 0px; } #stacks_in_313>.s3_row { margin: 0 -10px; } #stacks_in_313>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_313>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_313>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_313>.s3_row { margin: -10px 0; } #stacks_in_313>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_318 img{width:100%;max-width:50px} #stacks_in_608 { margin: 15px 0px 0px 0px; } #stacks_in_322>.s3_row { margin: 0 -10px; } #stacks_in_322>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_322>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_322>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_322>.s3_row { margin: -10px 0; } #stacks_in_322>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_327 img{width:100%;max-width:50px} #stacks_in_610 { margin: 15px 0px 0px 0px; } #stacks_in_331>.s3_row { margin: 0 -10px; } #stacks_in_331>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_331>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_331>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_331>.s3_row { margin: -10px 0; } #stacks_in_331>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_336 img{width:100%;max-width:50px} #stacks_in_612 { margin: 15px 0px 0px 0px; } #stacks_in_340>.s3_row { margin: 0 -10px; } #stacks_in_340>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_340>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_340>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_340>.s3_row { margin: -10px 0; } #stacks_in_340>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_345 img{width:100%;max-width:50px} #stacks_in_614 { margin: 15px 0px 0px 0px; } #stacks_in_348 .assemble-wrap .assemble-panel.assembled { -webkit-transition: transform 1500ms ease, opacity 1500ms ease; transition: transform 1500ms ease, opacity 1500ms ease; } .assemble-wrap.assemble-bounce .assemble-panel.assembled { animation: assemble-bounce 1500ms linear; } #stacks_in_353>.s3_row { margin: 0 -10px; } #stacks_in_353>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_353>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_353>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_353>.s3_row { margin: -10px 0; } #stacks_in_353>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_353>.s3_row { margin: -10px 0; } #stacks_in_353>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_353 { margin: 0px 0px 10px 0px; } .stacks_in_360 img{width:100%;max-width:50px} #stacks_in_355 { margin: 10px 0px 0px 0px; } #stacks_in_364>.s3_row { margin: 0 -10px; } #stacks_in_364>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_364>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_364>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_364>.s3_row { margin: -10px 0; } #stacks_in_364>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_364>.s3_row { margin: -10px 0; } #stacks_in_364>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_364 { margin: 10px 0px 0px 0px; } .stacks_in_371 img{width:100%;max-width:50px} #stacks_in_366 { margin: 10px 0px 0px 0px; } #stacks_in_375>.s3_row { margin: 0 -10px; } #stacks_in_375>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_375>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_375>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_375>.s3_row { margin: -10px 0; } #stacks_in_375>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_375>.s3_row { margin: -10px 0; } #stacks_in_375>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_375 { margin: 0px 0px 10px 0px; } .stacks_in_382 img{width:100%;max-width:50px} #stacks_in_377 { margin: 10px 0px 0px 0px; } #stacks_in_386>.s3_row { margin: 0 -10px; } #stacks_in_386>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_386>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_386>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_386>.s3_row { margin: -10px 0; } #stacks_in_386>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_386>.s3_row { margin: -10px 0; } #stacks_in_386>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_386 { margin: 0px 0px 10px 0px; } .stacks_in_393 img{width:100%;max-width:50px} #stacks_in_388 { margin: 10px 0px 0px 0px; } #stacks_in_397>.s3_row { margin: 0 -10px; } #stacks_in_397>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_397>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_397>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_397>.s3_row { margin: -10px 0; } #stacks_in_397>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_397>.s3_row { margin: -10px 0; } #stacks_in_397>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_397 { margin: 0px 0px 10px 0px; } .stacks_in_404 img{width:100%;max-width:50px} #stacks_in_399 { margin: 10px 0px 0px 0px; } #stacks_in_408>.s3_row { margin: 0 -10px; } #stacks_in_408>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_408>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_408>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_408>.s3_row { margin: -10px 0; } #stacks_in_408>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_408>.s3_row { margin: -10px 0; } #stacks_in_408>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_408 { margin: 0px 0px 10px 0px; } .stacks_in_415 img{width:100%;max-width:50px} #stacks_in_410 { margin: 10px 0px 0px 0px; } #stacks_in_419>.s3_row { margin: 0 -10px; } #stacks_in_419>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_419>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_419>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_419>.s3_row { margin: -10px 0; } #stacks_in_419>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_419>.s3_row { margin: -10px 0; } #stacks_in_419>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_419 { margin: 0px 0px 10px 0px; } .stacks_in_426 img{width:100%;max-width:50px} #stacks_in_421 { margin: 10px 0px 0px 0px; } #stacks_in_430>.s3_row { margin: 0 -10px; } #stacks_in_430>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_430>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_430>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_430>.s3_row { margin: -10px 0; } #stacks_in_430>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_430>.s3_row { margin: -10px 0; } #stacks_in_430>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_430 { margin: 0px 0px 10px 0px; } .stacks_in_437 img{width:100%;max-width:50px} #stacks_in_432 { margin: 10px 0px 0px 0px; } #stacks_in_441>.s3_row { margin: 0 -10px; } #stacks_in_441>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_441>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_441>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_441>.s3_row { margin: -10px 0; } #stacks_in_441>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_441>.s3_row { margin: -10px 0; } #stacks_in_441>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_441 { margin: 0px 0px 10px 0px; } .stacks_in_448 img{width:100%;max-width:50px} #stacks_in_443 { margin: 10px 0px 0px 0px; } #stacks_in_452>.s3_row { margin: 0 -10px; } #stacks_in_452>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_452>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_452>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_452>.s3_row { margin: -10px 0; } #stacks_in_452>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_452>.s3_row { margin: -10px 0; } #stacks_in_452>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_452 { margin: 0px 0px 10px 0px; } .stacks_in_459 img{width:100%;max-width:50px} #stacks_in_454 { margin: 10px 0px 0px 0px; } #stacks_in_463>.s3_row { margin: 0 -10px; } #stacks_in_463>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_463>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_463>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_463>.s3_row { margin: -10px 0; } #stacks_in_463>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_463>.s3_row { margin: -10px 0; } #stacks_in_463>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_463 { margin: 0px 0px 10px 0px; } .stacks_in_470 img{width:100%;max-width:50px} #stacks_in_465 { margin: 10px 0px 0px 0px; } #stacks_in_474>.s3_row { margin: 0 -10px; } #stacks_in_474>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_474>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_474>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_474>.s3_row { margin: -10px 0; } #stacks_in_474>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_474>.s3_row { margin: -10px 0; } #stacks_in_474>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_474 { margin: 0px 0px 10px 0px; } .stacks_in_481 img{width:100%;max-width:50px} #stacks_in_476 { margin: 10px 0px 0px 0px; } #stacks_in_485>.s3_row { margin: 0 -10px; } #stacks_in_485>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_485>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_485>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_485>.s3_row { margin: -10px 0; } #stacks_in_485>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_485>.s3_row { margin: -10px 0; } #stacks_in_485>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_485 { margin: 0px 0px 10px 0px; } .stacks_in_492 img{width:100%;max-width:50px} #stacks_in_487 { margin: 10px 0px 0px 0px; } #stacks_in_496>.s3_row { margin: 0 -10px; } #stacks_in_496>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_496>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_496>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_496>.s3_row { margin: -10px 0; } #stacks_in_496>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_496>.s3_row { margin: -10px 0; } #stacks_in_496>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_496 { margin: 0px 0px 10px 0px; } .stacks_in_503 img{width:100%;max-width:50px} #stacks_in_498 { margin: 10px 0px 0px 0px; } #stacks_in_507>.s3_row { margin: 0 -10px; } #stacks_in_507>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_507>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_507>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_507>.s3_row { margin: -10px 0; } #stacks_in_507>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_507>.s3_row { margin: -10px 0; } #stacks_in_507>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_507 { margin: 0px 0px 10px 0px; } .stacks_in_514 img{width:100%;max-width:50px} #stacks_in_509 { margin: 10px 0px 0px 0px; } #stacks_in_518>.s3_row { margin: 0 -10px; } #stacks_in_518>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_518>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_518>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_518>.s3_row { margin: -10px 0; } #stacks_in_518>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_518>.s3_row { margin: -10px 0; } #stacks_in_518>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_518 { margin: 0px 0px 10px 0px; } .stacks_in_525 img{width:100%;max-width:50px} #stacks_in_520 { margin: 10px 0px 0px 0px; } #stacks_in_529>.s3_row { margin: 0 -10px; } #stacks_in_529>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_529>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_529>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_529>.s3_row { margin: -10px 0; } #stacks_in_529>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_529>.s3_row { margin: -10px 0; } #stacks_in_529>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_529 { margin: 0px 0px 10px 0px; } .stacks_in_536 img{width:100%;max-width:50px} #stacks_in_531 { margin: 10px 0px 0px 0px; } #stacks_in_540>.s3_row { margin: 0 -10px; } #stacks_in_540>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_540>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_540>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_540>.s3_row { margin: -10px 0; } #stacks_in_540>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_540>.s3_row { margin: -10px 0; } #stacks_in_540>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_540 { margin: 0px 0px 10px 0px; } .stacks_in_547 img{width:100%;max-width:50px} #stacks_in_542 { margin: 10px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_550, #ruleStackstacks_in_550:before, #ruleStackstacks_in_550:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_550 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_550 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_550 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_550 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_550 { text-align: center; } #ruleStackstacks_in_550:before, #ruleStackstacks_in_550:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_550:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_550:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_550 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_630 { margin: 0px 0px 50px 0px; } #stacks_in_572_4>.s3_row { margin: 0 -10px; } #stacks_in_572_4>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_572_4>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_572_4>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_572_4>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_572_4>.s3_row { margin: -10px 0; } #stacks_in_572_4>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_572_4>.s3_row { margin: -10px 0; } #stacks_in_572_4>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_572_4 { margin: 20px 0px 20px 0px; } #stacks_in_572_6>.s3_row { margin: 0 -0px; } #stacks_in_572_6>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_572_6>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_572_6>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_572_6>.s3_row { margin: -0px 0; } #stacks_in_572_6>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_572_6>.s3_row { margin: -0px 0; } #stacks_in_572_6>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_572_6 { margin: 30px 0px 0px 0px; } .stacks_in_572_8 img{width:100%;max-width:50px} #stacks_in_572_11 { margin: 10px 0px 10px 0px; } #stacks_in_572_16>.s3_row { margin: 0 -0px; } #stacks_in_572_16>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_572_16>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_572_16>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_572_16>.s3_row { margin: -0px 0; } #stacks_in_572_16>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_572_16>.s3_row { margin: -0px 0; } #stacks_in_572_16>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_572_16 { margin: 30px 0px 0px 0px; } .stacks_in_572_18 img{width:100%;max-width:50px} #stacks_in_572_21 { margin: 10px 0px 10px 0px; } .stacks_in_572_27 img{width:100%;max-width:250px} #stacks_in_572_30 { margin: 30px 0px 0px 0px; } .stacks_in_572_38 img{width:100%;max-width:50px} .stacks_in_572_44 img{width:100%;max-width:50px} .stacks_in_572_50 img{width:100%;max-width:50px} .stacks_in_572_56 img{width:100%;max-width:50px}