@-webkit-keyframes slideup-swingInX{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@-moz-keyframes slideup-swingInX{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg)}}@-o-keyframes slideup-swingInX{0%{-o-transform:perspective(400px) rotateX(-90deg)}100%{-o-transform:perspective(400px) rotateX(0deg)}}@keyframes slideup-swingInX{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg)}}@-webkit-keyframes slideup-swingOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg)}100%{-webkit-transform:perspective(400px) rotateX(-90deg)}}@-moz-keyframes slideup-swingOutX{0%{-moz-transform:perspective(400px) rotateX(0deg)}100%{-moz-transform:perspective(400px) rotateX(-90deg)}}@-o-keyframes slideup-swingOutX{0%{-o-transform:perspective(400px) rotateX(0deg)}100%{-o-transform:perspective(400px) rotateX(-90deg)}}@keyframes slideup-swingOutX{0%{transform:perspective(400px) rotateX(0deg)}100%{transform:perspective(400px) rotateX(-90deg)}}@-webkit-keyframes slideup-slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideup-slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideup-slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}@keyframes slideup-slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@-webkit-keyframes slideup-slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideup-slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideup-slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideup-slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@-webkit-keyframes slideup-flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes slideup-flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes slideup-flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes slideup-flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}@-webkit-keyframes slideup-flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes slideup-flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes slideup-flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes slideup-flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}@-webkit-keyframes slideup-bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideup-bounceInDown{0%{opacity:0;-moz-transform:translateY(-200px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideup-bounceInDown{0%{opacity:0;-o-transform:translateY(-200px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes slideup-bounceInDown{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}@-webkit-keyframes slideup-bounceOutUp{0%{-webkit-transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-200px)}}@-moz-keyframes slideup-bounceOutUp{0%{-moz-transform:translateY(0)}30%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-200px)}}@-o-keyframes slideup-bounceOutUp{0%{-o-transform:translateY(0)}30%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-200px)}}@keyframes slideup-bounceOutUp{0%{transform:translateY(0)}30%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-200px)}} .com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} .com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} .scroller-header { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; } .scroller-container { width: 100%; height: 2px; background: rgba(240, 240, 240, 1.00); } .scroller-bar { height: 2px; background: rgba(0, 128, 255, 1.00); width: 0%; } #usefulStackWrapperstacks_in_2347_2 { margin: 0 auto; min-width: 180px; max-width: 180px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2347_2 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2347_2 { display: none; } } .pin-spacer.spacer-stacks_in_2347_4{width:100%;min-width:100%}.pin-spacer.spacer-stacks_in_2347_4.posFixed.allow-overlay{display:none}@media screen and (max-width:992px){.pin-spacer.spacer-stacks_in_2347_4.hide-below-bp{display:none}}@media screen and (min-width:992px){.pin-spacer.spacer-stacks_in_2347_4.hide-above-bp{display:none}}#stacks_in_2347_4>.pin-fixed{z-index:9999}#stacks_in_2347_4>.pin-fixed.pin-it::after{background:#333333;opacity:0.0}#stacks_in_2347_4>.pin-it.pin-static{position:relative;z-index:1}@media screen and (max-width:992px){#stacks_in_2347_4>.pin-it.hide-below-bp{display:none}}@media screen and (min-width:992px){#stacks_in_2347_4>.pin-it.hide-above-bp{display:none}}#stacks_in_2347_4>.pin-it::after{z-index:-1;position:absolute;top:0;left:0;bottom:0;right:0;content:"";background:#FFFFFF;opacity:0.0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}#stacks_in_2347_4>.pin-it.pin-fixed{position:fixed;top: 10px }@media screen and (max-width:992px){#stacks_in_2347_4>.pin-it.pin-fixed.mob-full-width{left:0;width:100%!important}}@media screen and (min-width:992px){#stacks_in_2347_4>.pin-it.pin-fixed{top:10px}} #stacks_in_2347_4 .pin-it.pin-fixed.fixed-shadow {-webkit-box-shadow:rgba(0,0,0,0.40) 0 1px 5px;-moz-box-shadow:rgba(0,0,0,0.40) 0 1px 5px;box-shadow:rgba(0,0,0,0.40) 0 1px 5px} /* * AUTHOR: JEREMY HAWES * NAME: Simple Position Pro * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-position/ * Support: support@1littledesigner.com * Version 2.0.1 * Description: Simple Element Positioning & Z-Index Control */ #simplePosition_stacks_in_2347_6 { position: absolute; z-index: 1; top: 0px; left: 75px; display: block; } #simplePosition_stacks_in_2347_6.sizeControlOn.spPercWidthOn { width: 100%; } #simplePosition_stacks_in_2347_6.sizeControlOn.spPercHeightOn { height: 100%; /* Most useful for Fixed position */ } #simplePosition_stacks_in_2347_6.spPercVertOff { top: 0px; } #simplePosition_stacks_in_2347_6.spPercHorizOff { left: 75px; } #simplePosition_stacks_in_2347_6.spPercVertOn { top: 0%; } #simplePosition_stacks_in_2347_6.spPercHorizOn { left: 0%; } #simplePosition_stacks_in_2347_6.sizeControlOn.spPercWidthOff { width: 300px; } #simplePosition_stacks_in_2347_6.sizeControlOn.spPercHeightOff { height: 300px; } /* @group CSS Reset */ #shareStackWrapperstacks_in_2047 *, #shareStackWrapperstacks_in_2047 *::after, #shareStackWrapperstacks_in_2047 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #shareStackWrapperstacks_in_2047 ul#shareStackArraystacks_in_2047 { padding: 0; margin: 0; list-style: none; height: auto; overflow: auto; text-align: right; } #shareStackWrapperstacks_in_2047 [class^="fa fa-"] { line-height: 25px; color: inherit; } /* @end */ /* @group Positioning */ /* @group Absolute Positioning */ /* */ /* @end */ /* @group Fixed Positioning */ /* */ /* @end */ /* */ /* @group Relative Positioning */ #shareStackWrapperstacks_in_2047 { position: relative; width: 100%; } /* */ /* @end */ /* @end */ /* @group Buttons */ #shareStackWrapperstacks_in_2047 ul#shareStackArraystacks_in_2047 li.shareStackItem { padding: 0; margin-bottom: 0px; margin-left: 3px; margin-right: 3px; margin-top: 0px; display: inline-block; text-align: center; font-size: 14px; width: 25px; height: 25px; line-height: 25px; cursor: pointer; position: relative; transition: opacity 300ms ease-in-out; border-radius: 0px; opacity: 0.99; list-style: none; overflow: hidden; } #shareStackWrapperstacks_in_2047 ul#shareStackArraystacks_in_2047 li.shareStackItem:hover { opacity: 0.85; } #shareStackWrapperstacks_in_2047 ul#shareStackArraystacks_in_2047 li.shareStackItem a { position: absolute; top: 0; left: 0; width: 50px; height: 50px; } /* @end */ /* @group Responsive */ #shareStackWrapperstacks_in_2047 ul#shareStackArraystacks_in_2047 { display: none; } @media screen and (min-width: 95px) and (max-width: 100000px) { #shareStackWrapperstacks_in_2047 ul#shareStackArraystacks_in_2047 { display: block; } } /* @end */ /* @group Icons */ #shareStackWrapperstacks_in_2047 #shareStackItem-baidustacks_in_2047 { background: #FF4749; color: #0000ff; } #shareStackWrapperstacks_in_2047 #shareStackItem-bloggerstacks_in_2047 { background: #F3881F; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-deliciousstacks_in_2047 { background: #0c83e8; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-diggstacks_in_2047 { background: #000000; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-facebookstacks_in_2047 { background: #406fac; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-googleplusstacks_in_2047 { background: #e15540; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-linkedinstacks_in_2047 { background: #0182bd; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-livejournalstacks_in_2047 { background: #083B51; color: #9AECFF; } #shareStackWrapperstacks_in_2047 #shareStackItem-myspacestacks_in_2047 { background: #032087; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-odnoklassnikistacks_in_2047 { background: #E76E23; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-pocketstacks_in_2047 { background: #DC2447; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-redditstacks_in_2047 { background: #d3e6f8; color: #000000; } #shareStackWrapperstacks_in_2047 #shareStackItem-renrenstacks_in_2047 { background: #f5f5f5; color: #0164b4; } #shareStackWrapperstacks_in_2047 #shareStackItem-stumbleuponstacks_in_2047 { background: #ed5328; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-telegramstacks_in_2047 { background: #32afed; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-tumblrstacks_in_2047 { background: #3c4f67; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-twitterstacks_in_2047 { background: #44A6FD; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-viadeostacks_in_2047 { background: #333333; color: #E88B25; } #shareStackWrapperstacks_in_2047 #shareStackItem-vkontaktestacks_in_2047 { background: #557fab; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-weibostacks_in_2047 { background: #db2f2d; color: #ffffff; } #shareStackWrapperstacks_in_2047 #shareStackItem-xingstacks_in_2047 { background: #D0D607; color: #0A5256; } /* Utility icons */ #shareStackWrapperstacks_in_2047 #shareStackItem-emailstacks_in_2047 { background: #cdcdcd; color: #333333; } #shareStackWrapperstacks_in_2047 #shareStackItem-printstacks_in_2047 { background: #808080; color: #ffffff; } /* Custom Icons */ #shareStackWrapperstacks_in_2047 #shareStackItem-customonestacks_in_2047 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_2047 #shareStackItem-customtwostacks_in_2047 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_2047 #shareStackItem-customthreestacks_in_2047 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_2047 #shareStackItem-customfourstacks_in_2047 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_2047 #shareStackItem-customfivestacks_in_2047 { background: #FF8000; color: #333333; } /* @end */ @media print { #shareStackWrapperstacks_in_2047 { display: none !important; } } /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_2047 { padding: 0px 0px 10px 0px; } /* -- Start Rateit Each css Template -- */ #stacks_in_805{ text-align: right; } #stacks_in_805doorateit{ font-size: 120% !important; } #stacks_in_805doorateit .fa{ color: rgba(0, 128, 255, 1.00) !important; } #stacks_in_805doorateit .fallenstar{ color: rgba(229, 229, 229, 1.00) !important; } .stacks_in_805text{ display: inline; color: rgba(85, 85, 85, 1.00) !important; font-size: 100% !important; padding-left: 5px; margin-right: 5px; } /* -- End Rateit Each css Template -- */ #stacks_in_805 { padding: 0px 0px 10px 0px; } #stacks_in_2238 { padding: 10px 0px 0px 0px; } /* @group Basics */ #switcherstacks_in_1186, #switcherstacks_in_1186 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #switcherstacks_in_1186 { display: none; } /* Reset for lists within Switcher */ #switcherstacks_in_1186 ul ul { list-style-type: disc; } /* @end */ /* @group Accordion */ ul#accordionInterfacestacks_in_1186 { padding: 0; margin: 0; list-style: none; } ul#accordionInterfacestacks_in_1186>li { padding: 0; margin: 0; list-style: none; } /* Static accordion */ #accordionInterfacestacks_in_1186 .accordion-toggle, #mydiv .accordion-toggle { margin-top: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; cursor: pointer; background: rgba(244, 244, 244, 1.00); line-height: 45px; display: block; font-size: 18px; text-decoration: none; border-radius: 5px 5px 5px 5px; text-align: left; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; border-top: 1px solid rgba(179, 179, 179, 1.00); border-bottom: 1px solid rgba(179, 179, 179, 1.00); border-left: 1px solid rgba(179, 179, 179, 1.00); border-right: 1px solid rgba(179, 179, 179, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: rgba(0, 128, 255, 1.00); position: relative; z-index: 10; outline: none; } #accordionInterfacestacks_in_1186 .accordion-toggle [class^="fa fa-"], #mydiv .accordion-toggle [class^="fa fa-"], #accordionInterfacestacks_in_1186 .accordion-toggle i, #mydiv .accordion-toggle i { font-size: 18px; color: rgba(102, 102, 102, 1.00); width: 25px; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; display: inline-block; text-align: center; overflow: hidden; line-height: 1; vertical-align: middle; } /* Hovered accordion */ #accordionInterfacestacks_in_1186 .accordion-toggle:hover, #mydiv .accordion-toggle:hover { background: rgba(244, 244, 244, 1.00); color: rgba(0, 128, 255, 1.00); border-top: 1px solid rgba(179, 179, 179, 1.00); border-bottom: 1px solid rgba(179, 179, 179, 1.00); border-left: 1px solid rgba(179, 179, 179, 1.00); border-right: 1px solid rgba(179, 179, 179, 1.00); border-radius: 5px 5px 5px 5px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; margin-top: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } #accordionInterfacestacks_in_1186 .accordion-toggle:hover [class^="fa fa-"], #mydiv .accordion-toggle:hover [class^="fa fa-"], #accordionInterfacestacks_in_1186 .accordion-toggle:hover i, #mydiv .accordion-toggle:hover i { color: rgba(102, 102, 102, 1.00); } /* Clicked accordion */ #accordionInterfacestacks_in_1186 .accordion-toggle:active, #mydiv .accordion-toggle:active { color: rgba(0, 128, 255, 1.00); background: rgba(244, 244, 244, 1.00); } #accordionInterfacestacks_in_1186 .accordion-toggle:active [class^="fa fa-"], #mydiv .accordion-toggle:active [class^="fa fa-"], #accordionInterfacestacks_in_1186 .accordion-toggle:active i, #mydiv .accordion-toggle:active i { color: rgba(102, 102, 102, 1.00); } /* Active accordion */ #accordionInterfacestacks_in_1186 .accordion-toggle.ui-state-active, #mydiv .accordion-toggle.ui-state-active { color: rgba(38, 38, 38, 1.00); background: rgba(255, 255, 255, 1.00); border-top: 1px solid rgba(179, 179, 179, 1.00); border-bottom: 1px solid rgba(179, 179, 179, 1.00); border-left: 1px solid rgba(179, 179, 179, 1.00); border-right: 1px solid rgba(179, 179, 179, 1.00); border-radius: 5px 5px 0px 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; margin-top: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } #accordionInterfacestacks_in_1186 .accordion-toggle.ui-state-active [class^="fa fa-"], #mydiv .accordion-toggle.ui-state-active [class^="fa fa-"], #accordionInterfacestacks_in_1186 .accordion-toggle.ui-state-active i, #mydiv .accordion-toggle.ui-state-active i { color: rgba(102, 102, 102, 1.00); } /* @group Open and closed floating icons */ #accordionInterfacestacks_in_1186 .accordion-toggle .closedIcon, #mydiv .accordion-toggle .closedIcon { float: right; display: inline; } #accordionInterfacestacks_in_1186 .accordion-toggle .openedIcon, #mydiv .accordion-toggle .openedIcon { float: right; display: none; } #accordionInterfacestacks_in_1186 .accordion-toggle.ui-state-active .closedIcon, #mydiv .accordion-toggle.ui-state-active .closedIcon { display: none; } #accordionInterfacestacks_in_1186 .accordion-toggle.ui-state-active .openedIcon, #mydiv .accordion-toggle.ui-state-active .openedIcon { display: inline; } /* @end */ /* @end */ /* @group Tabs */ ul#tabbedInterfacestacks_in_1186 { padding: 0; margin: 0; list-style: none; } ul#tabbedInterfacestacks_in_1186>li { padding: 0; margin: 0; list-style: none; } ul#switcherTabsstacks_in_1186 { display: block; text-align: left; padding: 0; margin: 0; list-style: none; } ul#switcherTabsstacks_in_1186 li.switcherTab { display: inline-block; list-style: none; width: 20.00%; } /* Static tabs */ ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default a { display: block; margin-top: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 3px !important; cursor: pointer; background: rgba(241, 241, 241, 1.00); padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; font-size: 18px; line-height: 1.00em; text-align: center; text-decoration: none; border-radius: 5px 5px 0px 0px; color: rgba(0, 128, 255, 1.00); border-top: 1px solid rgba(179, 179, 179, 1.00); border-bottom: 1px solid rgba(179, 179, 179, 1.00); border-left: 1px solid rgba(179, 179, 179, 1.00); border-right: 1px solid rgba(179, 179, 179, 1.00); position: relative; z-index: 10; outline: none; /* Animate selected elements */ transition: background 300ms, color 300ms, border 300ms, border-radius 300ms; -webkit-transition: background 300ms, color 300ms, border 300ms, border-radius 300ms; -moz-transition: background 300ms, color 300ms, border 300ms, border-radius 300ms; } ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default a [class^="fa fa-"], ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default a i { display: block; font-size: 48px; text-align: center; color: rgba(255, 255, 255, 1.00); line-height: 1; vertical-align: middle; margin-top: 0px !important; margin-bottom: 10px !important; margin-left: 0px !important; margin-right: 0px !important; /* Animate selected elements */ transition: background 300ms, color 300ms, border 300ms, border-radius 300ms; -webkit-transition: background 300ms, color 300ms, border 300ms, border-radius 300ms; -moz-transition: background 300ms, color 300ms, border 300ms, border-radius 300ms; } /* Hovered Tabs */ ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default a:hover { background: rgba(244, 244, 244, 1.00); color: rgba(0, 128, 255, 1.00); border-top: 1px solid rgba(179, 179, 179, 1.00); border-bottom: 1px solid rgba(164, 164, 164, 1.00); border-left: 1px solid rgba(179, 179, 179, 1.00); border-right: 1px solid rgba(179, 179, 179, 1.00); border-radius: 5px 5px 0px 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; margin-top: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 3px !important; } ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default a:hover [class^="fa fa-"], ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default a:hover i { color: rgba(255, 255, 255, 1.00); } /* Clicked tabs */ ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default a:active { color: rgba(0, 128, 255, 1.00); background: rgba(244, 244, 244, 1.00); } ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default [class^="fa fa-"], ul#switcherTabsstacks_in_1186 li.switcherTab.ui-state-default i { color: rgba(255, 255, 255, 1.00); } /* Active Tabs */ ul#switcherTabsstacks_in_1186 li.switcherTab.ui-tabs-active.ui-state-active a { background: rgba(255, 255, 255, 1.00); color: rgba(38, 38, 38, 1.00); border-top: 1px solid rgba(179, 179, 179, 1.00); border-bottom: 1px solid rgba(255, 255, 255, 1.00); border-left: 1px solid rgba(179, 179, 179, 1.00); border-right: 1px solid rgba(179, 179, 179, 1.00); border-radius: 5px 5px 0px 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; margin-top: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 3px !important; } ul#switcherTabsstacks_in_1186 li.switcherTab.ui-tabs-active.ui-state-active a [class^="fa fa-"], ul#switcherTabsstacks_in_1186 li.switcherTab.ui-tabs-active.ui-state-active a i { color: rgba(255, 255, 255, 1.00); } /* Hide accordion toggle headings */ #tabPanesstacks_in_1186 a.accordion-toggle { display: none; } /* Hide accordion, when in tabbed mode */ #switcherstacks_in_1186.tabbed-layout #accordionInterfacestacks_in_1186 { display: none; } /* Display tabbed interface, when in tabs mode */ #switcherstacks_in_1186.tabbed-layout #tabbedInterfacestacks_in_1186 { display: block; } /* Hide tabbed interface, when in accordion mode */ #switcherstacks_in_1186.accordion-layout #tabbedInterfacestacks_in_1186 { display: none; } /* Hide open / close accordion heading icons */ ul#switcherTabsstacks_in_1186 .closedIcon, ul#switcherTabsstacks_in_1186 .openedIcon { display: none; } /* @end */ /* @group Content Panels */ #tabbedInterfacestacks_in_1186 .accordion-content, #accordionInterfacestacks_in_1186 .accordion-content { display: none; list-style: none; padding: 0; text-align: left; margin-top: -1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } #tabbedInterfacestacks_in_1186 .accordion-content .contentInner, #accordionInterfacestacks_in_1186 .accordion-content .contentInner { color: rgba(51, 51, 51, 1.00); background: rgba(255, 255, 255, 1.00); padding-top: 20px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; border-radius: 0px 0px 5px 5px; border-top: 1px solid rgba(164, 164, 164, 1.00); border-bottom: 1px solid rgba(164, 164, 164, 1.00); border-left: 1px solid rgba(164, 164, 164, 1.00); border-right: 1px solid rgba(164, 164, 164, 1.00); } /* @end */ /* @group Left / Right Tab Positioning */ /* @end */ /* @group Responsive Behavior */ /* On screens less than our breakpoint, make tabs an accordion */ @media screen and (max-width: 568px) { #switcherstacks_in_1186 #accordionInterfacestacks_in_1186 { display: block !important; } #switcherstacks_in_1186 #tabbedInterfacestacks_in_1186 { display: none !important; } } /* @end */ /* @group Print style settings */ @media print { #switcherTabsstacks_in_1186 { display: none !important; } #switcherWrapperstacks_in_1186, #switcherstacks_in_1186.tabbed-layout .accordion-toggle { display: block !important; } #switcherstacks_in_1186 .accordion-content { display: block !important; height: auto !important; } #switcherstacks_in_1186 .accordion-content .contentInner { border: none !important; } } /* @end */ /* @group Advanced Settings */ /**/ /**/ /**/ /* @end */ /* @group Edit Mode Styling */ /* */ /* @end *//* @group Accordion */ /* */ /* @end */ /* @group Tabs */ /* */ /* @end */ /* @group Content Panel */ /* */ /* @end */@media only screen and (min-width:0px){#stacks_in_875{}} /* @group Accordion */ /* */ /* @end */ /* @group Tabs */ /* */ /* @end */ /* @group Content Panel */ /* */ /* @end */@media only screen and (min-width:0px){#stacks_in_885{}} /* @group Accordion */ /* */ /* @end */ /* @group Tabs */ /* */ /* @end */ /* @group Content Panel */ /* */ /* @end */@media only screen and (min-width:0px){#stacks_in_866{}} /* @group Accordion */ /* */ /* @end */ /* @group Tabs */ /* */ /* @end */ /* @group Content Panel */ /* */ /* @end */#usefulStackWrapperstacks_in_2360 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2360 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2360 { display: none; } } @media print { #usefulStackWrapperstacks_in_2360 { display: none; } } #fullScreenWrapper-player25 { width: 100%; } #playerWrapper-player25 { display: block; position: relative; } #playerWrapper-player25 *, #playerWrapper-player25 *:before, #playerWrapper-player25 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player25 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player25 { padding-bottom: 62.50%; } #playerWrapper-player25 #media-player25 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player25 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player25 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player25 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player25 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player25 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player25 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player25 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player25 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player25 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player25, #playerSplashButtonstacks_in_2361 { display: none !important; } #media-controls-wrapper-player25 { position: relative; z-index: 4; width: 100%; } #toolbar-player25 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player25 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player25 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player25:hover #toolbar-player25 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player25.playerInFullScreenMode:hover #toolbar-player25, #playerWrapper-player25.playerInFullScreenMode #toolbar-player25 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player25.playerInFullScreenMode #toolbar-player25.toolbarHovered, .playerTouchDevice #playerWrapper-player25.playerInFullScreenMode #toolbar-player25 { opacity: 1.00; } */ #playerWrapper-player25.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2361 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player25 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player25 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player25 .media-button, #toolbar-player25 .timingContent { line-height: 45px; } #toolbar-player25 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player25 span.time, #media-controls-player25 span.player-extra-element, #media-controls-player25 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2361 { order: 3; display: block; } #pausestacks_in_2361 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2361 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2361 { order: 8; } #contractFromFullScreenstacks_in_2361 { order: 8; display: none /* Start hidden */ } #toolbar-player25 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player25 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player25 .media-button a, #toolbar-player25 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player25 span.media-button a:hover, #media-controls-player25 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player25 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player25 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2361 { display: flex; flex: 1; align-items: center; } #toolbar-player25 .duration, #toolbar-player25 .scrubberWrapper, #toolbar-player25 .time { /* display: table-cell; */ } #toolbar-player25 .time, #toolbar-player25 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player25 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player25 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player25 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player25 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2361 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2361 { display: none !important; } #volumestacks_in_2361:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2361 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2361:hover #volumeMasterControllerstacks_in_2361 { display: none; } #volumeMinstacks_in_2361 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2361 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2361[type=range], #volumeMinstacks_in_2361, #volumeMaxstacks_in_2361 { display: none; } #volumeMinstacks_in_2361, #volumeMaxstacks_in_2361 { cursor: pointer; } #volumestacks_in_2361:hover #volumeMinstacks_in_2361, #volumestacks_in_2361:hover #volumeMaxstacks_in_2361, #volumestacks_in_2361:hover #volume-barstacks_in_2361 { display: inline; } #volume-barstacks_in_2361[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2361[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2361[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2361[type=range]:focus { outline: none; } #volume-barstacks_in_2361[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2361[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2361[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2361[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2361[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2361[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2361[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2361[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2361[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player25.playerInFullScreenMode, #fullScreenWrapper-player25.playerInFullScreenMode #playerWrapper-player25 { height: 100%; } #fullScreenWrapper-player25.playerInFullScreenMode #mediaFrame-player25 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player25.playerInFullScreenMode player25 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player25.playerInFullScreenMode #toolbar-player25 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player25.playerInFullScreenMode #toolbar-player25.toolbarVisible { display: flex; } #fullScreenWrapper-player25.playerInFullScreenMode #PlayerCaptionsBarplayer25 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player25.playerInFullScreenMode #PlayerCaptionsBarplayer25.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player25 #fullscreenHoverRegion-player25 { display: none; } #fullScreenWrapper-player25.playerInFullScreenMode #fullscreenHoverRegion-player25 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2366 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2369_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2369_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2369_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2369_5 { display: none !important; } } #usefulStackWrapperstacks_in_2285 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2285 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2285 { display: none; } } @media print { #usefulStackWrapperstacks_in_2285 { display: none; } } #fullScreenWrapper-player24 { width: 100%; } #playerWrapper-player24 { display: block; position: relative; } #playerWrapper-player24 *, #playerWrapper-player24 *:before, #playerWrapper-player24 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player24 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player24 { padding-bottom: 62.50%; } #playerWrapper-player24 #media-player24 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player24 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player24 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player24 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player24 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player24 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player24 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player24 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player24 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player24 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player24, #playerSplashButtonstacks_in_2286 { display: none !important; } #media-controls-wrapper-player24 { position: relative; z-index: 4; width: 100%; } #toolbar-player24 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player24 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player24 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player24:hover #toolbar-player24 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player24.playerInFullScreenMode:hover #toolbar-player24, #playerWrapper-player24.playerInFullScreenMode #toolbar-player24 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player24.playerInFullScreenMode #toolbar-player24.toolbarHovered, .playerTouchDevice #playerWrapper-player24.playerInFullScreenMode #toolbar-player24 { opacity: 1.00; } */ #playerWrapper-player24.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2286 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player24 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player24 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player24 .media-button, #toolbar-player24 .timingContent { line-height: 45px; } #toolbar-player24 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player24 span.time, #media-controls-player24 span.player-extra-element, #media-controls-player24 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2286 { order: 3; display: block; } #pausestacks_in_2286 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2286 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2286 { order: 8; } #contractFromFullScreenstacks_in_2286 { order: 8; display: none /* Start hidden */ } #toolbar-player24 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player24 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player24 .media-button a, #toolbar-player24 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player24 span.media-button a:hover, #media-controls-player24 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player24 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player24 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2286 { display: flex; flex: 1; align-items: center; } #toolbar-player24 .duration, #toolbar-player24 .scrubberWrapper, #toolbar-player24 .time { /* display: table-cell; */ } #toolbar-player24 .time, #toolbar-player24 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player24 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player24 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player24 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player24 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2286 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2286 { display: none !important; } #volumestacks_in_2286:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2286 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2286:hover #volumeMasterControllerstacks_in_2286 { display: none; } #volumeMinstacks_in_2286 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2286 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2286[type=range], #volumeMinstacks_in_2286, #volumeMaxstacks_in_2286 { display: none; } #volumeMinstacks_in_2286, #volumeMaxstacks_in_2286 { cursor: pointer; } #volumestacks_in_2286:hover #volumeMinstacks_in_2286, #volumestacks_in_2286:hover #volumeMaxstacks_in_2286, #volumestacks_in_2286:hover #volume-barstacks_in_2286 { display: inline; } #volume-barstacks_in_2286[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2286[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2286[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2286[type=range]:focus { outline: none; } #volume-barstacks_in_2286[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2286[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2286[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2286[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2286[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2286[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2286[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2286[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2286[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player24.playerInFullScreenMode, #fullScreenWrapper-player24.playerInFullScreenMode #playerWrapper-player24 { height: 100%; } #fullScreenWrapper-player24.playerInFullScreenMode #mediaFrame-player24 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player24.playerInFullScreenMode player24 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player24.playerInFullScreenMode #toolbar-player24 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player24.playerInFullScreenMode #toolbar-player24.toolbarVisible { display: flex; } #fullScreenWrapper-player24.playerInFullScreenMode #PlayerCaptionsBarplayer24 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player24.playerInFullScreenMode #PlayerCaptionsBarplayer24.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player24 #fullscreenHoverRegion-player24 { display: none; } #fullScreenWrapper-player24.playerInFullScreenMode #fullscreenHoverRegion-player24 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2323 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2296_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2296_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2296_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2296_5 { display: none !important; } } #usefulStackWrapperstacks_in_2245 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2245 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2245 { display: none; } } @media print { #usefulStackWrapperstacks_in_2245 { display: none; } } #fullScreenWrapper-player23 { width: 100%; } #playerWrapper-player23 { display: block; position: relative; } #playerWrapper-player23 *, #playerWrapper-player23 *:before, #playerWrapper-player23 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player23 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player23 { padding-bottom: 62.50%; } #playerWrapper-player23 #media-player23 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player23 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player23 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player23 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player23 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player23 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player23 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player23 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player23 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player23 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player23, #playerSplashButtonstacks_in_2251 { display: none !important; } #media-controls-wrapper-player23 { position: relative; z-index: 4; width: 100%; } #toolbar-player23 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player23 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player23 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player23:hover #toolbar-player23 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player23.playerInFullScreenMode:hover #toolbar-player23, #playerWrapper-player23.playerInFullScreenMode #toolbar-player23 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player23.playerInFullScreenMode #toolbar-player23.toolbarHovered, .playerTouchDevice #playerWrapper-player23.playerInFullScreenMode #toolbar-player23 { opacity: 1.00; } */ #playerWrapper-player23.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2251 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player23 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player23 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player23 .media-button, #toolbar-player23 .timingContent { line-height: 45px; } #toolbar-player23 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player23 span.time, #media-controls-player23 span.player-extra-element, #media-controls-player23 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2251 { order: 3; display: block; } #pausestacks_in_2251 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2251 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2251 { order: 8; } #contractFromFullScreenstacks_in_2251 { order: 8; display: none /* Start hidden */ } #toolbar-player23 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player23 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player23 .media-button a, #toolbar-player23 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player23 span.media-button a:hover, #media-controls-player23 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player23 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player23 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2251 { display: flex; flex: 1; align-items: center; } #toolbar-player23 .duration, #toolbar-player23 .scrubberWrapper, #toolbar-player23 .time { /* display: table-cell; */ } #toolbar-player23 .time, #toolbar-player23 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player23 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player23 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player23 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player23 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2251 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2251 { display: none !important; } #volumestacks_in_2251:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2251 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2251:hover #volumeMasterControllerstacks_in_2251 { display: none; } #volumeMinstacks_in_2251 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2251 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2251[type=range], #volumeMinstacks_in_2251, #volumeMaxstacks_in_2251 { display: none; } #volumeMinstacks_in_2251, #volumeMaxstacks_in_2251 { cursor: pointer; } #volumestacks_in_2251:hover #volumeMinstacks_in_2251, #volumestacks_in_2251:hover #volumeMaxstacks_in_2251, #volumestacks_in_2251:hover #volume-barstacks_in_2251 { display: inline; } #volume-barstacks_in_2251[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2251[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2251[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2251[type=range]:focus { outline: none; } #volume-barstacks_in_2251[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2251[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2251[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2251[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2251[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2251[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2251[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2251[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2251[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player23.playerInFullScreenMode, #fullScreenWrapper-player23.playerInFullScreenMode #playerWrapper-player23 { height: 100%; } #fullScreenWrapper-player23.playerInFullScreenMode #mediaFrame-player23 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player23.playerInFullScreenMode player23 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player23.playerInFullScreenMode #toolbar-player23 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player23.playerInFullScreenMode #toolbar-player23.toolbarVisible { display: flex; } #fullScreenWrapper-player23.playerInFullScreenMode #PlayerCaptionsBarplayer23 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player23.playerInFullScreenMode #PlayerCaptionsBarplayer23.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player23 #fullscreenHoverRegion-player23 { display: none; } #fullScreenWrapper-player23.playerInFullScreenMode #fullscreenHoverRegion-player23 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2324 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2249_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2249_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2249_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2249_5 { display: none !important; } } #usefulStackWrapperstacks_in_2185 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2185 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2185 { display: none; } } @media print { #usefulStackWrapperstacks_in_2185 { display: none; } } #fullScreenWrapper-player22 { width: 100%; } #playerWrapper-player22 { display: block; position: relative; } #playerWrapper-player22 *, #playerWrapper-player22 *:before, #playerWrapper-player22 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player22 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player22 { padding-bottom: 56.25%; } #playerWrapper-player22 #media-player22 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player22 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player22 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player22 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player22 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player22 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player22 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player22 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player22 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player22 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player22, #playerSplashButtonstacks_in_2187 { display: none !important; } #media-controls-wrapper-player22 { position: relative; z-index: 4; width: 100%; } #toolbar-player22 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player22 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player22 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player22:hover #toolbar-player22 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player22.playerInFullScreenMode:hover #toolbar-player22, #playerWrapper-player22.playerInFullScreenMode #toolbar-player22 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player22.playerInFullScreenMode #toolbar-player22.toolbarHovered, .playerTouchDevice #playerWrapper-player22.playerInFullScreenMode #toolbar-player22 { opacity: 1.00; } */ #playerWrapper-player22.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2187 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player22 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player22 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player22 .media-button, #toolbar-player22 .timingContent { line-height: 45px; } #toolbar-player22 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player22 span.time, #media-controls-player22 span.player-extra-element, #media-controls-player22 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2187 { order: 3; display: block; } #pausestacks_in_2187 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2187 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2187 { order: 8; } #contractFromFullScreenstacks_in_2187 { order: 8; display: none /* Start hidden */ } #toolbar-player22 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player22 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player22 .media-button a, #toolbar-player22 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player22 span.media-button a:hover, #media-controls-player22 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player22 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player22 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2187 { display: flex; flex: 1; align-items: center; } #toolbar-player22 .duration, #toolbar-player22 .scrubberWrapper, #toolbar-player22 .time { /* display: table-cell; */ } #toolbar-player22 .time, #toolbar-player22 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player22 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player22 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player22 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player22 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2187 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2187 { display: none !important; } #volumestacks_in_2187:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2187 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2187:hover #volumeMasterControllerstacks_in_2187 { display: none; } #volumeMinstacks_in_2187 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2187 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2187[type=range], #volumeMinstacks_in_2187, #volumeMaxstacks_in_2187 { display: none; } #volumeMinstacks_in_2187, #volumeMaxstacks_in_2187 { cursor: pointer; } #volumestacks_in_2187:hover #volumeMinstacks_in_2187, #volumestacks_in_2187:hover #volumeMaxstacks_in_2187, #volumestacks_in_2187:hover #volume-barstacks_in_2187 { display: inline; } #volume-barstacks_in_2187[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2187[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2187[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2187[type=range]:focus { outline: none; } #volume-barstacks_in_2187[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2187[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2187[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2187[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2187[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2187[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2187[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2187[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2187[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player22.playerInFullScreenMode, #fullScreenWrapper-player22.playerInFullScreenMode #playerWrapper-player22 { height: 100%; } #fullScreenWrapper-player22.playerInFullScreenMode #mediaFrame-player22 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player22.playerInFullScreenMode player22 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player22.playerInFullScreenMode #toolbar-player22 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player22.playerInFullScreenMode #toolbar-player22.toolbarVisible { display: flex; } #fullScreenWrapper-player22.playerInFullScreenMode #PlayerCaptionsBarplayer22 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player22.playerInFullScreenMode #PlayerCaptionsBarplayer22.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player22 #fullscreenHoverRegion-player22 { display: none; } #fullScreenWrapper-player22.playerInFullScreenMode #fullscreenHoverRegion-player22 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2325 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2213_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2213_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2213_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2213_5 { display: none !important; } } #usefulStackWrapperstacks_in_2196 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2196 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2196 { display: none; } } @media print { #usefulStackWrapperstacks_in_2196 { display: none; } } #fullScreenWrapper-player21 { width: 100%; } #playerWrapper-player21 { display: block; position: relative; } #playerWrapper-player21 *, #playerWrapper-player21 *:before, #playerWrapper-player21 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player21 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player21 { padding-bottom: 56.25%; } #playerWrapper-player21 #media-player21 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player21 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player21 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player21 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player21 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player21 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player21 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player21 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player21 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player21 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player21, #playerSplashButtonstacks_in_2201 { display: none !important; } #media-controls-wrapper-player21 { position: relative; z-index: 4; width: 100%; } #toolbar-player21 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player21 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player21 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player21:hover #toolbar-player21 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player21.playerInFullScreenMode:hover #toolbar-player21, #playerWrapper-player21.playerInFullScreenMode #toolbar-player21 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player21.playerInFullScreenMode #toolbar-player21.toolbarHovered, .playerTouchDevice #playerWrapper-player21.playerInFullScreenMode #toolbar-player21 { opacity: 1.00; } */ #playerWrapper-player21.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2201 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player21 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player21 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player21 .media-button, #toolbar-player21 .timingContent { line-height: 45px; } #toolbar-player21 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player21 span.time, #media-controls-player21 span.player-extra-element, #media-controls-player21 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2201 { order: 3; display: block; } #pausestacks_in_2201 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2201 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2201 { order: 8; } #contractFromFullScreenstacks_in_2201 { order: 8; display: none /* Start hidden */ } #toolbar-player21 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player21 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player21 .media-button a, #toolbar-player21 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player21 span.media-button a:hover, #media-controls-player21 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player21 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player21 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2201 { display: flex; flex: 1; align-items: center; } #toolbar-player21 .duration, #toolbar-player21 .scrubberWrapper, #toolbar-player21 .time { /* display: table-cell; */ } #toolbar-player21 .time, #toolbar-player21 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player21 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player21 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player21 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player21 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2201 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2201 { display: none !important; } #volumestacks_in_2201:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2201 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2201:hover #volumeMasterControllerstacks_in_2201 { display: none; } #volumeMinstacks_in_2201 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2201 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2201[type=range], #volumeMinstacks_in_2201, #volumeMaxstacks_in_2201 { display: none; } #volumeMinstacks_in_2201, #volumeMaxstacks_in_2201 { cursor: pointer; } #volumestacks_in_2201:hover #volumeMinstacks_in_2201, #volumestacks_in_2201:hover #volumeMaxstacks_in_2201, #volumestacks_in_2201:hover #volume-barstacks_in_2201 { display: inline; } #volume-barstacks_in_2201[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2201[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2201[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2201[type=range]:focus { outline: none; } #volume-barstacks_in_2201[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2201[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2201[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2201[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2201[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2201[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2201[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2201[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2201[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player21.playerInFullScreenMode, #fullScreenWrapper-player21.playerInFullScreenMode #playerWrapper-player21 { height: 100%; } #fullScreenWrapper-player21.playerInFullScreenMode #mediaFrame-player21 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player21.playerInFullScreenMode player21 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player21.playerInFullScreenMode #toolbar-player21 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player21.playerInFullScreenMode #toolbar-player21.toolbarVisible { display: flex; } #fullScreenWrapper-player21.playerInFullScreenMode #PlayerCaptionsBarplayer21 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player21.playerInFullScreenMode #PlayerCaptionsBarplayer21.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player21 #fullscreenHoverRegion-player21 { display: none; } #fullScreenWrapper-player21.playerInFullScreenMode #fullscreenHoverRegion-player21 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2326 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2218_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2218_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2218_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2218_5 { display: none !important; } } #usefulStackWrapperstacks_in_2094 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2094 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2094 { display: none; } } @media print { #usefulStackWrapperstacks_in_2094 { display: none; } } #fullScreenWrapper-player20 { width: 100%; } #playerWrapper-player20 { display: block; position: relative; } #playerWrapper-player20 *, #playerWrapper-player20 *:before, #playerWrapper-player20 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player20 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player20 { padding-bottom: 56.25%; } #playerWrapper-player20 #media-player20 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player20 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player20 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player20 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player20 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player20 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player20 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player20 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player20 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player20 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player20, #playerSplashButtonstacks_in_2095 { display: none !important; } #media-controls-wrapper-player20 { position: relative; z-index: 4; width: 100%; } #toolbar-player20 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player20 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player20 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player20:hover #toolbar-player20 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player20.playerInFullScreenMode:hover #toolbar-player20, #playerWrapper-player20.playerInFullScreenMode #toolbar-player20 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player20.playerInFullScreenMode #toolbar-player20.toolbarHovered, .playerTouchDevice #playerWrapper-player20.playerInFullScreenMode #toolbar-player20 { opacity: 1.00; } */ #playerWrapper-player20.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2095 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player20 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player20 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player20 .media-button, #toolbar-player20 .timingContent { line-height: 45px; } #toolbar-player20 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player20 span.time, #media-controls-player20 span.player-extra-element, #media-controls-player20 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2095 { order: 3; display: block; } #pausestacks_in_2095 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2095 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2095 { order: 8; } #contractFromFullScreenstacks_in_2095 { order: 8; display: none /* Start hidden */ } #toolbar-player20 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player20 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player20 .media-button a, #toolbar-player20 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player20 span.media-button a:hover, #media-controls-player20 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player20 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player20 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2095 { display: flex; flex: 1; align-items: center; } #toolbar-player20 .duration, #toolbar-player20 .scrubberWrapper, #toolbar-player20 .time { /* display: table-cell; */ } #toolbar-player20 .time, #toolbar-player20 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player20 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player20 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player20 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player20 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2095 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2095 { display: none !important; } #volumestacks_in_2095:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2095 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2095:hover #volumeMasterControllerstacks_in_2095 { display: none; } #volumeMinstacks_in_2095 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2095 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2095[type=range], #volumeMinstacks_in_2095, #volumeMaxstacks_in_2095 { display: none; } #volumeMinstacks_in_2095, #volumeMaxstacks_in_2095 { cursor: pointer; } #volumestacks_in_2095:hover #volumeMinstacks_in_2095, #volumestacks_in_2095:hover #volumeMaxstacks_in_2095, #volumestacks_in_2095:hover #volume-barstacks_in_2095 { display: inline; } #volume-barstacks_in_2095[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2095[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2095[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2095[type=range]:focus { outline: none; } #volume-barstacks_in_2095[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2095[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2095[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2095[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2095[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2095[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2095[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2095[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2095[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player20.playerInFullScreenMode, #fullScreenWrapper-player20.playerInFullScreenMode #playerWrapper-player20 { height: 100%; } #fullScreenWrapper-player20.playerInFullScreenMode #mediaFrame-player20 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player20.playerInFullScreenMode player20 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player20.playerInFullScreenMode #toolbar-player20 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player20.playerInFullScreenMode #toolbar-player20.toolbarVisible { display: flex; } #fullScreenWrapper-player20.playerInFullScreenMode #PlayerCaptionsBarplayer20 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player20.playerInFullScreenMode #PlayerCaptionsBarplayer20.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player20 #fullscreenHoverRegion-player20 { display: none; } #fullScreenWrapper-player20.playerInFullScreenMode #fullscreenHoverRegion-player20 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2327 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2219_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2219_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2219_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2219_5 { display: none !important; } } #usefulStackWrapperstacks_in_2082 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2082 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2082 { display: none; } } @media print { #usefulStackWrapperstacks_in_2082 { display: none; } } #fullScreenWrapper-player19 { width: 100%; } #playerWrapper-player19 { display: block; position: relative; } #playerWrapper-player19 *, #playerWrapper-player19 *:before, #playerWrapper-player19 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player19 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player19 { padding-bottom: 62.50%; } #playerWrapper-player19 #media-player19 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player19 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player19 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player19 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player19 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player19 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player19 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player19 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player19 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player19 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player19, #playerSplashButtonstacks_in_2083 { display: none !important; } #media-controls-wrapper-player19 { position: relative; z-index: 4; width: 100%; } #toolbar-player19 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player19 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player19 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player19:hover #toolbar-player19 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player19.playerInFullScreenMode:hover #toolbar-player19, #playerWrapper-player19.playerInFullScreenMode #toolbar-player19 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player19.playerInFullScreenMode #toolbar-player19.toolbarHovered, .playerTouchDevice #playerWrapper-player19.playerInFullScreenMode #toolbar-player19 { opacity: 1.00; } */ #playerWrapper-player19.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2083 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player19 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player19 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player19 .media-button, #toolbar-player19 .timingContent { line-height: 45px; } #toolbar-player19 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player19 span.time, #media-controls-player19 span.player-extra-element, #media-controls-player19 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2083 { order: 3; display: block; } #pausestacks_in_2083 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2083 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2083 { order: 8; } #contractFromFullScreenstacks_in_2083 { order: 8; display: none /* Start hidden */ } #toolbar-player19 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player19 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player19 .media-button a, #toolbar-player19 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player19 span.media-button a:hover, #media-controls-player19 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player19 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player19 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2083 { display: flex; flex: 1; align-items: center; } #toolbar-player19 .duration, #toolbar-player19 .scrubberWrapper, #toolbar-player19 .time { /* display: table-cell; */ } #toolbar-player19 .time, #toolbar-player19 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player19 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player19 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player19 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player19 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2083 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2083 { display: none !important; } #volumestacks_in_2083:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2083 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2083:hover #volumeMasterControllerstacks_in_2083 { display: none; } #volumeMinstacks_in_2083 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2083 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2083[type=range], #volumeMinstacks_in_2083, #volumeMaxstacks_in_2083 { display: none; } #volumeMinstacks_in_2083, #volumeMaxstacks_in_2083 { cursor: pointer; } #volumestacks_in_2083:hover #volumeMinstacks_in_2083, #volumestacks_in_2083:hover #volumeMaxstacks_in_2083, #volumestacks_in_2083:hover #volume-barstacks_in_2083 { display: inline; } #volume-barstacks_in_2083[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2083[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2083[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2083[type=range]:focus { outline: none; } #volume-barstacks_in_2083[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2083[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2083[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2083[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2083[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2083[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2083[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2083[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2083[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player19.playerInFullScreenMode, #fullScreenWrapper-player19.playerInFullScreenMode #playerWrapper-player19 { height: 100%; } #fullScreenWrapper-player19.playerInFullScreenMode #mediaFrame-player19 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player19.playerInFullScreenMode player19 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player19.playerInFullScreenMode #toolbar-player19 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player19.playerInFullScreenMode #toolbar-player19.toolbarVisible { display: flex; } #fullScreenWrapper-player19.playerInFullScreenMode #PlayerCaptionsBarplayer19 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player19.playerInFullScreenMode #PlayerCaptionsBarplayer19.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player19 #fullscreenHoverRegion-player19 { display: none; } #fullScreenWrapper-player19.playerInFullScreenMode #fullscreenHoverRegion-player19 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2328 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2220_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2220_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2220_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2220_5 { display: none !important; } } #usefulStackWrapperstacks_in_2069 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2069 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2069 { display: none; } } @media print { #usefulStackWrapperstacks_in_2069 { display: none; } } #fullScreenWrapper-player18 { width: 100%; } #playerWrapper-player18 { display: block; position: relative; } #playerWrapper-player18 *, #playerWrapper-player18 *:before, #playerWrapper-player18 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player18 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player18 { padding-bottom: 62.50%; } #playerWrapper-player18 #media-player18 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player18 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player18 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player18 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player18 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player18 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player18 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player18 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player18 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player18 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player18, #playerSplashButtonstacks_in_2070 { display: none !important; } #media-controls-wrapper-player18 { position: relative; z-index: 4; width: 100%; } #toolbar-player18 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player18 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player18 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player18:hover #toolbar-player18 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player18.playerInFullScreenMode:hover #toolbar-player18, #playerWrapper-player18.playerInFullScreenMode #toolbar-player18 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player18.playerInFullScreenMode #toolbar-player18.toolbarHovered, .playerTouchDevice #playerWrapper-player18.playerInFullScreenMode #toolbar-player18 { opacity: 1.00; } */ #playerWrapper-player18.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2070 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player18 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player18 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player18 .media-button, #toolbar-player18 .timingContent { line-height: 45px; } #toolbar-player18 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player18 span.time, #media-controls-player18 span.player-extra-element, #media-controls-player18 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2070 { order: 3; display: block; } #pausestacks_in_2070 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2070 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2070 { order: 8; } #contractFromFullScreenstacks_in_2070 { order: 8; display: none /* Start hidden */ } #toolbar-player18 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player18 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player18 .media-button a, #toolbar-player18 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player18 span.media-button a:hover, #media-controls-player18 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player18 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player18 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2070 { display: flex; flex: 1; align-items: center; } #toolbar-player18 .duration, #toolbar-player18 .scrubberWrapper, #toolbar-player18 .time { /* display: table-cell; */ } #toolbar-player18 .time, #toolbar-player18 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player18 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player18 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player18 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player18 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2070 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2070 { display: none !important; } #volumestacks_in_2070:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2070 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2070:hover #volumeMasterControllerstacks_in_2070 { display: none; } #volumeMinstacks_in_2070 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2070 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2070[type=range], #volumeMinstacks_in_2070, #volumeMaxstacks_in_2070 { display: none; } #volumeMinstacks_in_2070, #volumeMaxstacks_in_2070 { cursor: pointer; } #volumestacks_in_2070:hover #volumeMinstacks_in_2070, #volumestacks_in_2070:hover #volumeMaxstacks_in_2070, #volumestacks_in_2070:hover #volume-barstacks_in_2070 { display: inline; } #volume-barstacks_in_2070[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2070[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2070[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2070[type=range]:focus { outline: none; } #volume-barstacks_in_2070[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2070[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2070[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2070[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2070[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2070[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2070[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2070[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2070[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player18.playerInFullScreenMode, #fullScreenWrapper-player18.playerInFullScreenMode #playerWrapper-player18 { height: 100%; } #fullScreenWrapper-player18.playerInFullScreenMode #mediaFrame-player18 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player18.playerInFullScreenMode player18 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player18.playerInFullScreenMode #toolbar-player18 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player18.playerInFullScreenMode #toolbar-player18.toolbarVisible { display: flex; } #fullScreenWrapper-player18.playerInFullScreenMode #PlayerCaptionsBarplayer18 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player18.playerInFullScreenMode #PlayerCaptionsBarplayer18.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player18 #fullscreenHoverRegion-player18 { display: none; } #fullScreenWrapper-player18.playerInFullScreenMode #fullscreenHoverRegion-player18 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2329 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2221_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2221_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2221_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2221_5 { display: none !important; } } #usefulStackWrapperstacks_in_2060 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2060 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2060 { display: none; } } @media print { #usefulStackWrapperstacks_in_2060 { display: none; } } #fullScreenWrapper-player17 { width: 100%; } #playerWrapper-player17 { display: block; position: relative; } #playerWrapper-player17 *, #playerWrapper-player17 *:before, #playerWrapper-player17 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player17 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player17 { padding-bottom: 56.25%; } #playerWrapper-player17 #media-player17 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player17 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player17 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player17 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player17 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player17 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player17 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player17 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player17 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player17 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player17, #playerSplashButtonstacks_in_2061 { display: none !important; } #media-controls-wrapper-player17 { position: relative; z-index: 4; width: 100%; } #toolbar-player17 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player17 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player17 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player17:hover #toolbar-player17 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player17.playerInFullScreenMode:hover #toolbar-player17, #playerWrapper-player17.playerInFullScreenMode #toolbar-player17 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player17.playerInFullScreenMode #toolbar-player17.toolbarHovered, .playerTouchDevice #playerWrapper-player17.playerInFullScreenMode #toolbar-player17 { opacity: 1.00; } */ #playerWrapper-player17.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2061 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player17 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player17 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player17 .media-button, #toolbar-player17 .timingContent { line-height: 45px; } #toolbar-player17 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player17 span.time, #media-controls-player17 span.player-extra-element, #media-controls-player17 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2061 { order: 3; display: block; } #pausestacks_in_2061 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2061 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2061 { order: 8; } #contractFromFullScreenstacks_in_2061 { order: 8; display: none /* Start hidden */ } #toolbar-player17 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player17 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player17 .media-button a, #toolbar-player17 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player17 span.media-button a:hover, #media-controls-player17 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player17 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player17 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2061 { display: flex; flex: 1; align-items: center; } #toolbar-player17 .duration, #toolbar-player17 .scrubberWrapper, #toolbar-player17 .time { /* display: table-cell; */ } #toolbar-player17 .time, #toolbar-player17 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player17 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player17 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player17 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player17 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2061 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2061 { display: none !important; } #volumestacks_in_2061:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2061 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2061:hover #volumeMasterControllerstacks_in_2061 { display: none; } #volumeMinstacks_in_2061 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2061 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2061[type=range], #volumeMinstacks_in_2061, #volumeMaxstacks_in_2061 { display: none; } #volumeMinstacks_in_2061, #volumeMaxstacks_in_2061 { cursor: pointer; } #volumestacks_in_2061:hover #volumeMinstacks_in_2061, #volumestacks_in_2061:hover #volumeMaxstacks_in_2061, #volumestacks_in_2061:hover #volume-barstacks_in_2061 { display: inline; } #volume-barstacks_in_2061[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2061[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2061[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2061[type=range]:focus { outline: none; } #volume-barstacks_in_2061[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2061[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2061[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2061[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2061[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2061[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2061[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2061[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2061[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player17.playerInFullScreenMode, #fullScreenWrapper-player17.playerInFullScreenMode #playerWrapper-player17 { height: 100%; } #fullScreenWrapper-player17.playerInFullScreenMode #mediaFrame-player17 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player17.playerInFullScreenMode player17 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player17.playerInFullScreenMode #toolbar-player17 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player17.playerInFullScreenMode #toolbar-player17.toolbarVisible { display: flex; } #fullScreenWrapper-player17.playerInFullScreenMode #PlayerCaptionsBarplayer17 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player17.playerInFullScreenMode #PlayerCaptionsBarplayer17.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player17 #fullscreenHoverRegion-player17 { display: none; } #fullScreenWrapper-player17.playerInFullScreenMode #fullscreenHoverRegion-player17 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2330 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2222_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2222_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2222_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2222_5 { display: none !important; } } #usefulStackWrapperstacks_in_1934 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1934 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1934 { display: none; } } @media print { #usefulStackWrapperstacks_in_1934 { display: none; } } #fullScreenWrapper-player16 { width: 100%; } #playerWrapper-player16 { display: block; position: relative; } #playerWrapper-player16 *, #playerWrapper-player16 *:before, #playerWrapper-player16 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player16 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player16 { padding-bottom: 56.25%; } #playerWrapper-player16 #media-player16 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player16 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player16 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player16 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player16 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player16 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player16 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player16 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player16 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player16 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player16, #playerSplashButtonstacks_in_2054 { display: none !important; } #media-controls-wrapper-player16 { position: relative; z-index: 4; width: 100%; } #toolbar-player16 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player16 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(255, 255, 255, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.25)), color-stop(100%,rgba(255, 255, 255, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%,rgba(255, 255, 255, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player16 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player16:hover #toolbar-player16 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player16.playerInFullScreenMode:hover #toolbar-player16, #playerWrapper-player16.playerInFullScreenMode #toolbar-player16 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player16.playerInFullScreenMode #toolbar-player16.toolbarHovered, .playerTouchDevice #playerWrapper-player16.playerInFullScreenMode #toolbar-player16 { opacity: 1.00; } */ #playerWrapper-player16.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2054 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player16 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player16 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player16 .media-button, #toolbar-player16 .timingContent { line-height: 45px; } #toolbar-player16 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player16 span.time, #media-controls-player16 span.player-extra-element, #media-controls-player16 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2054 { order: 3; display: block; } #pausestacks_in_2054 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2054 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2054 { order: 8; } #contractFromFullScreenstacks_in_2054 { order: 8; display: none /* Start hidden */ } #toolbar-player16 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player16 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player16 .media-button a, #toolbar-player16 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player16 span.media-button a:hover, #media-controls-player16 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player16 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player16 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2054 { display: flex; flex: 1; align-items: center; } #toolbar-player16 .duration, #toolbar-player16 .scrubberWrapper, #toolbar-player16 .time { /* display: table-cell; */ } #toolbar-player16 .time, #toolbar-player16 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player16 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player16 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player16 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player16 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2054 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2054 { display: none !important; } #volumestacks_in_2054:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2054 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2054:hover #volumeMasterControllerstacks_in_2054 { display: none; } #volumeMinstacks_in_2054 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2054 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2054[type=range], #volumeMinstacks_in_2054, #volumeMaxstacks_in_2054 { display: none; } #volumeMinstacks_in_2054, #volumeMaxstacks_in_2054 { cursor: pointer; } #volumestacks_in_2054:hover #volumeMinstacks_in_2054, #volumestacks_in_2054:hover #volumeMaxstacks_in_2054, #volumestacks_in_2054:hover #volume-barstacks_in_2054 { display: inline; } #volume-barstacks_in_2054[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2054[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2054[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2054[type=range]:focus { outline: none; } #volume-barstacks_in_2054[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2054[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2054[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2054[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2054[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2054[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2054[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2054[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2054[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player16.playerInFullScreenMode, #fullScreenWrapper-player16.playerInFullScreenMode #playerWrapper-player16 { height: 100%; } #fullScreenWrapper-player16.playerInFullScreenMode #mediaFrame-player16 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player16.playerInFullScreenMode player16 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player16.playerInFullScreenMode #toolbar-player16 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player16.playerInFullScreenMode #toolbar-player16.toolbarVisible { display: flex; } #fullScreenWrapper-player16.playerInFullScreenMode #PlayerCaptionsBarplayer16 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player16.playerInFullScreenMode #PlayerCaptionsBarplayer16.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player16 #fullscreenHoverRegion-player16 { display: none; } #fullScreenWrapper-player16.playerInFullScreenMode #fullscreenHoverRegion-player16 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2331 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2223_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2223_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2223_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2223_5 { display: none !important; } } #usefulStackWrapperstacks_in_1937 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1937 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1937 { display: none; } } @media print { #usefulStackWrapperstacks_in_1937 { display: none; } } #fullScreenWrapper-player15 { width: 100%; } #playerWrapper-player15 { display: block; position: relative; } #playerWrapper-player15 *, #playerWrapper-player15 *:before, #playerWrapper-player15 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player15 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player15 { padding-bottom: 56.25%; } #playerWrapper-player15 #media-player15 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player15 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player15 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player15 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player15 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player15 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player15 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player15 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player15 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player15 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player15, #playerSplashButtonstacks_in_2022 { display: none !important; } #media-controls-wrapper-player15 { position: relative; z-index: 4; width: 100%; } #toolbar-player15 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player15 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player15 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player15:hover #toolbar-player15 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player15.playerInFullScreenMode:hover #toolbar-player15, #playerWrapper-player15.playerInFullScreenMode #toolbar-player15 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player15.playerInFullScreenMode #toolbar-player15.toolbarHovered, .playerTouchDevice #playerWrapper-player15.playerInFullScreenMode #toolbar-player15 { opacity: 1.00; } */ #playerWrapper-player15.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2022 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player15 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player15 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player15 .media-button, #toolbar-player15 .timingContent { line-height: 45px; } #toolbar-player15 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player15 span.time, #media-controls-player15 span.player-extra-element, #media-controls-player15 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2022 { order: 3; display: block; } #pausestacks_in_2022 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2022 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2022 { order: 8; } #contractFromFullScreenstacks_in_2022 { order: 8; display: none /* Start hidden */ } #toolbar-player15 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player15 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player15 .media-button a, #toolbar-player15 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player15 span.media-button a:hover, #media-controls-player15 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player15 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player15 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2022 { display: flex; flex: 1; align-items: center; } #toolbar-player15 .duration, #toolbar-player15 .scrubberWrapper, #toolbar-player15 .time { /* display: table-cell; */ } #toolbar-player15 .time, #toolbar-player15 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player15 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player15 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player15 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player15 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2022 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2022 { display: none !important; } #volumestacks_in_2022:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2022 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2022:hover #volumeMasterControllerstacks_in_2022 { display: none; } #volumeMinstacks_in_2022 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2022 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2022[type=range], #volumeMinstacks_in_2022, #volumeMaxstacks_in_2022 { display: none; } #volumeMinstacks_in_2022, #volumeMaxstacks_in_2022 { cursor: pointer; } #volumestacks_in_2022:hover #volumeMinstacks_in_2022, #volumestacks_in_2022:hover #volumeMaxstacks_in_2022, #volumestacks_in_2022:hover #volume-barstacks_in_2022 { display: inline; } #volume-barstacks_in_2022[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2022[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2022[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2022[type=range]:focus { outline: none; } #volume-barstacks_in_2022[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2022[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2022[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2022[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2022[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2022[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2022[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2022[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2022[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player15.playerInFullScreenMode, #fullScreenWrapper-player15.playerInFullScreenMode #playerWrapper-player15 { height: 100%; } #fullScreenWrapper-player15.playerInFullScreenMode #mediaFrame-player15 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player15.playerInFullScreenMode player15 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player15.playerInFullScreenMode #toolbar-player15 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player15.playerInFullScreenMode #toolbar-player15.toolbarVisible { display: flex; } #fullScreenWrapper-player15.playerInFullScreenMode #PlayerCaptionsBarplayer15 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player15.playerInFullScreenMode #PlayerCaptionsBarplayer15.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player15 #fullscreenHoverRegion-player15 { display: none; } #fullScreenWrapper-player15.playerInFullScreenMode #fullscreenHoverRegion-player15 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2332 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2224_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2224_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2224_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2224_5 { display: none !important; } } #usefulStackWrapperstacks_in_1939 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1939 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1939 { display: none; } } @media print { #usefulStackWrapperstacks_in_1939 { display: none; } } #fullScreenWrapper-player14 { width: 100%; } #playerWrapper-player14 { display: block; position: relative; } #playerWrapper-player14 *, #playerWrapper-player14 *:before, #playerWrapper-player14 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player14 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player14 { padding-bottom: 56.25%; } #playerWrapper-player14 #media-player14 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player14 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player14 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player14 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player14 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player14 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player14 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player14 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player14 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player14 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player14, #playerSplashButtonstacks_in_2020 { display: none !important; } #media-controls-wrapper-player14 { position: relative; z-index: 4; width: 100%; } #toolbar-player14 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player14 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player14 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player14:hover #toolbar-player14 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player14.playerInFullScreenMode:hover #toolbar-player14, #playerWrapper-player14.playerInFullScreenMode #toolbar-player14 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player14.playerInFullScreenMode #toolbar-player14.toolbarHovered, .playerTouchDevice #playerWrapper-player14.playerInFullScreenMode #toolbar-player14 { opacity: 1.00; } */ #playerWrapper-player14.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2020 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player14 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player14 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player14 .media-button, #toolbar-player14 .timingContent { line-height: 45px; } #toolbar-player14 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player14 span.time, #media-controls-player14 span.player-extra-element, #media-controls-player14 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2020 { order: 3; display: block; } #pausestacks_in_2020 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2020 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2020 { order: 8; } #contractFromFullScreenstacks_in_2020 { order: 8; display: none /* Start hidden */ } #toolbar-player14 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player14 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player14 .media-button a, #toolbar-player14 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player14 span.media-button a:hover, #media-controls-player14 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player14 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player14 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2020 { display: flex; flex: 1; align-items: center; } #toolbar-player14 .duration, #toolbar-player14 .scrubberWrapper, #toolbar-player14 .time { /* display: table-cell; */ } #toolbar-player14 .time, #toolbar-player14 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player14 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player14 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player14 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player14 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2020 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2020 { display: none !important; } #volumestacks_in_2020:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2020 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2020:hover #volumeMasterControllerstacks_in_2020 { display: none; } #volumeMinstacks_in_2020 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2020 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2020[type=range], #volumeMinstacks_in_2020, #volumeMaxstacks_in_2020 { display: none; } #volumeMinstacks_in_2020, #volumeMaxstacks_in_2020 { cursor: pointer; } #volumestacks_in_2020:hover #volumeMinstacks_in_2020, #volumestacks_in_2020:hover #volumeMaxstacks_in_2020, #volumestacks_in_2020:hover #volume-barstacks_in_2020 { display: inline; } #volume-barstacks_in_2020[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2020[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2020[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2020[type=range]:focus { outline: none; } #volume-barstacks_in_2020[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2020[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2020[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2020[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2020[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2020[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2020[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2020[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2020[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player14.playerInFullScreenMode, #fullScreenWrapper-player14.playerInFullScreenMode #playerWrapper-player14 { height: 100%; } #fullScreenWrapper-player14.playerInFullScreenMode #mediaFrame-player14 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player14.playerInFullScreenMode player14 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player14.playerInFullScreenMode #toolbar-player14 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player14.playerInFullScreenMode #toolbar-player14.toolbarVisible { display: flex; } #fullScreenWrapper-player14.playerInFullScreenMode #PlayerCaptionsBarplayer14 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player14.playerInFullScreenMode #PlayerCaptionsBarplayer14.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player14 #fullscreenHoverRegion-player14 { display: none; } #fullScreenWrapper-player14.playerInFullScreenMode #fullscreenHoverRegion-player14 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2333 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2225_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2225_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2225_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2225_5 { display: none !important; } } #usefulStackWrapperstacks_in_1945 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1945 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1945 { display: none; } } @media print { #usefulStackWrapperstacks_in_1945 { display: none; } } #fullScreenWrapper-player13 { width: 100%; } #playerWrapper-player13 { display: block; position: relative; } #playerWrapper-player13 *, #playerWrapper-player13 *:before, #playerWrapper-player13 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player13 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player13 { padding-bottom: 56.25%; } #playerWrapper-player13 #media-player13 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player13 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player13 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player13 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player13 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player13 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player13 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player13 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player13 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player13 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player13, #playerSplashButtonstacks_in_2023 { display: none !important; } #media-controls-wrapper-player13 { position: relative; z-index: 4; width: 100%; } #toolbar-player13 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player13 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player13 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player13:hover #toolbar-player13 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player13.playerInFullScreenMode:hover #toolbar-player13, #playerWrapper-player13.playerInFullScreenMode #toolbar-player13 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player13.playerInFullScreenMode #toolbar-player13.toolbarHovered, .playerTouchDevice #playerWrapper-player13.playerInFullScreenMode #toolbar-player13 { opacity: 1.00; } */ #playerWrapper-player13.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2023 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player13 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player13 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player13 .media-button, #toolbar-player13 .timingContent { line-height: 45px; } #toolbar-player13 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player13 span.time, #media-controls-player13 span.player-extra-element, #media-controls-player13 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2023 { order: 3; display: block; } #pausestacks_in_2023 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2023 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2023 { order: 8; } #contractFromFullScreenstacks_in_2023 { order: 8; display: none /* Start hidden */ } #toolbar-player13 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player13 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player13 .media-button a, #toolbar-player13 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player13 span.media-button a:hover, #media-controls-player13 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player13 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player13 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2023 { display: flex; flex: 1; align-items: center; } #toolbar-player13 .duration, #toolbar-player13 .scrubberWrapper, #toolbar-player13 .time { /* display: table-cell; */ } #toolbar-player13 .time, #toolbar-player13 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player13 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player13 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player13 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player13 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2023 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2023 { display: none !important; } #volumestacks_in_2023:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2023 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2023:hover #volumeMasterControllerstacks_in_2023 { display: none; } #volumeMinstacks_in_2023 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2023 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2023[type=range], #volumeMinstacks_in_2023, #volumeMaxstacks_in_2023 { display: none; } #volumeMinstacks_in_2023, #volumeMaxstacks_in_2023 { cursor: pointer; } #volumestacks_in_2023:hover #volumeMinstacks_in_2023, #volumestacks_in_2023:hover #volumeMaxstacks_in_2023, #volumestacks_in_2023:hover #volume-barstacks_in_2023 { display: inline; } #volume-barstacks_in_2023[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2023[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2023[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2023[type=range]:focus { outline: none; } #volume-barstacks_in_2023[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2023[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2023[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2023[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2023[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2023[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2023[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2023[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2023[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player13.playerInFullScreenMode, #fullScreenWrapper-player13.playerInFullScreenMode #playerWrapper-player13 { height: 100%; } #fullScreenWrapper-player13.playerInFullScreenMode #mediaFrame-player13 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player13.playerInFullScreenMode player13 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player13.playerInFullScreenMode #toolbar-player13 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player13.playerInFullScreenMode #toolbar-player13.toolbarVisible { display: flex; } #fullScreenWrapper-player13.playerInFullScreenMode #PlayerCaptionsBarplayer13 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player13.playerInFullScreenMode #PlayerCaptionsBarplayer13.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player13 #fullscreenHoverRegion-player13 { display: none; } #fullScreenWrapper-player13.playerInFullScreenMode #fullscreenHoverRegion-player13 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2334 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2226_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2226_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2226_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2226_5 { display: none !important; } } #usefulStackWrapperstacks_in_1952 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1952 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1952 { display: none; } } @media print { #usefulStackWrapperstacks_in_1952 { display: none; } } #fullScreenWrapper-player12 { width: 100%; } #playerWrapper-player12 { display: block; position: relative; } #playerWrapper-player12 *, #playerWrapper-player12 *:before, #playerWrapper-player12 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player12 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player12 { padding-bottom: 56.25%; } #playerWrapper-player12 #media-player12 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player12 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player12 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player12 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player12 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player12 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player12 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player12 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player12 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player12 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player12, #playerSplashButtonstacks_in_2024 { display: none !important; } #media-controls-wrapper-player12 { position: relative; z-index: 4; width: 100%; } #toolbar-player12 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player12 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player12 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player12:hover #toolbar-player12 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player12.playerInFullScreenMode:hover #toolbar-player12, #playerWrapper-player12.playerInFullScreenMode #toolbar-player12 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player12.playerInFullScreenMode #toolbar-player12.toolbarHovered, .playerTouchDevice #playerWrapper-player12.playerInFullScreenMode #toolbar-player12 { opacity: 1.00; } */ #playerWrapper-player12.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2024 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player12 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player12 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player12 .media-button, #toolbar-player12 .timingContent { line-height: 45px; } #toolbar-player12 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player12 span.time, #media-controls-player12 span.player-extra-element, #media-controls-player12 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2024 { order: 3; display: block; } #pausestacks_in_2024 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2024 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2024 { order: 8; } #contractFromFullScreenstacks_in_2024 { order: 8; display: none /* Start hidden */ } #toolbar-player12 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player12 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player12 .media-button a, #toolbar-player12 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player12 span.media-button a:hover, #media-controls-player12 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player12 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player12 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2024 { display: flex; flex: 1; align-items: center; } #toolbar-player12 .duration, #toolbar-player12 .scrubberWrapper, #toolbar-player12 .time { /* display: table-cell; */ } #toolbar-player12 .time, #toolbar-player12 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player12 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player12 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player12 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player12 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2024 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2024 { display: none !important; } #volumestacks_in_2024:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2024 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2024:hover #volumeMasterControllerstacks_in_2024 { display: none; } #volumeMinstacks_in_2024 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2024 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2024[type=range], #volumeMinstacks_in_2024, #volumeMaxstacks_in_2024 { display: none; } #volumeMinstacks_in_2024, #volumeMaxstacks_in_2024 { cursor: pointer; } #volumestacks_in_2024:hover #volumeMinstacks_in_2024, #volumestacks_in_2024:hover #volumeMaxstacks_in_2024, #volumestacks_in_2024:hover #volume-barstacks_in_2024 { display: inline; } #volume-barstacks_in_2024[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2024[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2024[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2024[type=range]:focus { outline: none; } #volume-barstacks_in_2024[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2024[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2024[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2024[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2024[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2024[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2024[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2024[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2024[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player12.playerInFullScreenMode, #fullScreenWrapper-player12.playerInFullScreenMode #playerWrapper-player12 { height: 100%; } #fullScreenWrapper-player12.playerInFullScreenMode #mediaFrame-player12 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player12.playerInFullScreenMode player12 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player12.playerInFullScreenMode #toolbar-player12 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player12.playerInFullScreenMode #toolbar-player12.toolbarVisible { display: flex; } #fullScreenWrapper-player12.playerInFullScreenMode #PlayerCaptionsBarplayer12 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player12.playerInFullScreenMode #PlayerCaptionsBarplayer12.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player12 #fullscreenHoverRegion-player12 { display: none; } #fullScreenWrapper-player12.playerInFullScreenMode #fullscreenHoverRegion-player12 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2335 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2227_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2227_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2227_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2227_5 { display: none !important; } } #usefulStackWrapperstacks_in_1957 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1957 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1957 { display: none; } } @media print { #usefulStackWrapperstacks_in_1957 { display: none; } } #fullScreenWrapper-player11 { width: 100%; } #playerWrapper-player11 { display: block; position: relative; } #playerWrapper-player11 *, #playerWrapper-player11 *:before, #playerWrapper-player11 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player11 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player11 { padding-bottom: 56.25%; } #playerWrapper-player11 #media-player11 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player11 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player11 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player11 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player11 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player11 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player11 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player11 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player11 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player11 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player11, #playerSplashButtonstacks_in_2036 { display: none !important; } #media-controls-wrapper-player11 { position: relative; z-index: 4; width: 100%; } #toolbar-player11 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player11 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player11 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player11:hover #toolbar-player11 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player11.playerInFullScreenMode:hover #toolbar-player11, #playerWrapper-player11.playerInFullScreenMode #toolbar-player11 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player11.playerInFullScreenMode #toolbar-player11.toolbarHovered, .playerTouchDevice #playerWrapper-player11.playerInFullScreenMode #toolbar-player11 { opacity: 1.00; } */ #playerWrapper-player11.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2036 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player11 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player11 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player11 .media-button, #toolbar-player11 .timingContent { line-height: 45px; } #toolbar-player11 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player11 span.time, #media-controls-player11 span.player-extra-element, #media-controls-player11 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2036 { order: 3; display: block; } #pausestacks_in_2036 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2036 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2036 { order: 8; } #contractFromFullScreenstacks_in_2036 { order: 8; display: none /* Start hidden */ } #toolbar-player11 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player11 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player11 .media-button a, #toolbar-player11 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player11 span.media-button a:hover, #media-controls-player11 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player11 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player11 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2036 { display: flex; flex: 1; align-items: center; } #toolbar-player11 .duration, #toolbar-player11 .scrubberWrapper, #toolbar-player11 .time { /* display: table-cell; */ } #toolbar-player11 .time, #toolbar-player11 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player11 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player11 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player11 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player11 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2036 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2036 { display: none !important; } #volumestacks_in_2036:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2036 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2036:hover #volumeMasterControllerstacks_in_2036 { display: none; } #volumeMinstacks_in_2036 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2036 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2036[type=range], #volumeMinstacks_in_2036, #volumeMaxstacks_in_2036 { display: none; } #volumeMinstacks_in_2036, #volumeMaxstacks_in_2036 { cursor: pointer; } #volumestacks_in_2036:hover #volumeMinstacks_in_2036, #volumestacks_in_2036:hover #volumeMaxstacks_in_2036, #volumestacks_in_2036:hover #volume-barstacks_in_2036 { display: inline; } #volume-barstacks_in_2036[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2036[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2036[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2036[type=range]:focus { outline: none; } #volume-barstacks_in_2036[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2036[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2036[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2036[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2036[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2036[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2036[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2036[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2036[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player11.playerInFullScreenMode, #fullScreenWrapper-player11.playerInFullScreenMode #playerWrapper-player11 { height: 100%; } #fullScreenWrapper-player11.playerInFullScreenMode #mediaFrame-player11 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player11.playerInFullScreenMode player11 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player11.playerInFullScreenMode #toolbar-player11 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player11.playerInFullScreenMode #toolbar-player11.toolbarVisible { display: flex; } #fullScreenWrapper-player11.playerInFullScreenMode #PlayerCaptionsBarplayer11 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player11.playerInFullScreenMode #PlayerCaptionsBarplayer11.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player11 #fullscreenHoverRegion-player11 { display: none; } #fullScreenWrapper-player11.playerInFullScreenMode #fullscreenHoverRegion-player11 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2336 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2228_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2228_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2228_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2228_5 { display: none !important; } } #usefulStackWrapperstacks_in_1962 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1962 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1962 { display: none; } } @media print { #usefulStackWrapperstacks_in_1962 { display: none; } } #fullScreenWrapper-player10 { width: 100%; } #playerWrapper-player10 { display: block; position: relative; } #playerWrapper-player10 *, #playerWrapper-player10 *:before, #playerWrapper-player10 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player10 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player10 { padding-bottom: 56.25%; } #playerWrapper-player10 #media-player10 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player10 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player10 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player10 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player10 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player10 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player10 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player10 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player10 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player10 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player10, #playerSplashButtonstacks_in_2026 { display: none !important; } #media-controls-wrapper-player10 { position: relative; z-index: 4; width: 100%; } #toolbar-player10 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player10 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player10 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player10:hover #toolbar-player10 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player10.playerInFullScreenMode:hover #toolbar-player10, #playerWrapper-player10.playerInFullScreenMode #toolbar-player10 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player10.playerInFullScreenMode #toolbar-player10.toolbarHovered, .playerTouchDevice #playerWrapper-player10.playerInFullScreenMode #toolbar-player10 { opacity: 1.00; } */ #playerWrapper-player10.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2026 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player10 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player10 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player10 .media-button, #toolbar-player10 .timingContent { line-height: 45px; } #toolbar-player10 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player10 span.time, #media-controls-player10 span.player-extra-element, #media-controls-player10 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2026 { order: 3; display: block; } #pausestacks_in_2026 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2026 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2026 { order: 8; } #contractFromFullScreenstacks_in_2026 { order: 8; display: none /* Start hidden */ } #toolbar-player10 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player10 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player10 .media-button a, #toolbar-player10 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player10 span.media-button a:hover, #media-controls-player10 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player10 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player10 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2026 { display: flex; flex: 1; align-items: center; } #toolbar-player10 .duration, #toolbar-player10 .scrubberWrapper, #toolbar-player10 .time { /* display: table-cell; */ } #toolbar-player10 .time, #toolbar-player10 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player10 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player10 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player10 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player10 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2026 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2026 { display: none !important; } #volumestacks_in_2026:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2026 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2026:hover #volumeMasterControllerstacks_in_2026 { display: none; } #volumeMinstacks_in_2026 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2026 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2026[type=range], #volumeMinstacks_in_2026, #volumeMaxstacks_in_2026 { display: none; } #volumeMinstacks_in_2026, #volumeMaxstacks_in_2026 { cursor: pointer; } #volumestacks_in_2026:hover #volumeMinstacks_in_2026, #volumestacks_in_2026:hover #volumeMaxstacks_in_2026, #volumestacks_in_2026:hover #volume-barstacks_in_2026 { display: inline; } #volume-barstacks_in_2026[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2026[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2026[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2026[type=range]:focus { outline: none; } #volume-barstacks_in_2026[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2026[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2026[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2026[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2026[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2026[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2026[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2026[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2026[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player10.playerInFullScreenMode, #fullScreenWrapper-player10.playerInFullScreenMode #playerWrapper-player10 { height: 100%; } #fullScreenWrapper-player10.playerInFullScreenMode #mediaFrame-player10 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player10.playerInFullScreenMode player10 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player10.playerInFullScreenMode #toolbar-player10 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player10.playerInFullScreenMode #toolbar-player10.toolbarVisible { display: flex; } #fullScreenWrapper-player10.playerInFullScreenMode #PlayerCaptionsBarplayer10 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player10.playerInFullScreenMode #PlayerCaptionsBarplayer10.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player10 #fullscreenHoverRegion-player10 { display: none; } #fullScreenWrapper-player10.playerInFullScreenMode #fullscreenHoverRegion-player10 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2337 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2229_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2229_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2229_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2229_5 { display: none !important; } } #usefulStackWrapperstacks_in_1969 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1969 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1969 { display: none; } } @media print { #usefulStackWrapperstacks_in_1969 { display: none; } } #fullScreenWrapper-player9 { width: 100%; } #playerWrapper-player9 { display: block; position: relative; } #playerWrapper-player9 *, #playerWrapper-player9 *:before, #playerWrapper-player9 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player9 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player9 { padding-bottom: 75%; } #playerWrapper-player9 #media-player9 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player9 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player9 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player9 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player9 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player9 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player9 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player9 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player9 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player9 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player9, #playerSplashButtonstacks_in_2027 { display: none !important; } #media-controls-wrapper-player9 { position: relative; z-index: 4; width: 100%; } #toolbar-player9 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player9 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player9 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player9:hover #toolbar-player9 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player9.playerInFullScreenMode:hover #toolbar-player9, #playerWrapper-player9.playerInFullScreenMode #toolbar-player9 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player9.playerInFullScreenMode #toolbar-player9.toolbarHovered, .playerTouchDevice #playerWrapper-player9.playerInFullScreenMode #toolbar-player9 { opacity: 1.00; } */ #playerWrapper-player9.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2027 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player9 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player9 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player9 .media-button, #toolbar-player9 .timingContent { line-height: 45px; } #toolbar-player9 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player9 span.time, #media-controls-player9 span.player-extra-element, #media-controls-player9 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2027 { order: 3; display: block; } #pausestacks_in_2027 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2027 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2027 { order: 8; } #contractFromFullScreenstacks_in_2027 { order: 8; display: none /* Start hidden */ } #toolbar-player9 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player9 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player9 .media-button a, #toolbar-player9 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player9 span.media-button a:hover, #media-controls-player9 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player9 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player9 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2027 { display: flex; flex: 1; align-items: center; } #toolbar-player9 .duration, #toolbar-player9 .scrubberWrapper, #toolbar-player9 .time { /* display: table-cell; */ } #toolbar-player9 .time, #toolbar-player9 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player9 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player9 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player9 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player9 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2027 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2027 { display: none !important; } #volumestacks_in_2027:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2027 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2027:hover #volumeMasterControllerstacks_in_2027 { display: none; } #volumeMinstacks_in_2027 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2027 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2027[type=range], #volumeMinstacks_in_2027, #volumeMaxstacks_in_2027 { display: none; } #volumeMinstacks_in_2027, #volumeMaxstacks_in_2027 { cursor: pointer; } #volumestacks_in_2027:hover #volumeMinstacks_in_2027, #volumestacks_in_2027:hover #volumeMaxstacks_in_2027, #volumestacks_in_2027:hover #volume-barstacks_in_2027 { display: inline; } #volume-barstacks_in_2027[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2027[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2027[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2027[type=range]:focus { outline: none; } #volume-barstacks_in_2027[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2027[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2027[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2027[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2027[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2027[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2027[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2027[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2027[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player9.playerInFullScreenMode, #fullScreenWrapper-player9.playerInFullScreenMode #playerWrapper-player9 { height: 100%; } #fullScreenWrapper-player9.playerInFullScreenMode #mediaFrame-player9 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player9.playerInFullScreenMode player9 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player9.playerInFullScreenMode #toolbar-player9 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player9.playerInFullScreenMode #toolbar-player9.toolbarVisible { display: flex; } #fullScreenWrapper-player9.playerInFullScreenMode #PlayerCaptionsBarplayer9 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player9.playerInFullScreenMode #PlayerCaptionsBarplayer9.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player9 #fullscreenHoverRegion-player9 { display: none; } #fullScreenWrapper-player9.playerInFullScreenMode #fullscreenHoverRegion-player9 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2338 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2230_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2230_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2230_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2230_5 { display: none !important; } } #usefulStackWrapperstacks_in_1976 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1976 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1976 { display: none; } } @media print { #usefulStackWrapperstacks_in_1976 { display: none; } } #fullScreenWrapper-player8 { width: 100%; } #playerWrapper-player8 { display: block; position: relative; } #playerWrapper-player8 *, #playerWrapper-player8 *:before, #playerWrapper-player8 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player8 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player8 { padding-bottom: 75%; } #playerWrapper-player8 #media-player8 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player8 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player8 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player8 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player8 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player8 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player8 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player8 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player8 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player8 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player8, #playerSplashButtonstacks_in_2028 { display: none !important; } #media-controls-wrapper-player8 { position: relative; z-index: 4; width: 100%; } #toolbar-player8 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player8 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player8 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player8:hover #toolbar-player8 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player8.playerInFullScreenMode:hover #toolbar-player8, #playerWrapper-player8.playerInFullScreenMode #toolbar-player8 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player8.playerInFullScreenMode #toolbar-player8.toolbarHovered, .playerTouchDevice #playerWrapper-player8.playerInFullScreenMode #toolbar-player8 { opacity: 1.00; } */ #playerWrapper-player8.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2028 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player8 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player8 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player8 .media-button, #toolbar-player8 .timingContent { line-height: 45px; } #toolbar-player8 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player8 span.time, #media-controls-player8 span.player-extra-element, #media-controls-player8 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2028 { order: 3; display: block; } #pausestacks_in_2028 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2028 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2028 { order: 8; } #contractFromFullScreenstacks_in_2028 { order: 8; display: none /* Start hidden */ } #toolbar-player8 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player8 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player8 .media-button a, #toolbar-player8 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player8 span.media-button a:hover, #media-controls-player8 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player8 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player8 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2028 { display: flex; flex: 1; align-items: center; } #toolbar-player8 .duration, #toolbar-player8 .scrubberWrapper, #toolbar-player8 .time { /* display: table-cell; */ } #toolbar-player8 .time, #toolbar-player8 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player8 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player8 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player8 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player8 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2028 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2028 { display: none !important; } #volumestacks_in_2028:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2028 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2028:hover #volumeMasterControllerstacks_in_2028 { display: none; } #volumeMinstacks_in_2028 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2028 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2028[type=range], #volumeMinstacks_in_2028, #volumeMaxstacks_in_2028 { display: none; } #volumeMinstacks_in_2028, #volumeMaxstacks_in_2028 { cursor: pointer; } #volumestacks_in_2028:hover #volumeMinstacks_in_2028, #volumestacks_in_2028:hover #volumeMaxstacks_in_2028, #volumestacks_in_2028:hover #volume-barstacks_in_2028 { display: inline; } #volume-barstacks_in_2028[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2028[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2028[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2028[type=range]:focus { outline: none; } #volume-barstacks_in_2028[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2028[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2028[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2028[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2028[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2028[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2028[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2028[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2028[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player8.playerInFullScreenMode, #fullScreenWrapper-player8.playerInFullScreenMode #playerWrapper-player8 { height: 100%; } #fullScreenWrapper-player8.playerInFullScreenMode #mediaFrame-player8 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player8.playerInFullScreenMode player8 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player8.playerInFullScreenMode #toolbar-player8 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player8.playerInFullScreenMode #toolbar-player8.toolbarVisible { display: flex; } #fullScreenWrapper-player8.playerInFullScreenMode #PlayerCaptionsBarplayer8 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player8.playerInFullScreenMode #PlayerCaptionsBarplayer8.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player8 #fullscreenHoverRegion-player8 { display: none; } #fullScreenWrapper-player8.playerInFullScreenMode #fullscreenHoverRegion-player8 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2339 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2231_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2231_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2231_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2231_5 { display: none !important; } } #usefulStackWrapperstacks_in_1981 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1981 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1981 { display: none; } } @media print { #usefulStackWrapperstacks_in_1981 { display: none; } } #fullScreenWrapper-player7 { width: 100%; } #playerWrapper-player7 { display: block; position: relative; } #playerWrapper-player7 *, #playerWrapper-player7 *:before, #playerWrapper-player7 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player7 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player7 { padding-bottom: 75%; } #playerWrapper-player7 #media-player7 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player7 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player7 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player7 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player7 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player7 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player7 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player7 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player7 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player7 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player7, #playerSplashButtonstacks_in_2029 { display: none !important; } #media-controls-wrapper-player7 { position: relative; z-index: 4; width: 100%; } #toolbar-player7 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player7 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player7 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player7:hover #toolbar-player7 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player7.playerInFullScreenMode:hover #toolbar-player7, #playerWrapper-player7.playerInFullScreenMode #toolbar-player7 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player7.playerInFullScreenMode #toolbar-player7.toolbarHovered, .playerTouchDevice #playerWrapper-player7.playerInFullScreenMode #toolbar-player7 { opacity: 1.00; } */ #playerWrapper-player7.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2029 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player7 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player7 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player7 .media-button, #toolbar-player7 .timingContent { line-height: 45px; } #toolbar-player7 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player7 span.time, #media-controls-player7 span.player-extra-element, #media-controls-player7 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2029 { order: 3; display: block; } #pausestacks_in_2029 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2029 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2029 { order: 8; } #contractFromFullScreenstacks_in_2029 { order: 8; display: none /* Start hidden */ } #toolbar-player7 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player7 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player7 .media-button a, #toolbar-player7 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player7 span.media-button a:hover, #media-controls-player7 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player7 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player7 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2029 { display: flex; flex: 1; align-items: center; } #toolbar-player7 .duration, #toolbar-player7 .scrubberWrapper, #toolbar-player7 .time { /* display: table-cell; */ } #toolbar-player7 .time, #toolbar-player7 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player7 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player7 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player7 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player7 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2029 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2029 { display: none !important; } #volumestacks_in_2029:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2029 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2029:hover #volumeMasterControllerstacks_in_2029 { display: none; } #volumeMinstacks_in_2029 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2029 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2029[type=range], #volumeMinstacks_in_2029, #volumeMaxstacks_in_2029 { display: none; } #volumeMinstacks_in_2029, #volumeMaxstacks_in_2029 { cursor: pointer; } #volumestacks_in_2029:hover #volumeMinstacks_in_2029, #volumestacks_in_2029:hover #volumeMaxstacks_in_2029, #volumestacks_in_2029:hover #volume-barstacks_in_2029 { display: inline; } #volume-barstacks_in_2029[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2029[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2029[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2029[type=range]:focus { outline: none; } #volume-barstacks_in_2029[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2029[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2029[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2029[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2029[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2029[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2029[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2029[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2029[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player7.playerInFullScreenMode, #fullScreenWrapper-player7.playerInFullScreenMode #playerWrapper-player7 { height: 100%; } #fullScreenWrapper-player7.playerInFullScreenMode #mediaFrame-player7 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player7.playerInFullScreenMode player7 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player7.playerInFullScreenMode #toolbar-player7 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player7.playerInFullScreenMode #toolbar-player7.toolbarVisible { display: flex; } #fullScreenWrapper-player7.playerInFullScreenMode #PlayerCaptionsBarplayer7 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player7.playerInFullScreenMode #PlayerCaptionsBarplayer7.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player7 #fullscreenHoverRegion-player7 { display: none; } #fullScreenWrapper-player7.playerInFullScreenMode #fullscreenHoverRegion-player7 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2340 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2232_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2232_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2232_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2232_5 { display: none !important; } } #usefulStackWrapperstacks_in_1988 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1988 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1988 { display: none; } } @media print { #usefulStackWrapperstacks_in_1988 { display: none; } } #fullScreenWrapper-player6 { width: 100%; } #playerWrapper-player6 { display: block; position: relative; } #playerWrapper-player6 *, #playerWrapper-player6 *:before, #playerWrapper-player6 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player6 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player6 { padding-bottom: 75%; } #playerWrapper-player6 #media-player6 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player6 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player6 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player6 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player6 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player6 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player6 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player6 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player6 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player6 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player6, #playerSplashButtonstacks_in_2030 { display: none !important; } #media-controls-wrapper-player6 { position: relative; z-index: 4; width: 100%; } #toolbar-player6 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player6 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player6 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player6:hover #toolbar-player6 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player6.playerInFullScreenMode:hover #toolbar-player6, #playerWrapper-player6.playerInFullScreenMode #toolbar-player6 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player6.playerInFullScreenMode #toolbar-player6.toolbarHovered, .playerTouchDevice #playerWrapper-player6.playerInFullScreenMode #toolbar-player6 { opacity: 1.00; } */ #playerWrapper-player6.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2030 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player6 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player6 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player6 .media-button, #toolbar-player6 .timingContent { line-height: 45px; } #toolbar-player6 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player6 span.time, #media-controls-player6 span.player-extra-element, #media-controls-player6 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2030 { order: 3; display: block; } #pausestacks_in_2030 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2030 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2030 { order: 8; } #contractFromFullScreenstacks_in_2030 { order: 8; display: none /* Start hidden */ } #toolbar-player6 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player6 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player6 .media-button a, #toolbar-player6 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player6 span.media-button a:hover, #media-controls-player6 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player6 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player6 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2030 { display: flex; flex: 1; align-items: center; } #toolbar-player6 .duration, #toolbar-player6 .scrubberWrapper, #toolbar-player6 .time { /* display: table-cell; */ } #toolbar-player6 .time, #toolbar-player6 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player6 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player6 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player6 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player6 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2030 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2030 { display: none !important; } #volumestacks_in_2030:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2030 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2030:hover #volumeMasterControllerstacks_in_2030 { display: none; } #volumeMinstacks_in_2030 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2030 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2030[type=range], #volumeMinstacks_in_2030, #volumeMaxstacks_in_2030 { display: none; } #volumeMinstacks_in_2030, #volumeMaxstacks_in_2030 { cursor: pointer; } #volumestacks_in_2030:hover #volumeMinstacks_in_2030, #volumestacks_in_2030:hover #volumeMaxstacks_in_2030, #volumestacks_in_2030:hover #volume-barstacks_in_2030 { display: inline; } #volume-barstacks_in_2030[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2030[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2030[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2030[type=range]:focus { outline: none; } #volume-barstacks_in_2030[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2030[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2030[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2030[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2030[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2030[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2030[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2030[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2030[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player6.playerInFullScreenMode, #fullScreenWrapper-player6.playerInFullScreenMode #playerWrapper-player6 { height: 100%; } #fullScreenWrapper-player6.playerInFullScreenMode #mediaFrame-player6 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player6.playerInFullScreenMode player6 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player6.playerInFullScreenMode #toolbar-player6 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player6.playerInFullScreenMode #toolbar-player6.toolbarVisible { display: flex; } #fullScreenWrapper-player6.playerInFullScreenMode #PlayerCaptionsBarplayer6 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player6.playerInFullScreenMode #PlayerCaptionsBarplayer6.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player6 #fullscreenHoverRegion-player6 { display: none; } #fullScreenWrapper-player6.playerInFullScreenMode #fullscreenHoverRegion-player6 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2341 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2233_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2233_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2233_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2233_5 { display: none !important; } } #usefulStackWrapperstacks_in_1993 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1993 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1993 { display: none; } } @media print { #usefulStackWrapperstacks_in_1993 { display: none; } } #fullScreenWrapper-player5 { width: 100%; } #playerWrapper-player5 { display: block; position: relative; } #playerWrapper-player5 *, #playerWrapper-player5 *:before, #playerWrapper-player5 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player5 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player5 { padding-bottom: 75%; } #playerWrapper-player5 #media-player5 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player5 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player5 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player5 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player5 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player5 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player5 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player5 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player5 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player5 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player5, #playerSplashButtonstacks_in_2031 { display: none !important; } #media-controls-wrapper-player5 { position: relative; z-index: 4; width: 100%; } #toolbar-player5 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player5 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player5 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player5:hover #toolbar-player5 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player5.playerInFullScreenMode:hover #toolbar-player5, #playerWrapper-player5.playerInFullScreenMode #toolbar-player5 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player5.playerInFullScreenMode #toolbar-player5.toolbarHovered, .playerTouchDevice #playerWrapper-player5.playerInFullScreenMode #toolbar-player5 { opacity: 1.00; } */ #playerWrapper-player5.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2031 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player5 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player5 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player5 .media-button, #toolbar-player5 .timingContent { line-height: 45px; } #toolbar-player5 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player5 span.time, #media-controls-player5 span.player-extra-element, #media-controls-player5 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2031 { order: 3; display: block; } #pausestacks_in_2031 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2031 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2031 { order: 8; } #contractFromFullScreenstacks_in_2031 { order: 8; display: none /* Start hidden */ } #toolbar-player5 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player5 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player5 .media-button a, #toolbar-player5 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player5 span.media-button a:hover, #media-controls-player5 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player5 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player5 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2031 { display: flex; flex: 1; align-items: center; } #toolbar-player5 .duration, #toolbar-player5 .scrubberWrapper, #toolbar-player5 .time { /* display: table-cell; */ } #toolbar-player5 .time, #toolbar-player5 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player5 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player5 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player5 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player5 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2031 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2031 { display: none !important; } #volumestacks_in_2031:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2031 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2031:hover #volumeMasterControllerstacks_in_2031 { display: none; } #volumeMinstacks_in_2031 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2031 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2031[type=range], #volumeMinstacks_in_2031, #volumeMaxstacks_in_2031 { display: none; } #volumeMinstacks_in_2031, #volumeMaxstacks_in_2031 { cursor: pointer; } #volumestacks_in_2031:hover #volumeMinstacks_in_2031, #volumestacks_in_2031:hover #volumeMaxstacks_in_2031, #volumestacks_in_2031:hover #volume-barstacks_in_2031 { display: inline; } #volume-barstacks_in_2031[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2031[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2031[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2031[type=range]:focus { outline: none; } #volume-barstacks_in_2031[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2031[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2031[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2031[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2031[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2031[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2031[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2031[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2031[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player5.playerInFullScreenMode, #fullScreenWrapper-player5.playerInFullScreenMode #playerWrapper-player5 { height: 100%; } #fullScreenWrapper-player5.playerInFullScreenMode #mediaFrame-player5 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player5.playerInFullScreenMode player5 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player5.playerInFullScreenMode #toolbar-player5 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player5.playerInFullScreenMode #toolbar-player5.toolbarVisible { display: flex; } #fullScreenWrapper-player5.playerInFullScreenMode #PlayerCaptionsBarplayer5 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player5.playerInFullScreenMode #PlayerCaptionsBarplayer5.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player5 #fullscreenHoverRegion-player5 { display: none; } #fullScreenWrapper-player5.playerInFullScreenMode #fullscreenHoverRegion-player5 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2342 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2234_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2234_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2234_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2234_5 { display: none !important; } } #usefulStackWrapperstacks_in_1998 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_1998 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_1998 { display: none; } } @media print { #usefulStackWrapperstacks_in_1998 { display: none; } } #fullScreenWrapper-player4 { width: 100%; } #playerWrapper-player4 { display: block; position: relative; } #playerWrapper-player4 *, #playerWrapper-player4 *:before, #playerWrapper-player4 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player4 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player4 { padding-bottom: 75%; } #playerWrapper-player4 #media-player4 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player4 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player4 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player4 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player4 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player4 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player4 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player4 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player4 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player4 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player4, #playerSplashButtonstacks_in_2032 { display: none !important; } #media-controls-wrapper-player4 { position: relative; z-index: 4; width: 100%; } #toolbar-player4 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player4 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player4 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player4:hover #toolbar-player4 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player4.playerInFullScreenMode:hover #toolbar-player4, #playerWrapper-player4.playerInFullScreenMode #toolbar-player4 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player4.playerInFullScreenMode #toolbar-player4.toolbarHovered, .playerTouchDevice #playerWrapper-player4.playerInFullScreenMode #toolbar-player4 { opacity: 1.00; } */ #playerWrapper-player4.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2032 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player4 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player4 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player4 .media-button, #toolbar-player4 .timingContent { line-height: 45px; } #toolbar-player4 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player4 span.time, #media-controls-player4 span.player-extra-element, #media-controls-player4 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2032 { order: 3; display: block; } #pausestacks_in_2032 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2032 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2032 { order: 8; } #contractFromFullScreenstacks_in_2032 { order: 8; display: none /* Start hidden */ } #toolbar-player4 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player4 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player4 .media-button a, #toolbar-player4 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player4 span.media-button a:hover, #media-controls-player4 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player4 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player4 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2032 { display: flex; flex: 1; align-items: center; } #toolbar-player4 .duration, #toolbar-player4 .scrubberWrapper, #toolbar-player4 .time { /* display: table-cell; */ } #toolbar-player4 .time, #toolbar-player4 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player4 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player4 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player4 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player4 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2032 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2032 { display: none !important; } #volumestacks_in_2032:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2032 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2032:hover #volumeMasterControllerstacks_in_2032 { display: none; } #volumeMinstacks_in_2032 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2032 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2032[type=range], #volumeMinstacks_in_2032, #volumeMaxstacks_in_2032 { display: none; } #volumeMinstacks_in_2032, #volumeMaxstacks_in_2032 { cursor: pointer; } #volumestacks_in_2032:hover #volumeMinstacks_in_2032, #volumestacks_in_2032:hover #volumeMaxstacks_in_2032, #volumestacks_in_2032:hover #volume-barstacks_in_2032 { display: inline; } #volume-barstacks_in_2032[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2032[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2032[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2032[type=range]:focus { outline: none; } #volume-barstacks_in_2032[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2032[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2032[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2032[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2032[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2032[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2032[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2032[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2032[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player4.playerInFullScreenMode, #fullScreenWrapper-player4.playerInFullScreenMode #playerWrapper-player4 { height: 100%; } #fullScreenWrapper-player4.playerInFullScreenMode #mediaFrame-player4 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player4.playerInFullScreenMode player4 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player4.playerInFullScreenMode #toolbar-player4 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player4.playerInFullScreenMode #toolbar-player4.toolbarVisible { display: flex; } #fullScreenWrapper-player4.playerInFullScreenMode #PlayerCaptionsBarplayer4 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player4.playerInFullScreenMode #PlayerCaptionsBarplayer4.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player4 #fullscreenHoverRegion-player4 { display: none; } #fullScreenWrapper-player4.playerInFullScreenMode #fullscreenHoverRegion-player4 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2343 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2235_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2235_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2235_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2235_5 { display: none !important; } } #usefulStackWrapperstacks_in_2003 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2003 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2003 { display: none; } } @media print { #usefulStackWrapperstacks_in_2003 { display: none; } } #fullScreenWrapper-player3 { width: 100%; } #playerWrapper-player3 { display: block; position: relative; } #playerWrapper-player3 *, #playerWrapper-player3 *:before, #playerWrapper-player3 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player3 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player3 { padding-bottom: 75%; } #playerWrapper-player3 #media-player3 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player3 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player3 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player3 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player3 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player3 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player3 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player3 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player3 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player3 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player3, #playerSplashButtonstacks_in_2033 { display: none !important; } #media-controls-wrapper-player3 { position: relative; z-index: 4; width: 100%; } #toolbar-player3 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player3 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player3 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player3:hover #toolbar-player3 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player3.playerInFullScreenMode:hover #toolbar-player3, #playerWrapper-player3.playerInFullScreenMode #toolbar-player3 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player3.playerInFullScreenMode #toolbar-player3.toolbarHovered, .playerTouchDevice #playerWrapper-player3.playerInFullScreenMode #toolbar-player3 { opacity: 1.00; } */ #playerWrapper-player3.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2033 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player3 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player3 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player3 .media-button, #toolbar-player3 .timingContent { line-height: 45px; } #toolbar-player3 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player3 span.time, #media-controls-player3 span.player-extra-element, #media-controls-player3 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2033 { order: 3; display: block; } #pausestacks_in_2033 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2033 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2033 { order: 8; } #contractFromFullScreenstacks_in_2033 { order: 8; display: none /* Start hidden */ } #toolbar-player3 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player3 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player3 .media-button a, #toolbar-player3 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player3 span.media-button a:hover, #media-controls-player3 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player3 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player3 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2033 { display: flex; flex: 1; align-items: center; } #toolbar-player3 .duration, #toolbar-player3 .scrubberWrapper, #toolbar-player3 .time { /* display: table-cell; */ } #toolbar-player3 .time, #toolbar-player3 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player3 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player3 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player3 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player3 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2033 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2033 { display: none !important; } #volumestacks_in_2033:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2033 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2033:hover #volumeMasterControllerstacks_in_2033 { display: none; } #volumeMinstacks_in_2033 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2033 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2033[type=range], #volumeMinstacks_in_2033, #volumeMaxstacks_in_2033 { display: none; } #volumeMinstacks_in_2033, #volumeMaxstacks_in_2033 { cursor: pointer; } #volumestacks_in_2033:hover #volumeMinstacks_in_2033, #volumestacks_in_2033:hover #volumeMaxstacks_in_2033, #volumestacks_in_2033:hover #volume-barstacks_in_2033 { display: inline; } #volume-barstacks_in_2033[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2033[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2033[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2033[type=range]:focus { outline: none; } #volume-barstacks_in_2033[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2033[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2033[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2033[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2033[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2033[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2033[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2033[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2033[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player3.playerInFullScreenMode, #fullScreenWrapper-player3.playerInFullScreenMode #playerWrapper-player3 { height: 100%; } #fullScreenWrapper-player3.playerInFullScreenMode #mediaFrame-player3 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player3.playerInFullScreenMode player3 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player3.playerInFullScreenMode #toolbar-player3 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player3.playerInFullScreenMode #toolbar-player3.toolbarVisible { display: flex; } #fullScreenWrapper-player3.playerInFullScreenMode #PlayerCaptionsBarplayer3 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player3.playerInFullScreenMode #PlayerCaptionsBarplayer3.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player3 #fullscreenHoverRegion-player3 { display: none; } #fullScreenWrapper-player3.playerInFullScreenMode #fullscreenHoverRegion-player3 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2344 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2236_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2236_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2236_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2236_5 { display: none !important; } } #usefulStackWrapperstacks_in_2009 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2009 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2009 { display: none; } } @media print { #usefulStackWrapperstacks_in_2009 { display: none; } } #fullScreenWrapper-player2 { width: 100%; } #playerWrapper-player2 { display: block; position: relative; } #playerWrapper-player2 *, #playerWrapper-player2 *:before, #playerWrapper-player2 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player2 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player2 { padding-bottom: 75%; } #playerWrapper-player2 #media-player2 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player2 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player2 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player2 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player2 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player2 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player2 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player2 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player2 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player2 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player2, #playerSplashButtonstacks_in_2034 { display: none !important; } #media-controls-wrapper-player2 { position: relative; z-index: 4; width: 100%; } #toolbar-player2 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player2 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player2 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player2:hover #toolbar-player2 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player2.playerInFullScreenMode:hover #toolbar-player2, #playerWrapper-player2.playerInFullScreenMode #toolbar-player2 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player2.playerInFullScreenMode #toolbar-player2.toolbarHovered, .playerTouchDevice #playerWrapper-player2.playerInFullScreenMode #toolbar-player2 { opacity: 1.00; } */ #playerWrapper-player2.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2034 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player2 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player2 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player2 .media-button, #toolbar-player2 .timingContent { line-height: 45px; } #toolbar-player2 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player2 span.time, #media-controls-player2 span.player-extra-element, #media-controls-player2 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2034 { order: 3; display: block; } #pausestacks_in_2034 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2034 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2034 { order: 8; } #contractFromFullScreenstacks_in_2034 { order: 8; display: none /* Start hidden */ } #toolbar-player2 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player2 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player2 .media-button a, #toolbar-player2 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player2 span.media-button a:hover, #media-controls-player2 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player2 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player2 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2034 { display: flex; flex: 1; align-items: center; } #toolbar-player2 .duration, #toolbar-player2 .scrubberWrapper, #toolbar-player2 .time { /* display: table-cell; */ } #toolbar-player2 .time, #toolbar-player2 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player2 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player2 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player2 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player2 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2034 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2034 { display: none !important; } #volumestacks_in_2034:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2034 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2034:hover #volumeMasterControllerstacks_in_2034 { display: none; } #volumeMinstacks_in_2034 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2034 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2034[type=range], #volumeMinstacks_in_2034, #volumeMaxstacks_in_2034 { display: none; } #volumeMinstacks_in_2034, #volumeMaxstacks_in_2034 { cursor: pointer; } #volumestacks_in_2034:hover #volumeMinstacks_in_2034, #volumestacks_in_2034:hover #volumeMaxstacks_in_2034, #volumestacks_in_2034:hover #volume-barstacks_in_2034 { display: inline; } #volume-barstacks_in_2034[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2034[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2034[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2034[type=range]:focus { outline: none; } #volume-barstacks_in_2034[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2034[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2034[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2034[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2034[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2034[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2034[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2034[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2034[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player2.playerInFullScreenMode, #fullScreenWrapper-player2.playerInFullScreenMode #playerWrapper-player2 { height: 100%; } #fullScreenWrapper-player2.playerInFullScreenMode #mediaFrame-player2 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player2.playerInFullScreenMode player2 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player2.playerInFullScreenMode #toolbar-player2 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player2.playerInFullScreenMode #toolbar-player2.toolbarVisible { display: flex; } #fullScreenWrapper-player2.playerInFullScreenMode #PlayerCaptionsBarplayer2 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player2.playerInFullScreenMode #PlayerCaptionsBarplayer2.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player2 #fullscreenHoverRegion-player2 { display: none; } #fullScreenWrapper-player2.playerInFullScreenMode #fullscreenHoverRegion-player2 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2345 { padding: 0px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_2237_2 { height: 20.00px; } @media print { #spacerStackstacks_in_2237_2 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_2237_5 { height: 30.00px; } @media print { #spacerStackstacks_in_2237_5 { display: none !important; } } #usefulStackWrapperstacks_in_2014 { margin: 0 auto; min-width: 0px; max-width: 630px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_2014 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_2014 { display: none; } } @media print { #usefulStackWrapperstacks_in_2014 { display: none; } } #fullScreenWrapper-player1 { width: 100%; } #playerWrapper-player1 { display: block; position: relative; } #playerWrapper-player1 *, #playerWrapper-player1 *:before, #playerWrapper-player1 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player1 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player1 { padding-bottom: 75%; } #playerWrapper-player1 #media-player1 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player1 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player1 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player1 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player1 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player1 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player1 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ /* If Player custom controls are disabled */ #toolbar-player1, #playerSplashButtonstacks_in_2035 { display: none !important; } #media-controls-wrapper-player1 { position: relative; z-index: 4; width: 100%; } #toolbar-player1 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player1 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(0, 0, 0, 0.25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.25)), color-stop(100%,rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.25) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player1 { height: 40px; flex-wrap: nowrap; } } #playerWrapper-player1:hover #toolbar-player1 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player1.playerInFullScreenMode:hover #toolbar-player1, #playerWrapper-player1.playerInFullScreenMode #toolbar-player1 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1.playerInFullScreenMode #toolbar-player1.toolbarHovered, .playerTouchDevice #playerWrapper-player1.playerInFullScreenMode #toolbar-player1 { opacity: 1.00; } */ #playerWrapper-player1.playerInFullScreenMode #fullscreenHoverRegionstacks_in_2035 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player1 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player1 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player1 .media-button, #toolbar-player1 .timingContent { line-height: 45px; } #toolbar-player1 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player1 span.time, #media-controls-player1 span.player-extra-element, #media-controls-player1 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_2035 { order: 3; display: block; } #pausestacks_in_2035 { order: 3; display: none /* Start hidden */ } #timingstacks_in_2035 { order: 5; cursor: default; } #expandToFullScreenstacks_in_2035 { order: 8; } #contractFromFullScreenstacks_in_2035 { order: 8; display: none /* Start hidden */ } #toolbar-player1 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 0.00) 1px 1px 1px; font-size: 20px; } #toolbar-player1 [class^="fa fa-"]:hover { color: rgba(255, 255, 255, 1.00); } #toolbar-player1 .media-button a, #toolbar-player1 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player1 span.media-button a:hover, #media-controls-player1 span.media-button button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player1 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player1 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_2035 { display: flex; flex: 1; align-items: center; } #toolbar-player1 .duration, #toolbar-player1 .scrubberWrapper, #toolbar-player1 .time { /* display: table-cell; */ } #toolbar-player1 .time, #toolbar-player1 .duration { font-size: 12px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player1 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 5px; vertical-align: middle; } #toolbar-player1 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 5px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(179, 179, 179, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player1 .progress { -webkit-appearance: none; width: 0px; height: 5px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player1 .progress { background-color: rgba(255, 255, 255, 1.00); } /* @group Volume */ #volumestacks_in_2035 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_2035 { display: none !important; } #volumestacks_in_2035:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_2035 { display: inline-block; height: 40px; line-height: 40px; width: 40px; } #volumestacks_in_2035:hover #volumeMasterControllerstacks_in_2035 { display: none; } #volumeMinstacks_in_2035 { position: absolute; left: 0px; top: 0; width: 40px; line-height: 40px; } #volumeMaxstacks_in_2035 { position: absolute; right: 0px; top: 0; width: 40px; line-height: 40px; } #volume-barstacks_in_2035[type=range], #volumeMinstacks_in_2035, #volumeMaxstacks_in_2035 { display: none; } #volumeMinstacks_in_2035, #volumeMaxstacks_in_2035 { cursor: pointer; } #volumestacks_in_2035:hover #volumeMinstacks_in_2035, #volumestacks_in_2035:hover #volumeMaxstacks_in_2035, #volumestacks_in_2035:hover #volume-barstacks_in_2035 { display: inline; } #volume-barstacks_in_2035[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 40px; height: 40px; } #volume-barstacks_in_2035[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2035[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_2035[type=range]:focus { outline: none; } #volume-barstacks_in_2035[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2035[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2035[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2035[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_2035[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2035[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_2035[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_2035[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_2035[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player1.playerInFullScreenMode, #fullScreenWrapper-player1.playerInFullScreenMode #playerWrapper-player1 { height: 100%; } #fullScreenWrapper-player1.playerInFullScreenMode #mediaFrame-player1 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player1.playerInFullScreenMode player1 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player1.playerInFullScreenMode #toolbar-player1 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player1.playerInFullScreenMode #toolbar-player1.toolbarVisible { display: flex; } #fullScreenWrapper-player1.playerInFullScreenMode #PlayerCaptionsBarplayer1 { position: absolute; bottom: 40px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player1.playerInFullScreenMode #PlayerCaptionsBarplayer1.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player1 #fullscreenHoverRegion-player1 { display: none; } #fullScreenWrapper-player1.playerInFullScreenMode #fullscreenHoverRegion-player1 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_2346 { padding: 0px 0px 20px 0px; } #stacks_in_1920 { padding: 0px 0px 20px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_2055 { height: 40.00px; } @media print { #spacerStackstacks_in_2055 { display: none !important; } }