#stacks_in_0 { margin: 0px 30px 0px 0px; } @import url(http://fonts.googleapis.com/css?family=Raleway:400,200); body.sideMenuOpen { overflow: hidden !important; } #sideMenuToggleContainer_stacks_in_5536 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-sizing: border-box; /* */ /* */ text-align: right; /* */ } #sideMenuToggle_stacks_in_5536 { text-align: center; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; display: inline-block; z-index: 9999999999999; box-sizing: border-box; pointer-events: all; color: #FFFFFF; padding: 10px 10px 10px 10px; border-radius: 10px; /* */ /* */ /* */ /* */ width: auto; /* */ /* */ background: rgba(251, 2, 7, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenuToggle_stacks_in_5536 span, #sideMenuToggle_stacks_in_5536 i { vertical-align: middle; } #sideMenuToggle_stacks_in_5536 span { font-size: 24px; } #sideMenuToggle_stacks_in_5536 i { font-size: 30px; } #sideMenuContainer_stacks_in_5536:before, #sideMenuContainer_stacks_in_5536:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: 0; opacity: 1; display: block; position: absolute; } #sideMenuContainer_stacks_in_5536:before { /* */ background: #FB0207; /* */ /* */ /* */ } #sideMenuContainer_stacks_in_5536:after { /* */ } #sideMenu_stacks_in_5536 { opacity: 1; padding: 2px 8px 2px 8px; /* */ text-align: left; /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenu_stacks_in_5536 .close-icon { opacity: 0; height: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; margin-bottom: 2px; box-sizing: border-box; z-index: 9999999999999999999999; /* */ text-align: left; /* */ } #sideMenu_stacks_in_5536 .close-icon i { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; box-sizing: content-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; /* */ width: 35px; height: 35px; padding: 10px; margin: 5px 0; font-size: 35px; line-height: 35px; color: #FFFFFF; /* */ } #sideMenu_stacks_in_5536 #cssmenu, #sideMenu_stacks_in_5536 #cssmenu ul, #sideMenu_stacks_in_5536 #cssmenu ul li, #sideMenu_stacks_in_5536 #cssmenu ul li a { margin: 0; bottom: 0; padding: 0; display: block; line-height: 1; list-style: none; position: relative; box-sizing: border-box; } #sideMenu_stacks_in_5536 #cssmenu { width: 100%; font-family: inherit; } #sideMenu_stacks_in_5536 #cssmenu ul > li a small { display: block; margin-top: 7px; font-size: 14px; color: rgba(255, 255, 255, 0.60); } #sideMenu_stacks_in_5536 #cssmenu ul ul li a small { display: block; margin-top: 7px; font-size: 14px; /* */ color: rgba(255, 255, 255, 0.60); /* */ } #sideMenu_stacks_in_5536 #cssmenu ul > li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenu_stacks_in_5536 #cssmenu ul ul li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenuContainer_stacks_in_5536 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons { top: 0; z-index: 5; height: 100%; display: block; color: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; /* */ right: 0; width: 22px; /* */ } #sideMenuContainer_stacks_in_5536 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon, #sideMenuContainer_stacks_in_5536 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { top: 50%; left: 50%; display: block; color: inherit; position: absolute; font-size: 14px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } #sideMenuContainer_stacks_in_5536 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5536 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_5536.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon, #sideMenuContainer_stacks_in_5536.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; /* */ -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); /* */ } #sideMenuContainer_stacks_in_5536.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_5536.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5536.open #cssmenu ul > li.has-sub > a i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5536.open #cssmenu ul > li.has-sub > a i.dropdown-close-icon { opacity: 0; visibility: hidden; } /* */ #sideMenu_stacks_in_5536 #cssmenu ul > li.has-sub > a { /* */ padding: 2px 24px 2px 8px; /* */ /* */ /* */ } #sideMenu_stacks_in_5536 #cssmenu > ul > li > a { z-index: 2; cursor: pointer; text-decoration: none; box-sizing: border-box; color: #FFFFFF; padding: 2px 8px 2px 8px; font-size: 14px; border-radius: 10px; margin-bottom: 10px; /* */ background: none; /* */ /* */ /* */ } #sideMenu_stacks_in_5536 #cssmenu > ul > li > a:first-child { margin-top: 0; } #sideMenu_stacks_in_5536 #cssmenu ul ul li a { z-index: 2; cursor: pointer; text-decoration: none; font-size: 14px; border-radius: 10px; margin-bottom: 10px; /* */ color: #FFFFFF; padding: 2px 8px 2px 8px; /* */ background: none; /* */ /* */ /* */ /* */ } /* */ #sideMenu_stacks_in_5536 #cssmenu ul ul li a { /* */ padding-left: 23px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5536 #cssmenu ul ul ul li a { /* */ padding-left: 38px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5536 #cssmenu ul ul ul ul li a { /* */ padding-left: 53px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5536 #cssmenu ul ul ul ul ul li a { /* */ padding-left: 68px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5536 #cssmenu ul ul ul ul ul ul li a { /* */ padding-left: 83px !important; /* */ /* */ /* */ } /* */ @-webkit-keyframes elegantOpen { 0% { margin-left: -500px; } 100% { margin-left: 0px; } } @keyframes elegantOpen { 0% { margin-left: -500px; } 100% { margin-left: 0px; } } @-webkit-keyframes elegantClose { 0% { margin-left: 0px; } 100% { margin-left: -500px; } } @keyframes elegantClose { 0% { margin-left: 0px; } 100% { margin-left: -500px; } } /* */ #sideMenuToggleContainer_stacks_in_5536 { /* */ /* */ left: 0; right: 0; width: 100%; position: fixed; z-index: 999999999; /* */ /* */ /* */ text-align: right; /* */ /* */ top: 0; /* */ padding: 8px 8px 8px 8px; } #sideMenuToggle_stacks_in_5536:hover { cursor: pointer; color: #FFFFFF; /* */ background: #FB0207; /* */ /* */ /* */ } #sideMenu_stacks_in_5536 .close-icon i:hover { /* */ /* */ -webkit-transform: rotate(-180deg); transform: rotate(-180deg); /* */ /* */ } #sideMenuContainer_stacks_in_5536 { top: 0; bottom: 0; opacity: 0; width: 100%; position: fixed; visibility: hidden; z-index: 99999999999999999; right: -100%; transition: all 0.2s ease-in; } /* */ @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_5536 { max-width: 170px; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_5536 { max-width: 300px; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_5536 { max-width: 300px; } } /* */ /* */ #sideMenuContainer_stacks_in_5536:before, #sideMenuContainer_stacks_in_5536:after { content: ''; z-index: -1; width: 100%; height: 120%; transition: opacity 0.1s ease-in; } #sideMenuContainer_stacks_in_5536.open { right: 0; opacity: 1; visibility: visible; transition: 0.2s ease-out; } #sideMenuContainer_stacks_in_5536.open:before { visibility: visible; opacity: 0.9; transition: opacity 0.1s ease; } #sideMenuContainer_stacks_in_5536.open .close-icon { opacity: 1; transition-delay: 0.4s; } #sideMenuContainer_stacks_in_5536.open #cssmenu { opacity: 1; visibility: visible; transition-delay: 0.4s; transition: all 0.3s ease; } #sideMenu_stacks_in_5536 { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; width: 100%; height: 100%; overflow-y: auto; visibility: visible; box-sizing: border-box; } #sideMenu_stacks_in_5536 #cssmenu ul ul { display: none; } #sideMenu_stacks_in_5536 #cssmenu > ul > li.active > ul { display: block; } #sideMenuContainer_stacks_in_5536 #cssmenu > ul > li { right: -100%; opacity: 0; transition: left 0.3s ease; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li { right: 0%; opacity: 1; transition: all 0.3s ease; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(1) { transition-delay: 0.2s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(2) { transition-delay: 0.3s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(3) { transition-delay: 0.4s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(4) { transition-delay: 0.5s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(5) { transition-delay: 0.6s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(6) { transition-delay: 0.7s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(7) { transition-delay: 0.8s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(8) { transition-delay: 0.9s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(9) { transition-delay: 1s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(10) { transition-delay: 1.1s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(11) { transition-delay: 1.2s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(12) { transition-delay: 1.3s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(13) { transition-delay: 1.4s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(14) { transition-delay: 1.5s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(15) { transition-delay: 1.6s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(16) { transition-delay: 1.7s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(17) { transition-delay: 1.8s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(18) { transition-delay: 1.9s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(19) { transition-delay: 2s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(20) { transition-delay: 2.1s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(21) { transition-delay: 2.2s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(22) { transition-delay: 2.3s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(23) { transition-delay: 2.4s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(24) { transition-delay: 2.5s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(25) { transition-delay: 2.6s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(26) { transition-delay: 2.7s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(27) { transition-delay: 2.8s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(28) { transition-delay: 2.9s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(29) { transition-delay: 3s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(30) { transition-delay: 3.1s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(31) { transition-delay: 3.2s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(32) { transition-delay: 3.3s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(33) { transition-delay: 3.4s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(34) { transition-delay: 3.5s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(35) { transition-delay: 3.6s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(36) { transition-delay: 3.7s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(37) { transition-delay: 3.8s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(38) { transition-delay: 3.9s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(39) { transition-delay: 4s; } #sideMenuContainer_stacks_in_5536.open #cssmenu > ul > li:nth-child(40) { transition-delay: 4.1s; } #sideMenu_stacks_in_5536 #cssmenu ul > li a:hover small { font-size: 14px; color: rgba(0, 0, 0, 0.50); } #sideMenu_stacks_in_5536 #cssmenu ul ul li a:hover small { font-size: 14px; /* */ color: rgba(0, 0, 0, 0.50); /* */ } #sideMenu_stacks_in_5536 #cssmenu > ul > li > a:hover { color: #000000; /* */ background: none; /* */ /* */ /* */ } #sideMenu_stacks_in_5536 #cssmenu ul ul li a:hover { /* */ color: #000000; /* */ background: none; /* */ /* */ /* */ /* */ } @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_5536.hide-m, #sideMenuToggleContainer_stacks_in_5536.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_5536.hide-t, #sideMenuToggleContainer_stacks_in_5536.hide-t { display: none; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_5536.hide-d, #sideMenuToggleContainer_stacks_in_5536.hide-d { display: none; } } /* */ /* */ /* */ } #sideMenuItem_stacks_in_5540.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* 1.0.1 - updated css naming scheme to prevent conflicts with themes and frameworks */ #stacks_in_5486 { z-index: 1000; box-sizing: border-box; pointer-events: none; --snvp1: 4.000000px; --snvp2: 8px; --snhp1: 2px; --snw: 170px; --rad: 6px; --iconSize: 28px; font-family: inherit; } #stacks_in_5486 .snav-list, #stacks_in_5486 .snav-toggle { pointer-events: all; } #stacks_in_5486 .snav-toggle { position: fixed; z-index: 1; top: 16px; left: 18px; background: rgba(251, 2, 7, 1.00); color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 0, 0, 0.00); border-radius: var(--rad); padding: var(--snvp1); cursor: pointer; display: none; } #stacks_in_5486.snav-right .snav-toggle { left: auto; right: 18px; } #stacks_in_5486 .snav-toggle svg { width: var(--iconSize); height: var(--iconSize); display: block; } #stacks_in_5486 .snav-list:not(.expanded) + .snav-toggle svg:nth-child(2), #stacks_in_5486 .snav-list.expanded + .snav-toggle svg:nth-child(1) { display: none; } #stacks_in_5486 .snav-list { position: relative; z-index: 2; background: rgba(251, 2, 7, 1.00); color: rgba(255, 255, 255, 1.00); padding: calc((28px - 1px)/2) 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.00); transition: width 0.3s ease; list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; align-content: flex-start; } #stacks_in_5486 .snav-list li { position: relative; display: block; padding: 0; margin: 0; list-style: none; } #stacks_in_5486 .snav-item .snav-link, #stacks_in_5486 .snav-item .snav-container, #stacks_in_5486 .snav-item .snav-divider { display: flex; align-items: center; padding: var(--snvp2) var(--snhp1) var(--snvp2) calc(var(--snhp1) + 12px); font-size: 14px; line-height: var(--iconSize); text-decoration: none; } #stacks_in_5486 .top-tier .chevron { margin-left: auto; } #stacks_in_5486 .snav-item .sub-container { font-size: 14px; color: rgba(255, 255, 255, 1.00); line-height: 1.3; } #stacks_in_5486 .snav-item .snav-divider { padding: 0 var(--snhp1) 0 var(--snhp1); } #stacks_in_5486 .snav-item > .snav-container, #stacks_in_5486 .snav-item > .snav-link { color: rgba(255, 255, 255, 1.00); letter-spacing: -0.00em; word-spacing: -0.00em; font-weight: 500; } #stacks_in_5486 .snav-item:not(.custom-type):hover > .snav-container, #stacks_in_5486 .snav-item:hover > .snav-link { background-color: rgba(76, 76, 76, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_5486 .snav-item.top-tier > .snav-link, #stacks_in_5486 .snav-item.top-tier > .snav-container, #stacks_in_5486 .snav-item.top-tier > .snav-divider { display: grid; grid-template-columns: var(--iconSize) 1fr 12px; grid-gap: 0px; } #stacks_in_5486 .snav-item.top-tier > .snav-link, #stacks_in_5486 .snav-item.top-tier:not(.custom-type) > .snav-container, #stacks_in_5486.snav-collapsed .snav-item.top-tier.custom-type > .snav-container { cursor: pointer; } #stacks_in_5486 .snav-list:not(.expanded) .snav-item > .snav-divider, #stacks_in_5486 .snav-list.expanded .snav-item.no-title > .snav-divider { grid-template-columns: 1fr 0px; } #stacks_in_5486 .snav-list.expanded .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_5486 .snav-list .snav-item.custom-type > .snav-container { overflow: hidden; padding: 0px; } #stacks_in_5486 .snav-list .snav-item.custom-type > .snav-container .snav-icon, #stacks_in_5486 .snav-list .snav-item.custom-type > .snav-container .custom-expand { margin: 0; overflow: hidden; } #stacks_in_5486 .snav-list .snav-item.custom-type > .snav-container .custom-expand > div { width: 170px; } #stacks_in_5486 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 1fr 0px; } #stacks_in_5486 .snav-list.expanded .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_5486 .snav-list.expanded .snav-item.custom-type > .snav-container .snav-icon { opacity: 0; pointer-events: none; } #stacks_in_5486 .snav-item svg, #stacks_in_5486 .snav-item .snav-icon img { width: var(--iconSize); height: var(--iconSize); display: block; margin: 0 auto; max-width: none; } #stacks_in_5486 .snav-item.custom-type .snav-icon svg { width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); height: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); } #stacks_in_5486 .snav-item.custom-type .snav-icon img { width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); height: auto; } #stacks_in_5486 .snav-icon svg { color: rgba(255, 255, 255, 1.00); } #stacks_in_5486 .snav-item:hover .snav-icon svg { color: rgba(255, 255, 255, 1.00); } #stacks_in_5486 .snav-icon svg.sn-fa, #stacks_in_5486 .snav-icon i.material-icons-two-tone { fill: currentColor; } #stacks_in_5486 .snav-icon svg { transform: translate3d(0,0,0) } #stacks_in_5486 .snav-icon svg:not(.sn-ii):not(.sn-fa):not(.material-icons) { fill: currentColor; stroke: currentColor; } #stacks_in_5486 .snav-icon i { color: rgba(255, 255, 255, 1.00); font-size: var(--iconSize); line-height: var(--iconSize); display: block; } #stacks_in_5486 .snav-item:hover .snav-icon i { color: rgba(255, 255, 255, 1.00); } #stacks_in_5486 .snav-icon i.material-icons-two-tone:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255, 255, 255, 1.00); mix-blend-mode: lighten; } #stacks_in_5486 .snav-icon:hover i.material-icons-two-tone:after { background: rgba(255, 255, 255, 1.00); } #stacks_in_5486 .chevron svg { width: 12px; fill: currentColor; } #stacks_in_5486 .snav-icon { margin: 0; } #stacks_in_5486 .snav-item hr { width: 100%; border-width: 0px; height: 1px; background-color: currentColor; opacity: 0.3; } #stacks_in_5486 .snav-divider .snav-title { opacity: 0.66; font-weight: bold; margin-left: calc(12px - var(--snhp1)); } #stacks_in_5486 .sub-container { border-radius: var(--rad); background: rgba(251, 2, 7, 1.00); } #stacks_in_5486 .sub-container li:nth-child(2) > a { border-radius: var(--rad) var(--rad) 0px 0px; } #stacks_in_5486 .sub-container li:last-child > a { border-radius: 0px 0px var(--rad) var(--rad); } #stacks_in_5486 .sub-container li:nth-child(2):last-child > a { border-radius: var(--rad); } #stacks_in_5486 .submenu { list-style: none; padding: 0; margin: 0; } #stacks_in_5486 .submenu li .snav-link { padding-left: calc(var(--snhp1) + 12px); } #stacks_in_5486 .submenu > *:not(.snav-item) { padding: 12px calc(var(--snhp1) + 12px); } #stacks_in_5486 .submenu > .subsnav-close { cursor: pointer; background-color: rgba(0, 0, 0, 0.00); border-radius: var(--rad) var(--rad) 0 0; padding: 6px calc(var(--snhp1) + 12px); display: none; } #stacks_in_5486 .snav-list { display: flex; flex-direction: column; } #stacks_in_5486 .snav-list .snav-spacer { flex: 1; min-height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_5486 { position: fixed; top: 0; bottom: 0; left: 0; } #stacks_in_5486 { transform: translate3d(0,0,0); overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; max-width: 100%; width: calc(170px + 170px + 36px); } #stacks_in_5486::-webkit-scrollbar { width: 0; height: 0; } #stacks_in_5486.snav-right { left: auto; right: 0; } #stacks_in_5486 .subsnav-close > *, #stacks_in_5486 .snav-item:not(.custom-type) > .snav-container > *, #stacks_in_5486 .snav-link > *, #stacks_in_5486 .snav-item a * { pointer-events: none; } #stacks_in_5486.snav-right .top-tier .chevron { grid-column: 1; grid-row: 1; transform: rotate(180deg); } #stacks_in_5486.snav-right .snav-item.top-tier:not(.custom-type) > .snav-container { grid-template-columns: 12px var(--iconSize) 1fr; padding: var(--snvp2) calc(var(--snhp1) + 12px) var(--snvp2) var(--snhp1); } #stacks_in_5486.snav-right .sub-container { left: auto; right: calc(100% + 8px); } #stacks_in_5486.snav-condensed { grid-template-rows: min-content; } #stacks_in_5486.snav-condensed .snav-list { padding: 0; border-radius: 0 var(--rad) var(--rad) 0; transform: translateY(0px); } #stacks_in_5486.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px var(--rad) 0px 0px; } #stacks_in_5486.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px var(--rad) 0px; } #stacks_in_5486.snav-right .snav-list { border-radius: 0; margin-left: auto; } #stacks_in_5486.snav-right.snav-condensed .snav-list { border-radius: var(--rad) 0px 0px var(--rad); } #stacks_in_5486.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: var(--rad) 0px 0px 0px; } #stacks_in_5486.snav-right.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px 0px var(--rad); } #stacks_in_5486.snav-condensed .sub-container { top: 0; transform: translateY(0%); } #stacks_in_5486.snav-condensed .snav-list { border-radius: 0 0 var(--rad) 0; } #stacks_in_5486.snav-right.snav-condensed .snav-list { border-radius: 0 0 0 var(--rad); } #stacks_in_5486.snav-condensed .snav-list > li:first-child > *:not(ul), #stacks_in_5486.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px; } #stacks_in_5486 .snav-list { min-height: 100%; width: calc(var(--snhp1) + 12px + var(--iconSize) + 12px + var(--snhp1)); } #stacks_in_5486 .snav-list.expanded { width: var(--snw); } #stacks_in_5486.snav-condensed .snav-list { min-height: 0px; } #stacks_in_5486 .snav-item .snav-link { height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_5486 .submenu .snav-item .snav-link { height: auto; line-height: 1.2; padding: var(--snvp2) calc(var(--snhp1) + 12px) var(--snvp2) calc(var(--snhp1) + 12px); } #stacks_in_5486 .snav-item .snav-divider { height: var(--iconSize); } #stacks_in_5486 .snav-item.custom-type .snav-icon { height: auto; max-width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); } #stacks_in_5486 .snav-title { position: relative; overflow: hidden; height: 100%; white-space: nowrap; } #stacks_in_5486 .snav-title > div { padding-left: 8px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-overflow: ellipsis; overflow: hidden; } #stacks_in_5486 .snav-divider .snav-title > div { padding-left: 0; } #stacks_in_5486 .sub-container { display: none; position: absolute; z-index: 3; left: calc(100% + 8px); width: 170px; top: 50%; transform: translateY(-50%); box-shadow: rgba(0, 0, 0, 0.00) 0px 3px 6px -4px, rgba(0, 0, 0, 0.00) 0px 6px 16px, rgba(0, 0, 0, 0.00) 0px 9px 28px 8px; background-color: rgba(251, 2, 7, 1.00); } #stacks_in_5486 .open .sub-container { display: block; } #stacks_in_5486 .snav-is-touch .submenu > .subsnav-close { display: block; } #stacks_in_5486:not(.snav-collapsed) .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: none; } #stacks_in_5486 .snav-is-touch .sub-container li:nth-child(2) > a, #stacks_in_5486 .snav-is-touch .sub-container li:nth-child(2):last-child > a { border-radius: 0px; } @media all and (max-width: 2000px) { #stacks_in_5486 .snav-list:not(.expanded) { width: 0; overflow: hidden; } #stacks_in_5486 .snav-toggle { display: block; transition: transform 0.3s ease; } #stacks_in_5486 .snav-list.expanded + .snav-toggle { transform: translateX(160px); } #stacks_in_5486.snav-right .snav-list.expanded + .snav-toggle { transform: translateX(-160px); } #stacks_in_5486 .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: all; } #stacks_in_5486 .snav-list:not(.expanded) .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_5486 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_5486 .snav-list .snav-item.custom-type > .snav-container > .snav-icon { opacity: 0; } #stacks_in_5486 .snav-list .snav-item.custom-type > .snav-container > .snav-icon > * { display: none; } #stacks_in_5486 .sub-container { z-index: 3; } } #stacks_in_5489 { position: relative; user-select: none; } i#stacks_in_5489, svg#stacks_in_5489 { position: relative; display: block; text-align: center; } #stacks_in_5496 { position: relative; user-select: none; } i#stacks_in_5496, svg#stacks_in_5496 { position: relative; display: block; text-align: center; } #stacks_in_5499 { position: relative; user-select: none; } i#stacks_in_5499, svg#stacks_in_5499 { position: relative; display: block; text-align: center; } #stacks_in_5502 { position: relative; user-select: none; } i#stacks_in_5502, svg#stacks_in_5502 { position: relative; display: block; text-align: center; } #stacks_in_5512 { position: relative; user-select: none; } i#stacks_in_5512, svg#stacks_in_5512 { position: relative; display: block; text-align: center; } #stacks_in_5515 { position: relative; user-select: none; } i#stacks_in_5515, svg#stacks_in_5515 { position: relative; display: block; text-align: center; } #stacks_in_5518 { position: relative; user-select: none; } i#stacks_in_5518, svg#stacks_in_5518 { position: relative; display: block; text-align: center; } #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(51, 51, 51, 1.00); } #mediaFrame-player1 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5411 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5411 { order: 0; } #playstacks_in_5411 { order: 2; display: block; } #pausestacks_in_5411 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5411 { order: 1; } #skipForwardstacks_in_5411 { order: 3; } #timingstacks_in_5411 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5411 { order: 7; } #contractFromFullScreenstacks_in_5411 { order: 7; display: none /* Start hidden */ } #toolbar-player1 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player1 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player1 .media-button a, #toolbar-player1 .media-button { font-size: 11px; 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(153, 153, 153, 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_5411 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player1 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player1 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player1 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5411 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5411 { display: none !important; } #volumestacks_in_5411:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5411 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5411:hover #volumeMasterControllerstacks_in_5411 { display: none; } #volumeMinstacks_in_5411 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5411 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5411[type=range], #volumeMinstacks_in_5411, #volumeMaxstacks_in_5411 { display: none; } #volumeMinstacks_in_5411, #volumeMaxstacks_in_5411 { cursor: pointer; } #volumestacks_in_5411:hover #volumeMinstacks_in_5411, #volumestacks_in_5411:hover #volumeMaxstacks_in_5411, #volumestacks_in_5411:hover #volume-barstacks_in_5411 { display: inline; } #volume-barstacks_in_5411[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5411[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5411[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_5411[type=range]:focus { outline: none; } #volume-barstacks_in_5411[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5411[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5411[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5411[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5411[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5411[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5411[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5411[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5411[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: 28px; 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_5411 { padding: 0px 0px 6px 0px; } #stacks_in_5413 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player2 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5415 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5415 { order: 0; } #playstacks_in_5415 { order: 2; display: block; } #pausestacks_in_5415 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5415 { order: 1; } #skipForwardstacks_in_5415 { order: 3; } #timingstacks_in_5415 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5415 { order: 7; } #contractFromFullScreenstacks_in_5415 { order: 7; display: none /* Start hidden */ } #toolbar-player2 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player2 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player2 .media-button a, #toolbar-player2 .media-button { font-size: 11px; 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(153, 153, 153, 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_5415 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player2 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player2 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player2 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5415 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5415 { display: none !important; } #volumestacks_in_5415:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5415 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5415:hover #volumeMasterControllerstacks_in_5415 { display: none; } #volumeMinstacks_in_5415 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5415 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5415[type=range], #volumeMinstacks_in_5415, #volumeMaxstacks_in_5415 { display: none; } #volumeMinstacks_in_5415, #volumeMaxstacks_in_5415 { cursor: pointer; } #volumestacks_in_5415:hover #volumeMinstacks_in_5415, #volumestacks_in_5415:hover #volumeMaxstacks_in_5415, #volumestacks_in_5415:hover #volume-barstacks_in_5415 { display: inline; } #volume-barstacks_in_5415[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5415[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5415[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_5415[type=range]:focus { outline: none; } #volume-barstacks_in_5415[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5415[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5415[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5415[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5415[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5415[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5415[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5415[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5415[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: 28px; 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_5415 { padding: 0px 0px 6px 0px; } #stacks_in_5309 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player3 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5416 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5416 { order: 0; } #playstacks_in_5416 { order: 2; display: block; } #pausestacks_in_5416 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5416 { order: 1; } #skipForwardstacks_in_5416 { order: 3; } #timingstacks_in_5416 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5416 { order: 7; } #contractFromFullScreenstacks_in_5416 { order: 7; display: none /* Start hidden */ } #toolbar-player3 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player3 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player3 .media-button a, #toolbar-player3 .media-button { font-size: 11px; 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(153, 153, 153, 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_5416 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player3 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player3 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player3 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5416 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5416 { display: none !important; } #volumestacks_in_5416:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5416 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5416:hover #volumeMasterControllerstacks_in_5416 { display: none; } #volumeMinstacks_in_5416 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5416 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5416[type=range], #volumeMinstacks_in_5416, #volumeMaxstacks_in_5416 { display: none; } #volumeMinstacks_in_5416, #volumeMaxstacks_in_5416 { cursor: pointer; } #volumestacks_in_5416:hover #volumeMinstacks_in_5416, #volumestacks_in_5416:hover #volumeMaxstacks_in_5416, #volumestacks_in_5416:hover #volume-barstacks_in_5416 { display: inline; } #volume-barstacks_in_5416[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5416[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5416[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_5416[type=range]:focus { outline: none; } #volume-barstacks_in_5416[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5416[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5416[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5416[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5416[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5416[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5416[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5416[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5416[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: 28px; 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_5416 { padding: 0px 0px 6px 0px; } #stacks_in_5319 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player4 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5417 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5417 { order: 0; } #playstacks_in_5417 { order: 2; display: block; } #pausestacks_in_5417 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5417 { order: 1; } #skipForwardstacks_in_5417 { order: 3; } #timingstacks_in_5417 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5417 { order: 7; } #contractFromFullScreenstacks_in_5417 { order: 7; display: none /* Start hidden */ } #toolbar-player4 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player4 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player4 .media-button a, #toolbar-player4 .media-button { font-size: 11px; 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(153, 153, 153, 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_5417 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player4 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player4 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player4 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5417 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5417 { display: none !important; } #volumestacks_in_5417:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5417 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5417:hover #volumeMasterControllerstacks_in_5417 { display: none; } #volumeMinstacks_in_5417 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5417 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5417[type=range], #volumeMinstacks_in_5417, #volumeMaxstacks_in_5417 { display: none; } #volumeMinstacks_in_5417, #volumeMaxstacks_in_5417 { cursor: pointer; } #volumestacks_in_5417:hover #volumeMinstacks_in_5417, #volumestacks_in_5417:hover #volumeMaxstacks_in_5417, #volumestacks_in_5417:hover #volume-barstacks_in_5417 { display: inline; } #volume-barstacks_in_5417[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5417[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5417[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_5417[type=range]:focus { outline: none; } #volume-barstacks_in_5417[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5417[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5417[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5417[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5417[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5417[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5417[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5417[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5417[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: 28px; 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_5417 { padding: 0px 0px 6px 0px; } #stacks_in_5329 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player5 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5418 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5418 { order: 0; } #playstacks_in_5418 { order: 2; display: block; } #pausestacks_in_5418 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5418 { order: 1; } #skipForwardstacks_in_5418 { order: 3; } #timingstacks_in_5418 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5418 { order: 7; } #contractFromFullScreenstacks_in_5418 { order: 7; display: none /* Start hidden */ } #toolbar-player5 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player5 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player5 .media-button a, #toolbar-player5 .media-button { font-size: 11px; 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(153, 153, 153, 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_5418 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player5 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player5 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player5 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5418 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5418 { display: none !important; } #volumestacks_in_5418:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5418 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5418:hover #volumeMasterControllerstacks_in_5418 { display: none; } #volumeMinstacks_in_5418 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5418 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5418[type=range], #volumeMinstacks_in_5418, #volumeMaxstacks_in_5418 { display: none; } #volumeMinstacks_in_5418, #volumeMaxstacks_in_5418 { cursor: pointer; } #volumestacks_in_5418:hover #volumeMinstacks_in_5418, #volumestacks_in_5418:hover #volumeMaxstacks_in_5418, #volumestacks_in_5418:hover #volume-barstacks_in_5418 { display: inline; } #volume-barstacks_in_5418[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5418[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5418[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_5418[type=range]:focus { outline: none; } #volume-barstacks_in_5418[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5418[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5418[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5418[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5418[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5418[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5418[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5418[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5418[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: 28px; 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_5418 { padding: 0px 0px 6px 0px; } #stacks_in_5349 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player6 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5419 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5419 { order: 0; } #playstacks_in_5419 { order: 2; display: block; } #pausestacks_in_5419 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5419 { order: 1; } #skipForwardstacks_in_5419 { order: 3; } #timingstacks_in_5419 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5419 { order: 7; } #contractFromFullScreenstacks_in_5419 { order: 7; display: none /* Start hidden */ } #toolbar-player6 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player6 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player6 .media-button a, #toolbar-player6 .media-button { font-size: 11px; 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(153, 153, 153, 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_5419 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player6 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player6 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player6 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5419 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5419 { display: none !important; } #volumestacks_in_5419:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5419 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5419:hover #volumeMasterControllerstacks_in_5419 { display: none; } #volumeMinstacks_in_5419 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5419 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5419[type=range], #volumeMinstacks_in_5419, #volumeMaxstacks_in_5419 { display: none; } #volumeMinstacks_in_5419, #volumeMaxstacks_in_5419 { cursor: pointer; } #volumestacks_in_5419:hover #volumeMinstacks_in_5419, #volumestacks_in_5419:hover #volumeMaxstacks_in_5419, #volumestacks_in_5419:hover #volume-barstacks_in_5419 { display: inline; } #volume-barstacks_in_5419[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5419[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5419[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_5419[type=range]:focus { outline: none; } #volume-barstacks_in_5419[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5419[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5419[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5419[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5419[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5419[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5419[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5419[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5419[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: 28px; 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_5419 { padding: 0px 0px 6px 0px; } #stacks_in_5339 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player7 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5420 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5420 { order: 0; } #playstacks_in_5420 { order: 2; display: block; } #pausestacks_in_5420 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5420 { order: 1; } #skipForwardstacks_in_5420 { order: 3; } #timingstacks_in_5420 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5420 { order: 7; } #contractFromFullScreenstacks_in_5420 { order: 7; display: none /* Start hidden */ } #toolbar-player7 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player7 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player7 .media-button a, #toolbar-player7 .media-button { font-size: 11px; 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(153, 153, 153, 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_5420 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player7 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player7 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player7 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5420 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5420 { display: none !important; } #volumestacks_in_5420:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5420 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5420:hover #volumeMasterControllerstacks_in_5420 { display: none; } #volumeMinstacks_in_5420 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5420 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5420[type=range], #volumeMinstacks_in_5420, #volumeMaxstacks_in_5420 { display: none; } #volumeMinstacks_in_5420, #volumeMaxstacks_in_5420 { cursor: pointer; } #volumestacks_in_5420:hover #volumeMinstacks_in_5420, #volumestacks_in_5420:hover #volumeMaxstacks_in_5420, #volumestacks_in_5420:hover #volume-barstacks_in_5420 { display: inline; } #volume-barstacks_in_5420[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5420[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5420[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_5420[type=range]:focus { outline: none; } #volume-barstacks_in_5420[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5420[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5420[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5420[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5420[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5420[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5420[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5420[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5420[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: 28px; 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_5420 { padding: 0px 0px 6px 0px; } #stacks_in_5359 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player8 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5421 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5421 { order: 0; } #playstacks_in_5421 { order: 2; display: block; } #pausestacks_in_5421 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5421 { order: 1; } #skipForwardstacks_in_5421 { order: 3; } #timingstacks_in_5421 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5421 { order: 7; } #contractFromFullScreenstacks_in_5421 { order: 7; display: none /* Start hidden */ } #toolbar-player8 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player8 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player8 .media-button a, #toolbar-player8 .media-button { font-size: 11px; 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(153, 153, 153, 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_5421 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player8 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player8 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player8 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5421 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5421 { display: none !important; } #volumestacks_in_5421:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5421 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5421:hover #volumeMasterControllerstacks_in_5421 { display: none; } #volumeMinstacks_in_5421 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5421 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5421[type=range], #volumeMinstacks_in_5421, #volumeMaxstacks_in_5421 { display: none; } #volumeMinstacks_in_5421, #volumeMaxstacks_in_5421 { cursor: pointer; } #volumestacks_in_5421:hover #volumeMinstacks_in_5421, #volumestacks_in_5421:hover #volumeMaxstacks_in_5421, #volumestacks_in_5421:hover #volume-barstacks_in_5421 { display: inline; } #volume-barstacks_in_5421[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5421[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5421[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_5421[type=range]:focus { outline: none; } #volume-barstacks_in_5421[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5421[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5421[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5421[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5421[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5421[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5421[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5421[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5421[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: 28px; 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_5421 { padding: 0px 0px 6px 0px; } #stacks_in_5369 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player9 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5422 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5422 { order: 0; } #playstacks_in_5422 { order: 2; display: block; } #pausestacks_in_5422 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5422 { order: 1; } #skipForwardstacks_in_5422 { order: 3; } #timingstacks_in_5422 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5422 { order: 7; } #contractFromFullScreenstacks_in_5422 { order: 7; display: none /* Start hidden */ } #toolbar-player9 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player9 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player9 .media-button a, #toolbar-player9 .media-button { font-size: 11px; 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(153, 153, 153, 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_5422 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player9 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player9 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player9 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5422 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5422 { display: none !important; } #volumestacks_in_5422:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5422 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5422:hover #volumeMasterControllerstacks_in_5422 { display: none; } #volumeMinstacks_in_5422 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5422 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5422[type=range], #volumeMinstacks_in_5422, #volumeMaxstacks_in_5422 { display: none; } #volumeMinstacks_in_5422, #volumeMaxstacks_in_5422 { cursor: pointer; } #volumestacks_in_5422:hover #volumeMinstacks_in_5422, #volumestacks_in_5422:hover #volumeMaxstacks_in_5422, #volumestacks_in_5422:hover #volume-barstacks_in_5422 { display: inline; } #volume-barstacks_in_5422[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5422[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5422[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_5422[type=range]:focus { outline: none; } #volume-barstacks_in_5422[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5422[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5422[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5422[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5422[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5422[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5422[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5422[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5422[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: 28px; 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_5422 { padding: 0px 0px 6px 0px; } #stacks_in_5379 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player10 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5423 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5423 { order: 0; } #playstacks_in_5423 { order: 2; display: block; } #pausestacks_in_5423 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5423 { order: 1; } #skipForwardstacks_in_5423 { order: 3; } #timingstacks_in_5423 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5423 { order: 7; } #contractFromFullScreenstacks_in_5423 { order: 7; display: none /* Start hidden */ } #toolbar-player10 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player10 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player10 .media-button a, #toolbar-player10 .media-button { font-size: 11px; 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(153, 153, 153, 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_5423 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player10 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player10 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player10 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5423 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5423 { display: none !important; } #volumestacks_in_5423:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5423 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5423:hover #volumeMasterControllerstacks_in_5423 { display: none; } #volumeMinstacks_in_5423 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5423 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5423[type=range], #volumeMinstacks_in_5423, #volumeMaxstacks_in_5423 { display: none; } #volumeMinstacks_in_5423, #volumeMaxstacks_in_5423 { cursor: pointer; } #volumestacks_in_5423:hover #volumeMinstacks_in_5423, #volumestacks_in_5423:hover #volumeMaxstacks_in_5423, #volumestacks_in_5423:hover #volume-barstacks_in_5423 { display: inline; } #volume-barstacks_in_5423[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5423[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5423[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_5423[type=range]:focus { outline: none; } #volume-barstacks_in_5423[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5423[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5423[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5423[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5423[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5423[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5423[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5423[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5423[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: 28px; 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_5423 { padding: 0px 0px 6px 0px; } #stacks_in_5389 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player11 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5424 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5424 { order: 0; } #playstacks_in_5424 { order: 2; display: block; } #pausestacks_in_5424 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5424 { order: 1; } #skipForwardstacks_in_5424 { order: 3; } #timingstacks_in_5424 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5424 { order: 7; } #contractFromFullScreenstacks_in_5424 { order: 7; display: none /* Start hidden */ } #toolbar-player11 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player11 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player11 .media-button a, #toolbar-player11 .media-button { font-size: 11px; 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(153, 153, 153, 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_5424 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player11 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player11 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player11 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5424 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5424 { display: none !important; } #volumestacks_in_5424:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5424 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5424:hover #volumeMasterControllerstacks_in_5424 { display: none; } #volumeMinstacks_in_5424 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5424 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5424[type=range], #volumeMinstacks_in_5424, #volumeMaxstacks_in_5424 { display: none; } #volumeMinstacks_in_5424, #volumeMaxstacks_in_5424 { cursor: pointer; } #volumestacks_in_5424:hover #volumeMinstacks_in_5424, #volumestacks_in_5424:hover #volumeMaxstacks_in_5424, #volumestacks_in_5424:hover #volume-barstacks_in_5424 { display: inline; } #volume-barstacks_in_5424[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5424[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5424[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_5424[type=range]:focus { outline: none; } #volume-barstacks_in_5424[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5424[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5424[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5424[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5424[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5424[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5424[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5424[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5424[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: 28px; 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_5424 { padding: 0px 0px 6px 0px; } #stacks_in_5399 { padding: 0px 0px 22px 10px; } #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(51, 51, 51, 1.00); } #mediaFrame-player12 { padding-bottom: 66.00%; } #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 */ #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(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(0, 0, 0, 1.00) 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: 28px; 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_5425 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #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; } #replaystacks_in_5425 { order: 0; } #playstacks_in_5425 { order: 2; display: block; } #pausestacks_in_5425 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5425 { order: 1; } #skipForwardstacks_in_5425 { order: 3; } #timingstacks_in_5425 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5425 { order: 7; } #contractFromFullScreenstacks_in_5425 { order: 7; display: none /* Start hidden */ } #toolbar-player12 [class^="fa fa-"] { display: block; line-height: 28px; height: 28px; width: 28px; 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, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player12 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player12 .media-button a, #toolbar-player12 .media-button { font-size: 11px; 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(153, 153, 153, 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_5425 { 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: 11px; line-height: 28px; color: rgba(255, 255, 255, 1.00); height: 28px; min-width: 50px; text-align: center; padding: 0 4px; margin: 0; } #toolbar-player12 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player12 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 11px; margin: 0; border: none; padding: 0; display: block; border-radius: 11px; background: rgba(128, 128, 128, 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: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player12 .progress { background-color: rgba(82, 157, 225, 1.00); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* @group Volume */ #volumestacks_in_5425 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5425 { display: none !important; } #volumestacks_in_5425:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5425 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5425:hover #volumeMasterControllerstacks_in_5425 { display: none; } #volumeMinstacks_in_5425 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5425 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5425[type=range], #volumeMinstacks_in_5425, #volumeMaxstacks_in_5425 { display: none; } #volumeMinstacks_in_5425, #volumeMaxstacks_in_5425 { cursor: pointer; } #volumestacks_in_5425:hover #volumeMinstacks_in_5425, #volumestacks_in_5425:hover #volumeMaxstacks_in_5425, #volumestacks_in_5425:hover #volume-barstacks_in_5425 { display: inline; } #volume-barstacks_in_5425[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5425[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5425[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_5425[type=range]:focus { outline: none; } #volume-barstacks_in_5425[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5425[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5425[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5425[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5425[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5425[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5425[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5425[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5425[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: 28px; 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_5425 { padding: 0px 0px 6px 0px; } #stacks_in_5403 { padding: 0px 0px 22px 10px; }