#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_5534 { -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_5534 { 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_5534 span, #sideMenuToggle_stacks_in_5534 i { vertical-align: middle; } #sideMenuToggle_stacks_in_5534 span { font-size: 24px; } #sideMenuToggle_stacks_in_5534 i { font-size: 30px; } #sideMenuContainer_stacks_in_5534:before, #sideMenuContainer_stacks_in_5534:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: 0; opacity: 1; display: block; position: absolute; } #sideMenuContainer_stacks_in_5534:before { /* */ background: #FB0207; /* */ /* */ /* */ } #sideMenuContainer_stacks_in_5534:after { /* */ } #sideMenu_stacks_in_5534 { opacity: 1; padding: 2px 8px 2px 8px; /* */ text-align: left; /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenu_stacks_in_5534 .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_5534 .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_5534 #cssmenu, #sideMenu_stacks_in_5534 #cssmenu ul, #sideMenu_stacks_in_5534 #cssmenu ul li, #sideMenu_stacks_in_5534 #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_5534 #cssmenu { width: 100%; font-family: inherit; } #sideMenu_stacks_in_5534 #cssmenu ul > li a small { display: block; margin-top: 7px; font-size: 14px; color: rgba(255, 255, 255, 0.60); } #sideMenu_stacks_in_5534 #cssmenu ul ul li a small { display: block; margin-top: 7px; font-size: 14px; /* */ color: rgba(255, 255, 255, 0.60); /* */ } #sideMenu_stacks_in_5534 #cssmenu ul > li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenu_stacks_in_5534 #cssmenu ul ul li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenuContainer_stacks_in_5534 #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_5534 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon, #sideMenuContainer_stacks_in_5534 #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_5534 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5534 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_5534.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon, #sideMenuContainer_stacks_in_5534.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_5534.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_5534.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5534.open #cssmenu ul > li.has-sub > a i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5534.open #cssmenu ul > li.has-sub > a i.dropdown-close-icon { opacity: 0; visibility: hidden; } /* */ #sideMenu_stacks_in_5534 #cssmenu ul > li.has-sub > a { /* */ padding: 2px 24px 2px 8px; /* */ /* */ /* */ } #sideMenu_stacks_in_5534 #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_5534 #cssmenu > ul > li > a:first-child { margin-top: 0; } #sideMenu_stacks_in_5534 #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_5534 #cssmenu ul ul li a { /* */ padding-left: 23px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5534 #cssmenu ul ul ul li a { /* */ padding-left: 38px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5534 #cssmenu ul ul ul ul li a { /* */ padding-left: 53px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5534 #cssmenu ul ul ul ul ul li a { /* */ padding-left: 68px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5534 #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_5534 { /* */ /* */ left: 0; right: 0; width: 100%; position: fixed; z-index: 999999999; /* */ /* */ /* */ text-align: right; /* */ /* */ top: 0; /* */ padding: 8px 8px 8px 8px; } #sideMenuToggle_stacks_in_5534:hover { cursor: pointer; color: #FFFFFF; /* */ background: #FB0207; /* */ /* */ /* */ } #sideMenu_stacks_in_5534 .close-icon i:hover { /* */ /* */ -webkit-transform: rotate(-180deg); transform: rotate(-180deg); /* */ /* */ } #sideMenuContainer_stacks_in_5534 { 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_5534 { max-width: 170px; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_5534 { max-width: 300px; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_5534 { max-width: 300px; } } /* */ /* */ #sideMenuContainer_stacks_in_5534:before, #sideMenuContainer_stacks_in_5534:after { content: ''; z-index: -1; width: 100%; height: 120%; transition: opacity 0.1s ease-in; } #sideMenuContainer_stacks_in_5534.open { right: 0; opacity: 1; visibility: visible; transition: 0.2s ease-out; } #sideMenuContainer_stacks_in_5534.open:before { visibility: visible; opacity: 0.9; transition: opacity 0.1s ease; } #sideMenuContainer_stacks_in_5534.open .close-icon { opacity: 1; transition-delay: 0.4s; } #sideMenuContainer_stacks_in_5534.open #cssmenu { opacity: 1; visibility: visible; transition-delay: 0.4s; transition: all 0.3s ease; } #sideMenu_stacks_in_5534 { 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_5534 #cssmenu ul ul { display: none; } #sideMenu_stacks_in_5534 #cssmenu > ul > li.active > ul { display: block; } #sideMenuContainer_stacks_in_5534 #cssmenu > ul > li { right: -100%; opacity: 0; transition: left 0.3s ease; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li { right: 0%; opacity: 1; transition: all 0.3s ease; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(1) { transition-delay: 0.2s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(2) { transition-delay: 0.3s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(3) { transition-delay: 0.4s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(4) { transition-delay: 0.5s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(5) { transition-delay: 0.6s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(6) { transition-delay: 0.7s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(7) { transition-delay: 0.8s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(8) { transition-delay: 0.9s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(9) { transition-delay: 1s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(10) { transition-delay: 1.1s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(11) { transition-delay: 1.2s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(12) { transition-delay: 1.3s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(13) { transition-delay: 1.4s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(14) { transition-delay: 1.5s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(15) { transition-delay: 1.6s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(16) { transition-delay: 1.7s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(17) { transition-delay: 1.8s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(18) { transition-delay: 1.9s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(19) { transition-delay: 2s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(20) { transition-delay: 2.1s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(21) { transition-delay: 2.2s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(22) { transition-delay: 2.3s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(23) { transition-delay: 2.4s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(24) { transition-delay: 2.5s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(25) { transition-delay: 2.6s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(26) { transition-delay: 2.7s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(27) { transition-delay: 2.8s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(28) { transition-delay: 2.9s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(29) { transition-delay: 3s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(30) { transition-delay: 3.1s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(31) { transition-delay: 3.2s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(32) { transition-delay: 3.3s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(33) { transition-delay: 3.4s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(34) { transition-delay: 3.5s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(35) { transition-delay: 3.6s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(36) { transition-delay: 3.7s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(37) { transition-delay: 3.8s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(38) { transition-delay: 3.9s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(39) { transition-delay: 4s; } #sideMenuContainer_stacks_in_5534.open #cssmenu > ul > li:nth-child(40) { transition-delay: 4.1s; } #sideMenu_stacks_in_5534 #cssmenu ul > li a:hover small { font-size: 14px; color: rgba(0, 0, 0, 0.50); } #sideMenu_stacks_in_5534 #cssmenu ul ul li a:hover small { font-size: 14px; /* */ color: rgba(0, 0, 0, 0.50); /* */ } #sideMenu_stacks_in_5534 #cssmenu > ul > li > a:hover { color: #000000; /* */ background: none; /* */ /* */ /* */ } #sideMenu_stacks_in_5534 #cssmenu ul ul li a:hover { /* */ color: #000000; /* */ background: none; /* */ /* */ /* */ /* */ } @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_5534.hide-m, #sideMenuToggleContainer_stacks_in_5534.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_5534.hide-t, #sideMenuToggleContainer_stacks_in_5534.hide-t { display: none; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_5534.hide-d, #sideMenuToggleContainer_stacks_in_5534.hide-d { display: none; } } /* */ /* */ /* */ } #sideMenuItem_stacks_in_5538.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_5484 { 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_5484 .snav-list, #stacks_in_5484 .snav-toggle { pointer-events: all; } #stacks_in_5484 .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_5484.snav-right .snav-toggle { left: auto; right: 18px; } #stacks_in_5484 .snav-toggle svg { width: var(--iconSize); height: var(--iconSize); display: block; } #stacks_in_5484 .snav-list:not(.expanded) + .snav-toggle svg:nth-child(2), #stacks_in_5484 .snav-list.expanded + .snav-toggle svg:nth-child(1) { display: none; } #stacks_in_5484 .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_5484 .snav-list li { position: relative; display: block; padding: 0; margin: 0; list-style: none; } #stacks_in_5484 .snav-item .snav-link, #stacks_in_5484 .snav-item .snav-container, #stacks_in_5484 .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_5484 .top-tier .chevron { margin-left: auto; } #stacks_in_5484 .snav-item .sub-container { font-size: 14px; color: rgba(255, 255, 255, 1.00); line-height: 1.3; } #stacks_in_5484 .snav-item .snav-divider { padding: 0 var(--snhp1) 0 var(--snhp1); } #stacks_in_5484 .snav-item > .snav-container, #stacks_in_5484 .snav-item > .snav-link { color: rgba(255, 255, 255, 1.00); letter-spacing: -0.00em; word-spacing: -0.00em; font-weight: 500; } #stacks_in_5484 .snav-item:not(.custom-type):hover > .snav-container, #stacks_in_5484 .snav-item:hover > .snav-link { background-color: rgba(76, 76, 76, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_5484 .snav-item.top-tier > .snav-link, #stacks_in_5484 .snav-item.top-tier > .snav-container, #stacks_in_5484 .snav-item.top-tier > .snav-divider { display: grid; grid-template-columns: var(--iconSize) 1fr 12px; grid-gap: 0px; } #stacks_in_5484 .snav-item.top-tier > .snav-link, #stacks_in_5484 .snav-item.top-tier:not(.custom-type) > .snav-container, #stacks_in_5484.snav-collapsed .snav-item.top-tier.custom-type > .snav-container { cursor: pointer; } #stacks_in_5484 .snav-list:not(.expanded) .snav-item > .snav-divider, #stacks_in_5484 .snav-list.expanded .snav-item.no-title > .snav-divider { grid-template-columns: 1fr 0px; } #stacks_in_5484 .snav-list.expanded .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_5484 .snav-list .snav-item.custom-type > .snav-container { overflow: hidden; padding: 0px; } #stacks_in_5484 .snav-list .snav-item.custom-type > .snav-container .snav-icon, #stacks_in_5484 .snav-list .snav-item.custom-type > .snav-container .custom-expand { margin: 0; overflow: hidden; } #stacks_in_5484 .snav-list .snav-item.custom-type > .snav-container .custom-expand > div { width: 170px; } #stacks_in_5484 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 1fr 0px; } #stacks_in_5484 .snav-list.expanded .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_5484 .snav-list.expanded .snav-item.custom-type > .snav-container .snav-icon { opacity: 0; pointer-events: none; } #stacks_in_5484 .snav-item svg, #stacks_in_5484 .snav-item .snav-icon img { width: var(--iconSize); height: var(--iconSize); display: block; margin: 0 auto; max-width: none; } #stacks_in_5484 .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_5484 .snav-item.custom-type .snav-icon img { width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); height: auto; } #stacks_in_5484 .snav-icon svg { color: rgba(255, 255, 255, 1.00); } #stacks_in_5484 .snav-item:hover .snav-icon svg { color: rgba(255, 255, 255, 1.00); } #stacks_in_5484 .snav-icon svg.sn-fa, #stacks_in_5484 .snav-icon i.material-icons-two-tone { fill: currentColor; } #stacks_in_5484 .snav-icon svg { transform: translate3d(0,0,0) } #stacks_in_5484 .snav-icon svg:not(.sn-ii):not(.sn-fa):not(.material-icons) { fill: currentColor; stroke: currentColor; } #stacks_in_5484 .snav-icon i { color: rgba(255, 255, 255, 1.00); font-size: var(--iconSize); line-height: var(--iconSize); display: block; } #stacks_in_5484 .snav-item:hover .snav-icon i { color: rgba(255, 255, 255, 1.00); } #stacks_in_5484 .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_5484 .snav-icon:hover i.material-icons-two-tone:after { background: rgba(255, 255, 255, 1.00); } #stacks_in_5484 .chevron svg { width: 12px; fill: currentColor; } #stacks_in_5484 .snav-icon { margin: 0; } #stacks_in_5484 .snav-item hr { width: 100%; border-width: 0px; height: 1px; background-color: currentColor; opacity: 0.3; } #stacks_in_5484 .snav-divider .snav-title { opacity: 0.66; font-weight: bold; margin-left: calc(12px - var(--snhp1)); } #stacks_in_5484 .sub-container { border-radius: var(--rad); background: rgba(251, 2, 7, 1.00); } #stacks_in_5484 .sub-container li:nth-child(2) > a { border-radius: var(--rad) var(--rad) 0px 0px; } #stacks_in_5484 .sub-container li:last-child > a { border-radius: 0px 0px var(--rad) var(--rad); } #stacks_in_5484 .sub-container li:nth-child(2):last-child > a { border-radius: var(--rad); } #stacks_in_5484 .submenu { list-style: none; padding: 0; margin: 0; } #stacks_in_5484 .submenu li .snav-link { padding-left: calc(var(--snhp1) + 12px); } #stacks_in_5484 .submenu > *:not(.snav-item) { padding: 12px calc(var(--snhp1) + 12px); } #stacks_in_5484 .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_5484 .snav-list { display: flex; flex-direction: column; } #stacks_in_5484 .snav-list .snav-spacer { flex: 1; min-height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_5484 { position: fixed; top: 0; bottom: 0; left: 0; } #stacks_in_5484 { transform: translate3d(0,0,0); overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; max-width: 100%; width: calc(170px + 170px + 36px); } #stacks_in_5484::-webkit-scrollbar { width: 0; height: 0; } #stacks_in_5484.snav-right { left: auto; right: 0; } #stacks_in_5484 .subsnav-close > *, #stacks_in_5484 .snav-item:not(.custom-type) > .snav-container > *, #stacks_in_5484 .snav-link > *, #stacks_in_5484 .snav-item a * { pointer-events: none; } #stacks_in_5484.snav-right .top-tier .chevron { grid-column: 1; grid-row: 1; transform: rotate(180deg); } #stacks_in_5484.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_5484.snav-right .sub-container { left: auto; right: calc(100% + 8px); } #stacks_in_5484.snav-condensed { grid-template-rows: min-content; } #stacks_in_5484.snav-condensed .snav-list { padding: 0; border-radius: 0 var(--rad) var(--rad) 0; transform: translateY(0px); } #stacks_in_5484.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px var(--rad) 0px 0px; } #stacks_in_5484.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px var(--rad) 0px; } #stacks_in_5484.snav-right .snav-list { border-radius: 0; margin-left: auto; } #stacks_in_5484.snav-right.snav-condensed .snav-list { border-radius: var(--rad) 0px 0px var(--rad); } #stacks_in_5484.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: var(--rad) 0px 0px 0px; } #stacks_in_5484.snav-right.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px 0px var(--rad); } #stacks_in_5484.snav-condensed .sub-container { top: 0; transform: translateY(0%); } #stacks_in_5484.snav-condensed .snav-list { border-radius: 0 0 var(--rad) 0; } #stacks_in_5484.snav-right.snav-condensed .snav-list { border-radius: 0 0 0 var(--rad); } #stacks_in_5484.snav-condensed .snav-list > li:first-child > *:not(ul), #stacks_in_5484.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px; } #stacks_in_5484 .snav-list { min-height: 100%; width: calc(var(--snhp1) + 12px + var(--iconSize) + 12px + var(--snhp1)); } #stacks_in_5484 .snav-list.expanded { width: var(--snw); } #stacks_in_5484.snav-condensed .snav-list { min-height: 0px; } #stacks_in_5484 .snav-item .snav-link { height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_5484 .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_5484 .snav-item .snav-divider { height: var(--iconSize); } #stacks_in_5484 .snav-item.custom-type .snav-icon { height: auto; max-width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); } #stacks_in_5484 .snav-title { position: relative; overflow: hidden; height: 100%; white-space: nowrap; } #stacks_in_5484 .snav-title > div { padding-left: 8px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-overflow: ellipsis; overflow: hidden; } #stacks_in_5484 .snav-divider .snav-title > div { padding-left: 0; } #stacks_in_5484 .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_5484 .open .sub-container { display: block; } #stacks_in_5484 .snav-is-touch .submenu > .subsnav-close { display: block; } #stacks_in_5484:not(.snav-collapsed) .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: none; } #stacks_in_5484 .snav-is-touch .sub-container li:nth-child(2) > a, #stacks_in_5484 .snav-is-touch .sub-container li:nth-child(2):last-child > a { border-radius: 0px; } @media all and (max-width: 2000px) { #stacks_in_5484 .snav-list:not(.expanded) { width: 0; overflow: hidden; } #stacks_in_5484 .snav-toggle { display: block; transition: transform 0.3s ease; } #stacks_in_5484 .snav-list.expanded + .snav-toggle { transform: translateX(160px); } #stacks_in_5484.snav-right .snav-list.expanded + .snav-toggle { transform: translateX(-160px); } #stacks_in_5484 .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: all; } #stacks_in_5484 .snav-list:not(.expanded) .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_5484 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_5484 .snav-list .snav-item.custom-type > .snav-container > .snav-icon { opacity: 0; } #stacks_in_5484 .snav-list .snav-item.custom-type > .snav-container > .snav-icon > * { display: none; } #stacks_in_5484 .sub-container { z-index: 3; } } #stacks_in_5487 { position: relative; user-select: none; } i#stacks_in_5487, svg#stacks_in_5487 { position: relative; display: block; text-align: center; } #stacks_in_5494 { position: relative; user-select: none; } i#stacks_in_5494, svg#stacks_in_5494 { position: relative; display: block; text-align: center; } #stacks_in_5497 { position: relative; user-select: none; } i#stacks_in_5497, svg#stacks_in_5497 { position: relative; display: block; text-align: center; } #stacks_in_5500 { position: relative; user-select: none; } i#stacks_in_5500, svg#stacks_in_5500 { position: relative; display: block; text-align: center; } #stacks_in_5510 { position: relative; user-select: none; } i#stacks_in_5510, svg#stacks_in_5510 { position: relative; display: block; text-align: center; } #stacks_in_5513 { position: relative; user-select: none; } i#stacks_in_5513, svg#stacks_in_5513 { position: relative; display: block; text-align: center; } #stacks_in_5516 { position: relative; user-select: none; } i#stacks_in_5516, svg#stacks_in_5516 { position: relative; display: block; text-align: center; } #fullScreenWrapper-player13 { width: 100%; } #playerWrapper-player13 { display: block; position: relative; } #playerWrapper-player13 *, #playerWrapper-player13 *:before, #playerWrapper-player13 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player13 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player13 { padding-bottom: 66.00%; } #playerWrapper-player13 #media-player13 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player13 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player13 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player13 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player13 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player13 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player13 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player13 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player13 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player13 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player13 { position: relative; z-index: 4; width: 100%; } #toolbar-player13 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player13 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player13 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player13:hover #toolbar-player13 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player13.playerInFullScreenMode:hover #toolbar-player13, #playerWrapper-player13.playerInFullScreenMode #toolbar-player13 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player13.playerInFullScreenMode #toolbar-player13.toolbarHovered, .playerTouchDevice #playerWrapper-player13.playerInFullScreenMode #toolbar-player13 { opacity: 1.00; } */ #playerWrapper-player13.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5411 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player13 .media-button, #toolbar-player13 .timingContent { line-height: 45px; } #toolbar-player13 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player13 span.time, #media-controls-player13 span.player-extra-element, #media-controls-player13 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player13 [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-player13 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player13 .media-button a, #toolbar-player13 .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-player13 span.media-button a:hover, #media-controls-player13 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player13 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player13 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5411 { display: flex; flex: 1; align-items: center; } #toolbar-player13 .duration, #toolbar-player13 .scrubberWrapper, #toolbar-player13 .time { /* display: table-cell; */ } #toolbar-player13 .time, #toolbar-player13 .duration { font-size: 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-player13 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player13 .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-player13 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player13 .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-player13.playerInFullScreenMode, #fullScreenWrapper-player13.playerInFullScreenMode #playerWrapper-player13 { height: 100%; } #fullScreenWrapper-player13.playerInFullScreenMode #mediaFrame-player13 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player13.playerInFullScreenMode player13 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player13.playerInFullScreenMode #toolbar-player13 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player13.playerInFullScreenMode #toolbar-player13.toolbarVisible { display: flex; } #fullScreenWrapper-player13.playerInFullScreenMode #PlayerCaptionsBarplayer13 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player13.playerInFullScreenMode #PlayerCaptionsBarplayer13.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player13 #fullscreenHoverRegion-player13 { display: none; } #fullScreenWrapper-player13.playerInFullScreenMode #fullscreenHoverRegion-player13 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5411 { padding: 0px 0px 6px 0px; } #stacks_in_5299 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player14 { width: 100%; } #playerWrapper-player14 { display: block; position: relative; } #playerWrapper-player14 *, #playerWrapper-player14 *:before, #playerWrapper-player14 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player14 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player14 { padding-bottom: 66.00%; } #playerWrapper-player14 #media-player14 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player14 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player14 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player14 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player14 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player14 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player14 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player14 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player14 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player14 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player14 { position: relative; z-index: 4; width: 100%; } #toolbar-player14 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player14 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player14 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player14:hover #toolbar-player14 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player14.playerInFullScreenMode:hover #toolbar-player14, #playerWrapper-player14.playerInFullScreenMode #toolbar-player14 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player14.playerInFullScreenMode #toolbar-player14.toolbarHovered, .playerTouchDevice #playerWrapper-player14.playerInFullScreenMode #toolbar-player14 { opacity: 1.00; } */ #playerWrapper-player14.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5412 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player14 .media-button, #toolbar-player14 .timingContent { line-height: 45px; } #toolbar-player14 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player14 span.time, #media-controls-player14 span.player-extra-element, #media-controls-player14 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #replaystacks_in_5412 { order: 0; } #playstacks_in_5412 { order: 2; display: block; } #pausestacks_in_5412 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5412 { order: 1; } #skipForwardstacks_in_5412 { order: 3; } #timingstacks_in_5412 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5412 { order: 7; } #contractFromFullScreenstacks_in_5412 { order: 7; display: none /* Start hidden */ } #toolbar-player14 [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-player14 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player14 .media-button a, #toolbar-player14 .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-player14 span.media-button a:hover, #media-controls-player14 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player14 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player14 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5412 { display: flex; flex: 1; align-items: center; } #toolbar-player14 .duration, #toolbar-player14 .scrubberWrapper, #toolbar-player14 .time { /* display: table-cell; */ } #toolbar-player14 .time, #toolbar-player14 .duration { font-size: 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-player14 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player14 .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-player14 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player14 .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_5412 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5412 { display: none !important; } #volumestacks_in_5412:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5412 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5412:hover #volumeMasterControllerstacks_in_5412 { display: none; } #volumeMinstacks_in_5412 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5412 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5412[type=range], #volumeMinstacks_in_5412, #volumeMaxstacks_in_5412 { display: none; } #volumeMinstacks_in_5412, #volumeMaxstacks_in_5412 { cursor: pointer; } #volumestacks_in_5412:hover #volumeMinstacks_in_5412, #volumestacks_in_5412:hover #volumeMaxstacks_in_5412, #volumestacks_in_5412:hover #volume-barstacks_in_5412 { display: inline; } #volume-barstacks_in_5412[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5412[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5412[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_5412[type=range]:focus { outline: none; } #volume-barstacks_in_5412[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5412[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5412[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5412[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5412[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5412[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5412[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5412[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5412[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player14.playerInFullScreenMode, #fullScreenWrapper-player14.playerInFullScreenMode #playerWrapper-player14 { height: 100%; } #fullScreenWrapper-player14.playerInFullScreenMode #mediaFrame-player14 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player14.playerInFullScreenMode player14 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player14.playerInFullScreenMode #toolbar-player14 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player14.playerInFullScreenMode #toolbar-player14.toolbarVisible { display: flex; } #fullScreenWrapper-player14.playerInFullScreenMode #PlayerCaptionsBarplayer14 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player14.playerInFullScreenMode #PlayerCaptionsBarplayer14.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player14 #fullscreenHoverRegion-player14 { display: none; } #fullScreenWrapper-player14.playerInFullScreenMode #fullscreenHoverRegion-player14 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5412 { padding: 0px 0px 6px 0px; } #stacks_in_5309 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player15 { width: 100%; } #playerWrapper-player15 { display: block; position: relative; } #playerWrapper-player15 *, #playerWrapper-player15 *:before, #playerWrapper-player15 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player15 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player15 { padding-bottom: 66.00%; } #playerWrapper-player15 #media-player15 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player15 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player15 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player15 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player15 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player15 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player15 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player15 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player15 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player15 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player15 { position: relative; z-index: 4; width: 100%; } #toolbar-player15 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player15 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player15 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player15:hover #toolbar-player15 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player15.playerInFullScreenMode:hover #toolbar-player15, #playerWrapper-player15.playerInFullScreenMode #toolbar-player15 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player15.playerInFullScreenMode #toolbar-player15.toolbarHovered, .playerTouchDevice #playerWrapper-player15.playerInFullScreenMode #toolbar-player15 { opacity: 1.00; } */ #playerWrapper-player15.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5413 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player15 .media-button, #toolbar-player15 .timingContent { line-height: 45px; } #toolbar-player15 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player15 span.time, #media-controls-player15 span.player-extra-element, #media-controls-player15 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #replaystacks_in_5413 { order: 0; } #playstacks_in_5413 { order: 2; display: block; } #pausestacks_in_5413 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5413 { order: 1; } #skipForwardstacks_in_5413 { order: 3; } #timingstacks_in_5413 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5413 { order: 7; } #contractFromFullScreenstacks_in_5413 { order: 7; display: none /* Start hidden */ } #toolbar-player15 [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-player15 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player15 .media-button a, #toolbar-player15 .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-player15 span.media-button a:hover, #media-controls-player15 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player15 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player15 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5413 { display: flex; flex: 1; align-items: center; } #toolbar-player15 .duration, #toolbar-player15 .scrubberWrapper, #toolbar-player15 .time { /* display: table-cell; */ } #toolbar-player15 .time, #toolbar-player15 .duration { font-size: 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-player15 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player15 .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-player15 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player15 .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_5413 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5413 { display: none !important; } #volumestacks_in_5413:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5413 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5413:hover #volumeMasterControllerstacks_in_5413 { display: none; } #volumeMinstacks_in_5413 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5413 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5413[type=range], #volumeMinstacks_in_5413, #volumeMaxstacks_in_5413 { display: none; } #volumeMinstacks_in_5413, #volumeMaxstacks_in_5413 { cursor: pointer; } #volumestacks_in_5413:hover #volumeMinstacks_in_5413, #volumestacks_in_5413:hover #volumeMaxstacks_in_5413, #volumestacks_in_5413:hover #volume-barstacks_in_5413 { display: inline; } #volume-barstacks_in_5413[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5413[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5413[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_5413[type=range]:focus { outline: none; } #volume-barstacks_in_5413[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5413[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5413[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5413[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5413[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5413[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5413[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5413[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5413[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player15.playerInFullScreenMode, #fullScreenWrapper-player15.playerInFullScreenMode #playerWrapper-player15 { height: 100%; } #fullScreenWrapper-player15.playerInFullScreenMode #mediaFrame-player15 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player15.playerInFullScreenMode player15 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player15.playerInFullScreenMode #toolbar-player15 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player15.playerInFullScreenMode #toolbar-player15.toolbarVisible { display: flex; } #fullScreenWrapper-player15.playerInFullScreenMode #PlayerCaptionsBarplayer15 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player15.playerInFullScreenMode #PlayerCaptionsBarplayer15.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player15 #fullscreenHoverRegion-player15 { display: none; } #fullScreenWrapper-player15.playerInFullScreenMode #fullscreenHoverRegion-player15 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5413 { padding: 0px 0px 6px 0px; } #stacks_in_5319 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player16 { width: 100%; } #playerWrapper-player16 { display: block; position: relative; } #playerWrapper-player16 *, #playerWrapper-player16 *:before, #playerWrapper-player16 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player16 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player16 { padding-bottom: 66.00%; } #playerWrapper-player16 #media-player16 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player16 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player16 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player16 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player16 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player16 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player16 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player16 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player16 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player16 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player16 { position: relative; z-index: 4; width: 100%; } #toolbar-player16 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player16 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player16 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player16:hover #toolbar-player16 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player16.playerInFullScreenMode:hover #toolbar-player16, #playerWrapper-player16.playerInFullScreenMode #toolbar-player16 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player16.playerInFullScreenMode #toolbar-player16.toolbarHovered, .playerTouchDevice #playerWrapper-player16.playerInFullScreenMode #toolbar-player16 { opacity: 1.00; } */ #playerWrapper-player16.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5414 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player16 .media-button, #toolbar-player16 .timingContent { line-height: 45px; } #toolbar-player16 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player16 span.time, #media-controls-player16 span.player-extra-element, #media-controls-player16 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #replaystacks_in_5414 { order: 0; } #playstacks_in_5414 { order: 2; display: block; } #pausestacks_in_5414 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5414 { order: 1; } #skipForwardstacks_in_5414 { order: 3; } #timingstacks_in_5414 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5414 { order: 7; } #contractFromFullScreenstacks_in_5414 { order: 7; display: none /* Start hidden */ } #toolbar-player16 [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-player16 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player16 .media-button a, #toolbar-player16 .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-player16 span.media-button a:hover, #media-controls-player16 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player16 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player16 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5414 { display: flex; flex: 1; align-items: center; } #toolbar-player16 .duration, #toolbar-player16 .scrubberWrapper, #toolbar-player16 .time { /* display: table-cell; */ } #toolbar-player16 .time, #toolbar-player16 .duration { font-size: 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-player16 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player16 .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-player16 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player16 .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_5414 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5414 { display: none !important; } #volumestacks_in_5414:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5414 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5414:hover #volumeMasterControllerstacks_in_5414 { display: none; } #volumeMinstacks_in_5414 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5414 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5414[type=range], #volumeMinstacks_in_5414, #volumeMaxstacks_in_5414 { display: none; } #volumeMinstacks_in_5414, #volumeMaxstacks_in_5414 { cursor: pointer; } #volumestacks_in_5414:hover #volumeMinstacks_in_5414, #volumestacks_in_5414:hover #volumeMaxstacks_in_5414, #volumestacks_in_5414:hover #volume-barstacks_in_5414 { display: inline; } #volume-barstacks_in_5414[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5414[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5414[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_5414[type=range]:focus { outline: none; } #volume-barstacks_in_5414[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5414[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5414[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5414[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5414[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5414[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5414[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5414[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5414[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player16.playerInFullScreenMode, #fullScreenWrapper-player16.playerInFullScreenMode #playerWrapper-player16 { height: 100%; } #fullScreenWrapper-player16.playerInFullScreenMode #mediaFrame-player16 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player16.playerInFullScreenMode player16 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player16.playerInFullScreenMode #toolbar-player16 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player16.playerInFullScreenMode #toolbar-player16.toolbarVisible { display: flex; } #fullScreenWrapper-player16.playerInFullScreenMode #PlayerCaptionsBarplayer16 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player16.playerInFullScreenMode #PlayerCaptionsBarplayer16.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player16 #fullscreenHoverRegion-player16 { display: none; } #fullScreenWrapper-player16.playerInFullScreenMode #fullscreenHoverRegion-player16 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5414 { padding: 0px 0px 6px 0px; } #stacks_in_5329 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player17 { width: 100%; } #playerWrapper-player17 { display: block; position: relative; } #playerWrapper-player17 *, #playerWrapper-player17 *:before, #playerWrapper-player17 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player17 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player17 { padding-bottom: 66.00%; } #playerWrapper-player17 #media-player17 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player17 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player17 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player17 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player17 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player17 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player17 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player17 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player17 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player17 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player17 { position: relative; z-index: 4; width: 100%; } #toolbar-player17 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player17 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player17 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player17:hover #toolbar-player17 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player17.playerInFullScreenMode:hover #toolbar-player17, #playerWrapper-player17.playerInFullScreenMode #toolbar-player17 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player17.playerInFullScreenMode #toolbar-player17.toolbarHovered, .playerTouchDevice #playerWrapper-player17.playerInFullScreenMode #toolbar-player17 { opacity: 1.00; } */ #playerWrapper-player17.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5415 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player17 .media-button, #toolbar-player17 .timingContent { line-height: 45px; } #toolbar-player17 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player17 span.time, #media-controls-player17 span.player-extra-element, #media-controls-player17 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player17 [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-player17 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player17 .media-button a, #toolbar-player17 .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-player17 span.media-button a:hover, #media-controls-player17 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player17 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player17 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5415 { display: flex; flex: 1; align-items: center; } #toolbar-player17 .duration, #toolbar-player17 .scrubberWrapper, #toolbar-player17 .time { /* display: table-cell; */ } #toolbar-player17 .time, #toolbar-player17 .duration { font-size: 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-player17 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player17 .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-player17 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player17 .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-player17.playerInFullScreenMode, #fullScreenWrapper-player17.playerInFullScreenMode #playerWrapper-player17 { height: 100%; } #fullScreenWrapper-player17.playerInFullScreenMode #mediaFrame-player17 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player17.playerInFullScreenMode player17 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player17.playerInFullScreenMode #toolbar-player17 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player17.playerInFullScreenMode #toolbar-player17.toolbarVisible { display: flex; } #fullScreenWrapper-player17.playerInFullScreenMode #PlayerCaptionsBarplayer17 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player17.playerInFullScreenMode #PlayerCaptionsBarplayer17.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player17 #fullscreenHoverRegion-player17 { display: none; } #fullScreenWrapper-player17.playerInFullScreenMode #fullscreenHoverRegion-player17 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5415 { padding: 0px 0px 6px 0px; } #stacks_in_5349 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player18 { width: 100%; } #playerWrapper-player18 { display: block; position: relative; } #playerWrapper-player18 *, #playerWrapper-player18 *:before, #playerWrapper-player18 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player18 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player18 { padding-bottom: 66.00%; } #playerWrapper-player18 #media-player18 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player18 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player18 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player18 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player18 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player18 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player18 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player18 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player18 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player18 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player18 { position: relative; z-index: 4; width: 100%; } #toolbar-player18 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player18 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player18 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player18:hover #toolbar-player18 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player18.playerInFullScreenMode:hover #toolbar-player18, #playerWrapper-player18.playerInFullScreenMode #toolbar-player18 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player18.playerInFullScreenMode #toolbar-player18.toolbarHovered, .playerTouchDevice #playerWrapper-player18.playerInFullScreenMode #toolbar-player18 { opacity: 1.00; } */ #playerWrapper-player18.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5416 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player18 .media-button, #toolbar-player18 .timingContent { line-height: 45px; } #toolbar-player18 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player18 span.time, #media-controls-player18 span.player-extra-element, #media-controls-player18 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player18 [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-player18 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player18 .media-button a, #toolbar-player18 .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-player18 span.media-button a:hover, #media-controls-player18 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player18 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player18 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5416 { display: flex; flex: 1; align-items: center; } #toolbar-player18 .duration, #toolbar-player18 .scrubberWrapper, #toolbar-player18 .time { /* display: table-cell; */ } #toolbar-player18 .time, #toolbar-player18 .duration { font-size: 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-player18 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player18 .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-player18 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player18 .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-player18.playerInFullScreenMode, #fullScreenWrapper-player18.playerInFullScreenMode #playerWrapper-player18 { height: 100%; } #fullScreenWrapper-player18.playerInFullScreenMode #mediaFrame-player18 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player18.playerInFullScreenMode player18 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player18.playerInFullScreenMode #toolbar-player18 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player18.playerInFullScreenMode #toolbar-player18.toolbarVisible { display: flex; } #fullScreenWrapper-player18.playerInFullScreenMode #PlayerCaptionsBarplayer18 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player18.playerInFullScreenMode #PlayerCaptionsBarplayer18.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player18 #fullscreenHoverRegion-player18 { display: none; } #fullScreenWrapper-player18.playerInFullScreenMode #fullscreenHoverRegion-player18 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5416 { padding: 0px 0px 6px 0px; } #stacks_in_5339 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player19 { width: 100%; } #playerWrapper-player19 { display: block; position: relative; } #playerWrapper-player19 *, #playerWrapper-player19 *:before, #playerWrapper-player19 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player19 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player19 { padding-bottom: 66.00%; } #playerWrapper-player19 #media-player19 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player19 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player19 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player19 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player19 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player19 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player19 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player19 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player19 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player19 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player19 { position: relative; z-index: 4; width: 100%; } #toolbar-player19 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player19 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player19 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player19:hover #toolbar-player19 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player19.playerInFullScreenMode:hover #toolbar-player19, #playerWrapper-player19.playerInFullScreenMode #toolbar-player19 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player19.playerInFullScreenMode #toolbar-player19.toolbarHovered, .playerTouchDevice #playerWrapper-player19.playerInFullScreenMode #toolbar-player19 { opacity: 1.00; } */ #playerWrapper-player19.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5417 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player19 .media-button, #toolbar-player19 .timingContent { line-height: 45px; } #toolbar-player19 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player19 span.time, #media-controls-player19 span.player-extra-element, #media-controls-player19 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player19 [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-player19 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player19 .media-button a, #toolbar-player19 .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-player19 span.media-button a:hover, #media-controls-player19 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player19 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player19 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5417 { display: flex; flex: 1; align-items: center; } #toolbar-player19 .duration, #toolbar-player19 .scrubberWrapper, #toolbar-player19 .time { /* display: table-cell; */ } #toolbar-player19 .time, #toolbar-player19 .duration { font-size: 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-player19 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player19 .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-player19 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player19 .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-player19.playerInFullScreenMode, #fullScreenWrapper-player19.playerInFullScreenMode #playerWrapper-player19 { height: 100%; } #fullScreenWrapper-player19.playerInFullScreenMode #mediaFrame-player19 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player19.playerInFullScreenMode player19 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player19.playerInFullScreenMode #toolbar-player19 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player19.playerInFullScreenMode #toolbar-player19.toolbarVisible { display: flex; } #fullScreenWrapper-player19.playerInFullScreenMode #PlayerCaptionsBarplayer19 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player19.playerInFullScreenMode #PlayerCaptionsBarplayer19.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player19 #fullscreenHoverRegion-player19 { display: none; } #fullScreenWrapper-player19.playerInFullScreenMode #fullscreenHoverRegion-player19 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5417 { padding: 0px 0px 6px 0px; } #stacks_in_5359 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player20 { width: 100%; } #playerWrapper-player20 { display: block; position: relative; } #playerWrapper-player20 *, #playerWrapper-player20 *:before, #playerWrapper-player20 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player20 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player20 { padding-bottom: 66.00%; } #playerWrapper-player20 #media-player20 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player20 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player20 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player20 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player20 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player20 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player20 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player20 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player20 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player20 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player20 { position: relative; z-index: 4; width: 100%; } #toolbar-player20 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player20 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player20 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player20:hover #toolbar-player20 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player20.playerInFullScreenMode:hover #toolbar-player20, #playerWrapper-player20.playerInFullScreenMode #toolbar-player20 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player20.playerInFullScreenMode #toolbar-player20.toolbarHovered, .playerTouchDevice #playerWrapper-player20.playerInFullScreenMode #toolbar-player20 { opacity: 1.00; } */ #playerWrapper-player20.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5418 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player20 .media-button, #toolbar-player20 .timingContent { line-height: 45px; } #toolbar-player20 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player20 span.time, #media-controls-player20 span.player-extra-element, #media-controls-player20 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player20 [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-player20 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player20 .media-button a, #toolbar-player20 .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-player20 span.media-button a:hover, #media-controls-player20 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player20 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player20 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5418 { display: flex; flex: 1; align-items: center; } #toolbar-player20 .duration, #toolbar-player20 .scrubberWrapper, #toolbar-player20 .time { /* display: table-cell; */ } #toolbar-player20 .time, #toolbar-player20 .duration { font-size: 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-player20 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player20 .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-player20 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player20 .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-player20.playerInFullScreenMode, #fullScreenWrapper-player20.playerInFullScreenMode #playerWrapper-player20 { height: 100%; } #fullScreenWrapper-player20.playerInFullScreenMode #mediaFrame-player20 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player20.playerInFullScreenMode player20 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player20.playerInFullScreenMode #toolbar-player20 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player20.playerInFullScreenMode #toolbar-player20.toolbarVisible { display: flex; } #fullScreenWrapper-player20.playerInFullScreenMode #PlayerCaptionsBarplayer20 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player20.playerInFullScreenMode #PlayerCaptionsBarplayer20.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player20 #fullscreenHoverRegion-player20 { display: none; } #fullScreenWrapper-player20.playerInFullScreenMode #fullscreenHoverRegion-player20 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5418 { padding: 0px 0px 6px 0px; } #stacks_in_5369 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player21 { width: 100%; } #playerWrapper-player21 { display: block; position: relative; } #playerWrapper-player21 *, #playerWrapper-player21 *:before, #playerWrapper-player21 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player21 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player21 { padding-bottom: 66.00%; } #playerWrapper-player21 #media-player21 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player21 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player21 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player21 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player21 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player21 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player21 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player21 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player21 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player21 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player21 { position: relative; z-index: 4; width: 100%; } #toolbar-player21 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player21 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player21 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player21:hover #toolbar-player21 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player21.playerInFullScreenMode:hover #toolbar-player21, #playerWrapper-player21.playerInFullScreenMode #toolbar-player21 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player21.playerInFullScreenMode #toolbar-player21.toolbarHovered, .playerTouchDevice #playerWrapper-player21.playerInFullScreenMode #toolbar-player21 { opacity: 1.00; } */ #playerWrapper-player21.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5419 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player21 .media-button, #toolbar-player21 .timingContent { line-height: 45px; } #toolbar-player21 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player21 span.time, #media-controls-player21 span.player-extra-element, #media-controls-player21 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player21 [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-player21 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player21 .media-button a, #toolbar-player21 .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-player21 span.media-button a:hover, #media-controls-player21 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player21 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player21 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5419 { display: flex; flex: 1; align-items: center; } #toolbar-player21 .duration, #toolbar-player21 .scrubberWrapper, #toolbar-player21 .time { /* display: table-cell; */ } #toolbar-player21 .time, #toolbar-player21 .duration { font-size: 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-player21 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player21 .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-player21 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player21 .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-player21.playerInFullScreenMode, #fullScreenWrapper-player21.playerInFullScreenMode #playerWrapper-player21 { height: 100%; } #fullScreenWrapper-player21.playerInFullScreenMode #mediaFrame-player21 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player21.playerInFullScreenMode player21 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player21.playerInFullScreenMode #toolbar-player21 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player21.playerInFullScreenMode #toolbar-player21.toolbarVisible { display: flex; } #fullScreenWrapper-player21.playerInFullScreenMode #PlayerCaptionsBarplayer21 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player21.playerInFullScreenMode #PlayerCaptionsBarplayer21.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player21 #fullscreenHoverRegion-player21 { display: none; } #fullScreenWrapper-player21.playerInFullScreenMode #fullscreenHoverRegion-player21 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5419 { padding: 0px 0px 6px 0px; } #stacks_in_5379 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player22 { width: 100%; } #playerWrapper-player22 { display: block; position: relative; } #playerWrapper-player22 *, #playerWrapper-player22 *:before, #playerWrapper-player22 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player22 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player22 { padding-bottom: 66.00%; } #playerWrapper-player22 #media-player22 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player22 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player22 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player22 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player22 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player22 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player22 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player22 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player22 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player22 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player22 { position: relative; z-index: 4; width: 100%; } #toolbar-player22 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player22 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player22 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player22:hover #toolbar-player22 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player22.playerInFullScreenMode:hover #toolbar-player22, #playerWrapper-player22.playerInFullScreenMode #toolbar-player22 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player22.playerInFullScreenMode #toolbar-player22.toolbarHovered, .playerTouchDevice #playerWrapper-player22.playerInFullScreenMode #toolbar-player22 { opacity: 1.00; } */ #playerWrapper-player22.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5420 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player22 .media-button, #toolbar-player22 .timingContent { line-height: 45px; } #toolbar-player22 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player22 span.time, #media-controls-player22 span.player-extra-element, #media-controls-player22 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player22 [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-player22 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player22 .media-button a, #toolbar-player22 .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-player22 span.media-button a:hover, #media-controls-player22 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player22 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player22 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5420 { display: flex; flex: 1; align-items: center; } #toolbar-player22 .duration, #toolbar-player22 .scrubberWrapper, #toolbar-player22 .time { /* display: table-cell; */ } #toolbar-player22 .time, #toolbar-player22 .duration { font-size: 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-player22 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player22 .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-player22 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player22 .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-player22.playerInFullScreenMode, #fullScreenWrapper-player22.playerInFullScreenMode #playerWrapper-player22 { height: 100%; } #fullScreenWrapper-player22.playerInFullScreenMode #mediaFrame-player22 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player22.playerInFullScreenMode player22 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player22.playerInFullScreenMode #toolbar-player22 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player22.playerInFullScreenMode #toolbar-player22.toolbarVisible { display: flex; } #fullScreenWrapper-player22.playerInFullScreenMode #PlayerCaptionsBarplayer22 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player22.playerInFullScreenMode #PlayerCaptionsBarplayer22.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player22 #fullscreenHoverRegion-player22 { display: none; } #fullScreenWrapper-player22.playerInFullScreenMode #fullscreenHoverRegion-player22 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5420 { padding: 0px 0px 6px 0px; } #stacks_in_5389 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player23 { width: 100%; } #playerWrapper-player23 { display: block; position: relative; } #playerWrapper-player23 *, #playerWrapper-player23 *:before, #playerWrapper-player23 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player23 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player23 { padding-bottom: 66.00%; } #playerWrapper-player23 #media-player23 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player23 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player23 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player23 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player23 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player23 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player23 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player23 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player23 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player23 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player23 { position: relative; z-index: 4; width: 100%; } #toolbar-player23 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player23 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player23 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player23:hover #toolbar-player23 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player23.playerInFullScreenMode:hover #toolbar-player23, #playerWrapper-player23.playerInFullScreenMode #toolbar-player23 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player23.playerInFullScreenMode #toolbar-player23.toolbarHovered, .playerTouchDevice #playerWrapper-player23.playerInFullScreenMode #toolbar-player23 { opacity: 1.00; } */ #playerWrapper-player23.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5421 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player23 .media-button, #toolbar-player23 .timingContent { line-height: 45px; } #toolbar-player23 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player23 span.time, #media-controls-player23 span.player-extra-element, #media-controls-player23 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player23 [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-player23 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player23 .media-button a, #toolbar-player23 .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-player23 span.media-button a:hover, #media-controls-player23 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player23 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player23 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5421 { display: flex; flex: 1; align-items: center; } #toolbar-player23 .duration, #toolbar-player23 .scrubberWrapper, #toolbar-player23 .time { /* display: table-cell; */ } #toolbar-player23 .time, #toolbar-player23 .duration { font-size: 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-player23 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player23 .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-player23 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player23 .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-player23.playerInFullScreenMode, #fullScreenWrapper-player23.playerInFullScreenMode #playerWrapper-player23 { height: 100%; } #fullScreenWrapper-player23.playerInFullScreenMode #mediaFrame-player23 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player23.playerInFullScreenMode player23 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player23.playerInFullScreenMode #toolbar-player23 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player23.playerInFullScreenMode #toolbar-player23.toolbarVisible { display: flex; } #fullScreenWrapper-player23.playerInFullScreenMode #PlayerCaptionsBarplayer23 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player23.playerInFullScreenMode #PlayerCaptionsBarplayer23.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player23 #fullscreenHoverRegion-player23 { display: none; } #fullScreenWrapper-player23.playerInFullScreenMode #fullscreenHoverRegion-player23 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5421 { padding: 0px 0px 6px 0px; } #stacks_in_5399 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player24 { width: 100%; } #playerWrapper-player24 { display: block; position: relative; } #playerWrapper-player24 *, #playerWrapper-player24 *:before, #playerWrapper-player24 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player24 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player24 { padding-bottom: 66.00%; } #playerWrapper-player24 #media-player24 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player24 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player24 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player24 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player24 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player24 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player24 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player24 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player24 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player24 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player24 { position: relative; z-index: 4; width: 100%; } #toolbar-player24 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player24 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player24 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player24:hover #toolbar-player24 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player24.playerInFullScreenMode:hover #toolbar-player24, #playerWrapper-player24.playerInFullScreenMode #toolbar-player24 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player24.playerInFullScreenMode #toolbar-player24.toolbarHovered, .playerTouchDevice #playerWrapper-player24.playerInFullScreenMode #toolbar-player24 { opacity: 1.00; } */ #playerWrapper-player24.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5422 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player24 .media-button, #toolbar-player24 .timingContent { line-height: 45px; } #toolbar-player24 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player24 span.time, #media-controls-player24 span.player-extra-element, #media-controls-player24 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player24 [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-player24 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player24 .media-button a, #toolbar-player24 .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-player24 span.media-button a:hover, #media-controls-player24 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player24 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player24 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5422 { display: flex; flex: 1; align-items: center; } #toolbar-player24 .duration, #toolbar-player24 .scrubberWrapper, #toolbar-player24 .time { /* display: table-cell; */ } #toolbar-player24 .time, #toolbar-player24 .duration { font-size: 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-player24 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player24 .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-player24 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player24 .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-player24.playerInFullScreenMode, #fullScreenWrapper-player24.playerInFullScreenMode #playerWrapper-player24 { height: 100%; } #fullScreenWrapper-player24.playerInFullScreenMode #mediaFrame-player24 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player24.playerInFullScreenMode player24 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player24.playerInFullScreenMode #toolbar-player24 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player24.playerInFullScreenMode #toolbar-player24.toolbarVisible { display: flex; } #fullScreenWrapper-player24.playerInFullScreenMode #PlayerCaptionsBarplayer24 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player24.playerInFullScreenMode #PlayerCaptionsBarplayer24.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player24 #fullscreenHoverRegion-player24 { display: none; } #fullScreenWrapper-player24.playerInFullScreenMode #fullscreenHoverRegion-player24 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5422 { padding: 0px 0px 6px 0px; } #stacks_in_5403 { padding: 0px 0px 22px 10px; }