#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_5533 { -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_5533 { 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_5533 span, #sideMenuToggle_stacks_in_5533 i { vertical-align: middle; } #sideMenuToggle_stacks_in_5533 span { font-size: 24px; } #sideMenuToggle_stacks_in_5533 i { font-size: 30px; } #sideMenuContainer_stacks_in_5533:before, #sideMenuContainer_stacks_in_5533:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: 0; opacity: 1; display: block; position: absolute; } #sideMenuContainer_stacks_in_5533:before { /* */ background: #FB0207; /* */ /* */ /* */ } #sideMenuContainer_stacks_in_5533:after { /* */ } #sideMenu_stacks_in_5533 { opacity: 1; padding: 2px 8px 2px 8px; /* */ text-align: left; /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenu_stacks_in_5533 .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_5533 .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_5533 #cssmenu, #sideMenu_stacks_in_5533 #cssmenu ul, #sideMenu_stacks_in_5533 #cssmenu ul li, #sideMenu_stacks_in_5533 #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_5533 #cssmenu { width: 100%; font-family: inherit; } #sideMenu_stacks_in_5533 #cssmenu ul > li a small { display: block; margin-top: 7px; font-size: 14px; color: rgba(255, 255, 255, 0.60); } #sideMenu_stacks_in_5533 #cssmenu ul ul li a small { display: block; margin-top: 7px; font-size: 14px; /* */ color: rgba(255, 255, 255, 0.60); /* */ } #sideMenu_stacks_in_5533 #cssmenu ul > li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenu_stacks_in_5533 #cssmenu ul ul li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenuContainer_stacks_in_5533 #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_5533 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon, #sideMenuContainer_stacks_in_5533 #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_5533 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5533 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_5533.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon, #sideMenuContainer_stacks_in_5533.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_5533.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_5533.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5533.open #cssmenu ul > li.has-sub > a i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5533.open #cssmenu ul > li.has-sub > a i.dropdown-close-icon { opacity: 0; visibility: hidden; } /* */ #sideMenu_stacks_in_5533 #cssmenu ul > li.has-sub > a { /* */ padding: 2px 24px 2px 8px; /* */ /* */ /* */ } #sideMenu_stacks_in_5533 #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_5533 #cssmenu > ul > li > a:first-child { margin-top: 0; } #sideMenu_stacks_in_5533 #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_5533 #cssmenu ul ul li a { /* */ padding-left: 23px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5533 #cssmenu ul ul ul li a { /* */ padding-left: 38px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5533 #cssmenu ul ul ul ul li a { /* */ padding-left: 53px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5533 #cssmenu ul ul ul ul ul li a { /* */ padding-left: 68px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5533 #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_5533 { /* */ /* */ left: 0; right: 0; width: 100%; position: fixed; z-index: 999999999; /* */ /* */ /* */ text-align: right; /* */ /* */ top: 0; /* */ padding: 8px 8px 8px 8px; } #sideMenuToggle_stacks_in_5533:hover { cursor: pointer; color: #FFFFFF; /* */ background: #FB0207; /* */ /* */ /* */ } #sideMenu_stacks_in_5533 .close-icon i:hover { /* */ /* */ -webkit-transform: rotate(-180deg); transform: rotate(-180deg); /* */ /* */ } #sideMenuContainer_stacks_in_5533 { 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_5533 { max-width: 170px; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_5533 { max-width: 300px; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_5533 { max-width: 300px; } } /* */ /* */ #sideMenuContainer_stacks_in_5533:before, #sideMenuContainer_stacks_in_5533:after { content: ''; z-index: -1; width: 100%; height: 120%; transition: opacity 0.1s ease-in; } #sideMenuContainer_stacks_in_5533.open { right: 0; opacity: 1; visibility: visible; transition: 0.2s ease-out; } #sideMenuContainer_stacks_in_5533.open:before { visibility: visible; opacity: 0.9; transition: opacity 0.1s ease; } #sideMenuContainer_stacks_in_5533.open .close-icon { opacity: 1; transition-delay: 0.4s; } #sideMenuContainer_stacks_in_5533.open #cssmenu { opacity: 1; visibility: visible; transition-delay: 0.4s; transition: all 0.3s ease; } #sideMenu_stacks_in_5533 { 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_5533 #cssmenu ul ul { display: none; } #sideMenu_stacks_in_5533 #cssmenu > ul > li.active > ul { display: block; } #sideMenuContainer_stacks_in_5533 #cssmenu > ul > li { right: -100%; opacity: 0; transition: left 0.3s ease; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li { right: 0%; opacity: 1; transition: all 0.3s ease; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(1) { transition-delay: 0.2s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(2) { transition-delay: 0.3s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(3) { transition-delay: 0.4s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(4) { transition-delay: 0.5s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(5) { transition-delay: 0.6s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(6) { transition-delay: 0.7s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(7) { transition-delay: 0.8s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(8) { transition-delay: 0.9s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(9) { transition-delay: 1s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(10) { transition-delay: 1.1s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(11) { transition-delay: 1.2s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(12) { transition-delay: 1.3s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(13) { transition-delay: 1.4s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(14) { transition-delay: 1.5s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(15) { transition-delay: 1.6s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(16) { transition-delay: 1.7s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(17) { transition-delay: 1.8s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(18) { transition-delay: 1.9s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(19) { transition-delay: 2s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(20) { transition-delay: 2.1s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(21) { transition-delay: 2.2s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(22) { transition-delay: 2.3s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(23) { transition-delay: 2.4s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(24) { transition-delay: 2.5s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(25) { transition-delay: 2.6s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(26) { transition-delay: 2.7s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(27) { transition-delay: 2.8s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(28) { transition-delay: 2.9s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(29) { transition-delay: 3s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(30) { transition-delay: 3.1s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(31) { transition-delay: 3.2s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(32) { transition-delay: 3.3s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(33) { transition-delay: 3.4s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(34) { transition-delay: 3.5s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(35) { transition-delay: 3.6s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(36) { transition-delay: 3.7s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(37) { transition-delay: 3.8s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(38) { transition-delay: 3.9s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(39) { transition-delay: 4s; } #sideMenuContainer_stacks_in_5533.open #cssmenu > ul > li:nth-child(40) { transition-delay: 4.1s; } #sideMenu_stacks_in_5533 #cssmenu ul > li a:hover small { font-size: 14px; color: rgba(0, 0, 0, 0.50); } #sideMenu_stacks_in_5533 #cssmenu ul ul li a:hover small { font-size: 14px; /* */ color: rgba(0, 0, 0, 0.50); /* */ } #sideMenu_stacks_in_5533 #cssmenu > ul > li > a:hover { color: #000000; /* */ background: none; /* */ /* */ /* */ } #sideMenu_stacks_in_5533 #cssmenu ul ul li a:hover { /* */ color: #000000; /* */ background: none; /* */ /* */ /* */ /* */ } @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_5533.hide-m, #sideMenuToggleContainer_stacks_in_5533.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_5533.hide-t, #sideMenuToggleContainer_stacks_in_5533.hide-t { display: none; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_5533.hide-d, #sideMenuToggleContainer_stacks_in_5533.hide-d { display: none; } } /* */ /* */ /* */ } #sideMenuItem_stacks_in_5537.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_5483 { 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_5483 .snav-list, #stacks_in_5483 .snav-toggle { pointer-events: all; } #stacks_in_5483 .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_5483.snav-right .snav-toggle { left: auto; right: 18px; } #stacks_in_5483 .snav-toggle svg { width: var(--iconSize); height: var(--iconSize); display: block; } #stacks_in_5483 .snav-list:not(.expanded) + .snav-toggle svg:nth-child(2), #stacks_in_5483 .snav-list.expanded + .snav-toggle svg:nth-child(1) { display: none; } #stacks_in_5483 .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_5483 .snav-list li { position: relative; display: block; padding: 0; margin: 0; list-style: none; } #stacks_in_5483 .snav-item .snav-link, #stacks_in_5483 .snav-item .snav-container, #stacks_in_5483 .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_5483 .top-tier .chevron { margin-left: auto; } #stacks_in_5483 .snav-item .sub-container { font-size: 14px; color: rgba(255, 255, 255, 1.00); line-height: 1.3; } #stacks_in_5483 .snav-item .snav-divider { padding: 0 var(--snhp1) 0 var(--snhp1); } #stacks_in_5483 .snav-item > .snav-container, #stacks_in_5483 .snav-item > .snav-link { color: rgba(255, 255, 255, 1.00); letter-spacing: -0.00em; word-spacing: -0.00em; font-weight: 500; } #stacks_in_5483 .snav-item:not(.custom-type):hover > .snav-container, #stacks_in_5483 .snav-item:hover > .snav-link { background-color: rgba(76, 76, 76, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_5483 .snav-item.top-tier > .snav-link, #stacks_in_5483 .snav-item.top-tier > .snav-container, #stacks_in_5483 .snav-item.top-tier > .snav-divider { display: grid; grid-template-columns: var(--iconSize) 1fr 12px; grid-gap: 0px; } #stacks_in_5483 .snav-item.top-tier > .snav-link, #stacks_in_5483 .snav-item.top-tier:not(.custom-type) > .snav-container, #stacks_in_5483.snav-collapsed .snav-item.top-tier.custom-type > .snav-container { cursor: pointer; } #stacks_in_5483 .snav-list:not(.expanded) .snav-item > .snav-divider, #stacks_in_5483 .snav-list.expanded .snav-item.no-title > .snav-divider { grid-template-columns: 1fr 0px; } #stacks_in_5483 .snav-list.expanded .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_5483 .snav-list .snav-item.custom-type > .snav-container { overflow: hidden; padding: 0px; } #stacks_in_5483 .snav-list .snav-item.custom-type > .snav-container .snav-icon, #stacks_in_5483 .snav-list .snav-item.custom-type > .snav-container .custom-expand { margin: 0; overflow: hidden; } #stacks_in_5483 .snav-list .snav-item.custom-type > .snav-container .custom-expand > div { width: 170px; } #stacks_in_5483 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 1fr 0px; } #stacks_in_5483 .snav-list.expanded .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_5483 .snav-list.expanded .snav-item.custom-type > .snav-container .snav-icon { opacity: 0; pointer-events: none; } #stacks_in_5483 .snav-item svg, #stacks_in_5483 .snav-item .snav-icon img { width: var(--iconSize); height: var(--iconSize); display: block; margin: 0 auto; max-width: none; } #stacks_in_5483 .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_5483 .snav-item.custom-type .snav-icon img { width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); height: auto; } #stacks_in_5483 .snav-icon svg { color: rgba(255, 255, 255, 1.00); } #stacks_in_5483 .snav-item:hover .snav-icon svg { color: rgba(255, 255, 255, 1.00); } #stacks_in_5483 .snav-icon svg.sn-fa, #stacks_in_5483 .snav-icon i.material-icons-two-tone { fill: currentColor; } #stacks_in_5483 .snav-icon svg { transform: translate3d(0,0,0) } #stacks_in_5483 .snav-icon svg:not(.sn-ii):not(.sn-fa):not(.material-icons) { fill: currentColor; stroke: currentColor; } #stacks_in_5483 .snav-icon i { color: rgba(255, 255, 255, 1.00); font-size: var(--iconSize); line-height: var(--iconSize); display: block; } #stacks_in_5483 .snav-item:hover .snav-icon i { color: rgba(255, 255, 255, 1.00); } #stacks_in_5483 .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_5483 .snav-icon:hover i.material-icons-two-tone:after { background: rgba(255, 255, 255, 1.00); } #stacks_in_5483 .chevron svg { width: 12px; fill: currentColor; } #stacks_in_5483 .snav-icon { margin: 0; } #stacks_in_5483 .snav-item hr { width: 100%; border-width: 0px; height: 1px; background-color: currentColor; opacity: 0.3; } #stacks_in_5483 .snav-divider .snav-title { opacity: 0.66; font-weight: bold; margin-left: calc(12px - var(--snhp1)); } #stacks_in_5483 .sub-container { border-radius: var(--rad); background: rgba(251, 2, 7, 1.00); } #stacks_in_5483 .sub-container li:nth-child(2) > a { border-radius: var(--rad) var(--rad) 0px 0px; } #stacks_in_5483 .sub-container li:last-child > a { border-radius: 0px 0px var(--rad) var(--rad); } #stacks_in_5483 .sub-container li:nth-child(2):last-child > a { border-radius: var(--rad); } #stacks_in_5483 .submenu { list-style: none; padding: 0; margin: 0; } #stacks_in_5483 .submenu li .snav-link { padding-left: calc(var(--snhp1) + 12px); } #stacks_in_5483 .submenu > *:not(.snav-item) { padding: 12px calc(var(--snhp1) + 12px); } #stacks_in_5483 .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_5483 .snav-list { display: flex; flex-direction: column; } #stacks_in_5483 .snav-list .snav-spacer { flex: 1; min-height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_5483 { position: fixed; top: 0; bottom: 0; left: 0; } #stacks_in_5483 { transform: translate3d(0,0,0); overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; max-width: 100%; width: calc(170px + 170px + 36px); } #stacks_in_5483::-webkit-scrollbar { width: 0; height: 0; } #stacks_in_5483.snav-right { left: auto; right: 0; } #stacks_in_5483 .subsnav-close > *, #stacks_in_5483 .snav-item:not(.custom-type) > .snav-container > *, #stacks_in_5483 .snav-link > *, #stacks_in_5483 .snav-item a * { pointer-events: none; } #stacks_in_5483.snav-right .top-tier .chevron { grid-column: 1; grid-row: 1; transform: rotate(180deg); } #stacks_in_5483.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_5483.snav-right .sub-container { left: auto; right: calc(100% + 8px); } #stacks_in_5483.snav-condensed { grid-template-rows: min-content; } #stacks_in_5483.snav-condensed .snav-list { padding: 0; border-radius: 0 var(--rad) var(--rad) 0; transform: translateY(0px); } #stacks_in_5483.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px var(--rad) 0px 0px; } #stacks_in_5483.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px var(--rad) 0px; } #stacks_in_5483.snav-right .snav-list { border-radius: 0; margin-left: auto; } #stacks_in_5483.snav-right.snav-condensed .snav-list { border-radius: var(--rad) 0px 0px var(--rad); } #stacks_in_5483.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: var(--rad) 0px 0px 0px; } #stacks_in_5483.snav-right.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px 0px var(--rad); } #stacks_in_5483.snav-condensed .sub-container { top: 0; transform: translateY(0%); } #stacks_in_5483.snav-condensed .snav-list { border-radius: 0 0 var(--rad) 0; } #stacks_in_5483.snav-right.snav-condensed .snav-list { border-radius: 0 0 0 var(--rad); } #stacks_in_5483.snav-condensed .snav-list > li:first-child > *:not(ul), #stacks_in_5483.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px; } #stacks_in_5483 .snav-list { min-height: 100%; width: calc(var(--snhp1) + 12px + var(--iconSize) + 12px + var(--snhp1)); } #stacks_in_5483 .snav-list.expanded { width: var(--snw); } #stacks_in_5483.snav-condensed .snav-list { min-height: 0px; } #stacks_in_5483 .snav-item .snav-link { height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_5483 .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_5483 .snav-item .snav-divider { height: var(--iconSize); } #stacks_in_5483 .snav-item.custom-type .snav-icon { height: auto; max-width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); } #stacks_in_5483 .snav-title { position: relative; overflow: hidden; height: 100%; white-space: nowrap; } #stacks_in_5483 .snav-title > div { padding-left: 8px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-overflow: ellipsis; overflow: hidden; } #stacks_in_5483 .snav-divider .snav-title > div { padding-left: 0; } #stacks_in_5483 .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_5483 .open .sub-container { display: block; } #stacks_in_5483 .snav-is-touch .submenu > .subsnav-close { display: block; } #stacks_in_5483:not(.snav-collapsed) .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: none; } #stacks_in_5483 .snav-is-touch .sub-container li:nth-child(2) > a, #stacks_in_5483 .snav-is-touch .sub-container li:nth-child(2):last-child > a { border-radius: 0px; } @media all and (max-width: 2000px) { #stacks_in_5483 .snav-list:not(.expanded) { width: 0; overflow: hidden; } #stacks_in_5483 .snav-toggle { display: block; transition: transform 0.3s ease; } #stacks_in_5483 .snav-list.expanded + .snav-toggle { transform: translateX(160px); } #stacks_in_5483.snav-right .snav-list.expanded + .snav-toggle { transform: translateX(-160px); } #stacks_in_5483 .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: all; } #stacks_in_5483 .snav-list:not(.expanded) .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_5483 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_5483 .snav-list .snav-item.custom-type > .snav-container > .snav-icon { opacity: 0; } #stacks_in_5483 .snav-list .snav-item.custom-type > .snav-container > .snav-icon > * { display: none; } #stacks_in_5483 .sub-container { z-index: 3; } } #stacks_in_5486 { position: relative; user-select: none; } i#stacks_in_5486, svg#stacks_in_5486 { position: relative; display: block; text-align: center; } #stacks_in_5493 { position: relative; user-select: none; } i#stacks_in_5493, svg#stacks_in_5493 { position: relative; display: block; text-align: center; } #stacks_in_5496 { position: relative; user-select: none; } i#stacks_in_5496, svg#stacks_in_5496 { position: relative; display: block; text-align: center; } #stacks_in_5499 { position: relative; user-select: none; } i#stacks_in_5499, svg#stacks_in_5499 { position: relative; display: block; text-align: center; } #stacks_in_5509 { position: relative; user-select: none; } i#stacks_in_5509, svg#stacks_in_5509 { position: relative; display: block; text-align: center; } #stacks_in_5512 { position: relative; user-select: none; } i#stacks_in_5512, svg#stacks_in_5512 { position: relative; display: block; text-align: center; } #stacks_in_5515 { position: relative; user-select: none; } i#stacks_in_5515, svg#stacks_in_5515 { position: relative; display: block; text-align: center; } #fullScreenWrapper-player25 { width: 100%; } #playerWrapper-player25 { display: block; position: relative; } #playerWrapper-player25 *, #playerWrapper-player25 *:before, #playerWrapper-player25 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player25 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player25 { padding-bottom: 66.00%; } #playerWrapper-player25 #media-player25 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player25 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player25 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player25 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player25 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player25 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player25 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player25 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player25 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player25 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player25 { position: relative; z-index: 4; width: 100%; } #toolbar-player25 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player25 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(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-player25 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player25:hover #toolbar-player25 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player25.playerInFullScreenMode:hover #toolbar-player25, #playerWrapper-player25.playerInFullScreenMode #toolbar-player25 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player25.playerInFullScreenMode #toolbar-player25.toolbarHovered, .playerTouchDevice #playerWrapper-player25.playerInFullScreenMode #toolbar-player25 { opacity: 1.00; } */ #playerWrapper-player25.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5411 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player25 .media-button, #toolbar-player25 .timingContent { line-height: 45px; } #toolbar-player25 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player25 span.time, #media-controls-player25 span.player-extra-element, #media-controls-player25 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #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-player25 [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-player25 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player25 .media-button a, #toolbar-player25 .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-player25 span.media-button a:hover, #media-controls-player25 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player25 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player25 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5411 { display: flex; flex: 1; align-items: center; } #toolbar-player25 .duration, #toolbar-player25 .scrubberWrapper, #toolbar-player25 .time { /* display: table-cell; */ } #toolbar-player25 .time, #toolbar-player25 .duration { font-size: 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-player25 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player25 .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-player25 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player25 .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-player25.playerInFullScreenMode, #fullScreenWrapper-player25.playerInFullScreenMode #playerWrapper-player25 { height: 100%; } #fullScreenWrapper-player25.playerInFullScreenMode #mediaFrame-player25 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player25.playerInFullScreenMode player25 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player25.playerInFullScreenMode #toolbar-player25 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player25.playerInFullScreenMode #toolbar-player25.toolbarVisible { display: flex; } #fullScreenWrapper-player25.playerInFullScreenMode #PlayerCaptionsBarplayer25 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player25.playerInFullScreenMode #PlayerCaptionsBarplayer25.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player25 #fullscreenHoverRegion-player25 { display: none; } #fullScreenWrapper-player25.playerInFullScreenMode #fullscreenHoverRegion-player25 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5411 { padding: 0px 0px 6px 0px; } #stacks_in_5299 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player26 { width: 100%; } #playerWrapper-player26 { display: block; position: relative; } #playerWrapper-player26 *, #playerWrapper-player26 *:before, #playerWrapper-player26 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player26 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player26 { padding-bottom: 66.00%; } #playerWrapper-player26 #media-player26 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player26 .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-player26 .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-player26 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player26 .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-player26 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player26 .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-player26 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player26 .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-player26 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player26 { position: relative; z-index: 4; width: 100%; } #toolbar-player26 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player26 { 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-player26 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player26:hover #toolbar-player26 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player26.playerInFullScreenMode:hover #toolbar-player26, #playerWrapper-player26.playerInFullScreenMode #toolbar-player26 { 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-player26.playerInFullScreenMode #toolbar-player26.toolbarHovered, .playerTouchDevice #playerWrapper-player26.playerInFullScreenMode #toolbar-player26 { opacity: 1.00; } */ #playerWrapper-player26.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5412 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player26 .media-button, #toolbar-player26 .timingContent { line-height: 45px; } #toolbar-player26 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player26 span.time, #media-controls-player26 span.player-extra-element, #media-controls-player26 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-player26 [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-player26 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player26 .media-button a, #toolbar-player26 .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-player26 span.media-button a:hover, #media-controls-player26 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player26 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player26 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5412 { display: flex; flex: 1; align-items: center; } #toolbar-player26 .duration, #toolbar-player26 .scrubberWrapper, #toolbar-player26 .time { /* display: table-cell; */ } #toolbar-player26 .time, #toolbar-player26 .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-player26 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player26 .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-player26 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player26 .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-player26.playerInFullScreenMode, #fullScreenWrapper-player26.playerInFullScreenMode #playerWrapper-player26 { height: 100%; } #fullScreenWrapper-player26.playerInFullScreenMode #mediaFrame-player26 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player26.playerInFullScreenMode player26 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player26.playerInFullScreenMode #toolbar-player26 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player26.playerInFullScreenMode #toolbar-player26.toolbarVisible { display: flex; } #fullScreenWrapper-player26.playerInFullScreenMode #PlayerCaptionsBarplayer26 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player26.playerInFullScreenMode #PlayerCaptionsBarplayer26.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player26 #fullscreenHoverRegion-player26 { display: none; } #fullScreenWrapper-player26.playerInFullScreenMode #fullscreenHoverRegion-player26 { 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-player27 { width: 100%; } #playerWrapper-player27 { display: block; position: relative; } #playerWrapper-player27 *, #playerWrapper-player27 *:before, #playerWrapper-player27 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player27 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player27 { padding-bottom: 66.00%; } #playerWrapper-player27 #media-player27 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player27 .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-player27 .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-player27 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player27 .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-player27 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player27 .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-player27 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player27 .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-player27 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player27 { position: relative; z-index: 4; width: 100%; } #toolbar-player27 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player27 { 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-player27 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player27:hover #toolbar-player27 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player27.playerInFullScreenMode:hover #toolbar-player27, #playerWrapper-player27.playerInFullScreenMode #toolbar-player27 { 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-player27.playerInFullScreenMode #toolbar-player27.toolbarHovered, .playerTouchDevice #playerWrapper-player27.playerInFullScreenMode #toolbar-player27 { opacity: 1.00; } */ #playerWrapper-player27.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5413 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player27 .media-button, #toolbar-player27 .timingContent { line-height: 45px; } #toolbar-player27 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player27 span.time, #media-controls-player27 span.player-extra-element, #media-controls-player27 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-player27 [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-player27 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player27 .media-button a, #toolbar-player27 .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-player27 span.media-button a:hover, #media-controls-player27 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player27 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player27 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5413 { display: flex; flex: 1; align-items: center; } #toolbar-player27 .duration, #toolbar-player27 .scrubberWrapper, #toolbar-player27 .time { /* display: table-cell; */ } #toolbar-player27 .time, #toolbar-player27 .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-player27 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player27 .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-player27 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player27 .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-player27.playerInFullScreenMode, #fullScreenWrapper-player27.playerInFullScreenMode #playerWrapper-player27 { height: 100%; } #fullScreenWrapper-player27.playerInFullScreenMode #mediaFrame-player27 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player27.playerInFullScreenMode player27 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player27.playerInFullScreenMode #toolbar-player27 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player27.playerInFullScreenMode #toolbar-player27.toolbarVisible { display: flex; } #fullScreenWrapper-player27.playerInFullScreenMode #PlayerCaptionsBarplayer27 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player27.playerInFullScreenMode #PlayerCaptionsBarplayer27.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player27 #fullscreenHoverRegion-player27 { display: none; } #fullScreenWrapper-player27.playerInFullScreenMode #fullscreenHoverRegion-player27 { 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-player28 { width: 100%; } #playerWrapper-player28 { display: block; position: relative; } #playerWrapper-player28 *, #playerWrapper-player28 *:before, #playerWrapper-player28 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player28 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player28 { padding-bottom: 66.00%; } #playerWrapper-player28 #media-player28 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player28 .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-player28 .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-player28 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player28 .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-player28 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player28 .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-player28 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player28 .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-player28 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player28 { position: relative; z-index: 4; width: 100%; } #toolbar-player28 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player28 { 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-player28 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player28:hover #toolbar-player28 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player28.playerInFullScreenMode:hover #toolbar-player28, #playerWrapper-player28.playerInFullScreenMode #toolbar-player28 { 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-player28.playerInFullScreenMode #toolbar-player28.toolbarHovered, .playerTouchDevice #playerWrapper-player28.playerInFullScreenMode #toolbar-player28 { opacity: 1.00; } */ #playerWrapper-player28.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5414 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player28 .media-button, #toolbar-player28 .timingContent { line-height: 45px; } #toolbar-player28 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player28 span.time, #media-controls-player28 span.player-extra-element, #media-controls-player28 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-player28 [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-player28 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player28 .media-button a, #toolbar-player28 .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-player28 span.media-button a:hover, #media-controls-player28 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player28 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player28 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5414 { display: flex; flex: 1; align-items: center; } #toolbar-player28 .duration, #toolbar-player28 .scrubberWrapper, #toolbar-player28 .time { /* display: table-cell; */ } #toolbar-player28 .time, #toolbar-player28 .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-player28 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player28 .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-player28 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player28 .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-player28.playerInFullScreenMode, #fullScreenWrapper-player28.playerInFullScreenMode #playerWrapper-player28 { height: 100%; } #fullScreenWrapper-player28.playerInFullScreenMode #mediaFrame-player28 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player28.playerInFullScreenMode player28 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player28.playerInFullScreenMode #toolbar-player28 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player28.playerInFullScreenMode #toolbar-player28.toolbarVisible { display: flex; } #fullScreenWrapper-player28.playerInFullScreenMode #PlayerCaptionsBarplayer28 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player28.playerInFullScreenMode #PlayerCaptionsBarplayer28.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player28 #fullscreenHoverRegion-player28 { display: none; } #fullScreenWrapper-player28.playerInFullScreenMode #fullscreenHoverRegion-player28 { 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-player29 { width: 100%; } #playerWrapper-player29 { display: block; position: relative; } #playerWrapper-player29 *, #playerWrapper-player29 *:before, #playerWrapper-player29 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player29 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player29 { padding-bottom: 66.00%; } #playerWrapper-player29 #media-player29 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player29 .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-player29 .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-player29 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player29 .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-player29 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player29 .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-player29 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player29 .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-player29 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player29 { position: relative; z-index: 4; width: 100%; } #toolbar-player29 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player29 { 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-player29 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player29:hover #toolbar-player29 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player29.playerInFullScreenMode:hover #toolbar-player29, #playerWrapper-player29.playerInFullScreenMode #toolbar-player29 { 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-player29.playerInFullScreenMode #toolbar-player29.toolbarHovered, .playerTouchDevice #playerWrapper-player29.playerInFullScreenMode #toolbar-player29 { opacity: 1.00; } */ #playerWrapper-player29.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5415 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player29 .media-button, #toolbar-player29 .timingContent { line-height: 45px; } #toolbar-player29 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player29 span.time, #media-controls-player29 span.player-extra-element, #media-controls-player29 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-player29 [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-player29 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player29 .media-button a, #toolbar-player29 .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-player29 span.media-button a:hover, #media-controls-player29 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player29 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player29 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5415 { display: flex; flex: 1; align-items: center; } #toolbar-player29 .duration, #toolbar-player29 .scrubberWrapper, #toolbar-player29 .time { /* display: table-cell; */ } #toolbar-player29 .time, #toolbar-player29 .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-player29 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player29 .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-player29 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player29 .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-player29.playerInFullScreenMode, #fullScreenWrapper-player29.playerInFullScreenMode #playerWrapper-player29 { height: 100%; } #fullScreenWrapper-player29.playerInFullScreenMode #mediaFrame-player29 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player29.playerInFullScreenMode player29 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player29.playerInFullScreenMode #toolbar-player29 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player29.playerInFullScreenMode #toolbar-player29.toolbarVisible { display: flex; } #fullScreenWrapper-player29.playerInFullScreenMode #PlayerCaptionsBarplayer29 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player29.playerInFullScreenMode #PlayerCaptionsBarplayer29.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player29 #fullscreenHoverRegion-player29 { display: none; } #fullScreenWrapper-player29.playerInFullScreenMode #fullscreenHoverRegion-player29 { 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-player30 { width: 100%; } #playerWrapper-player30 { display: block; position: relative; } #playerWrapper-player30 *, #playerWrapper-player30 *:before, #playerWrapper-player30 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player30 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player30 { padding-bottom: 66.00%; } #playerWrapper-player30 #media-player30 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player30 .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-player30 .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-player30 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player30 .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-player30 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player30 .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-player30 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player30 .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-player30 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player30 { position: relative; z-index: 4; width: 100%; } #toolbar-player30 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player30 { 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-player30 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player30:hover #toolbar-player30 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player30.playerInFullScreenMode:hover #toolbar-player30, #playerWrapper-player30.playerInFullScreenMode #toolbar-player30 { 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-player30.playerInFullScreenMode #toolbar-player30.toolbarHovered, .playerTouchDevice #playerWrapper-player30.playerInFullScreenMode #toolbar-player30 { opacity: 1.00; } */ #playerWrapper-player30.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5416 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player30 .media-button, #toolbar-player30 .timingContent { line-height: 45px; } #toolbar-player30 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player30 span.time, #media-controls-player30 span.player-extra-element, #media-controls-player30 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-player30 [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-player30 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player30 .media-button a, #toolbar-player30 .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-player30 span.media-button a:hover, #media-controls-player30 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player30 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player30 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5416 { display: flex; flex: 1; align-items: center; } #toolbar-player30 .duration, #toolbar-player30 .scrubberWrapper, #toolbar-player30 .time { /* display: table-cell; */ } #toolbar-player30 .time, #toolbar-player30 .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-player30 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player30 .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-player30 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player30 .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-player30.playerInFullScreenMode, #fullScreenWrapper-player30.playerInFullScreenMode #playerWrapper-player30 { height: 100%; } #fullScreenWrapper-player30.playerInFullScreenMode #mediaFrame-player30 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player30.playerInFullScreenMode player30 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player30.playerInFullScreenMode #toolbar-player30 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player30.playerInFullScreenMode #toolbar-player30.toolbarVisible { display: flex; } #fullScreenWrapper-player30.playerInFullScreenMode #PlayerCaptionsBarplayer30 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player30.playerInFullScreenMode #PlayerCaptionsBarplayer30.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player30 #fullscreenHoverRegion-player30 { display: none; } #fullScreenWrapper-player30.playerInFullScreenMode #fullscreenHoverRegion-player30 { 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-player31 { width: 100%; } #playerWrapper-player31 { display: block; position: relative; } #playerWrapper-player31 *, #playerWrapper-player31 *:before, #playerWrapper-player31 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player31 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player31 { padding-bottom: 66.00%; } #playerWrapper-player31 #media-player31 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player31 .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-player31 .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-player31 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player31 .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-player31 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player31 .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-player31 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player31 .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-player31 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player31 { position: relative; z-index: 4; width: 100%; } #toolbar-player31 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player31 { 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-player31 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player31:hover #toolbar-player31 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player31.playerInFullScreenMode:hover #toolbar-player31, #playerWrapper-player31.playerInFullScreenMode #toolbar-player31 { 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-player31.playerInFullScreenMode #toolbar-player31.toolbarHovered, .playerTouchDevice #playerWrapper-player31.playerInFullScreenMode #toolbar-player31 { opacity: 1.00; } */ #playerWrapper-player31.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5417 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player31 .media-button, #toolbar-player31 .timingContent { line-height: 45px; } #toolbar-player31 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player31 span.time, #media-controls-player31 span.player-extra-element, #media-controls-player31 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-player31 [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-player31 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player31 .media-button a, #toolbar-player31 .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-player31 span.media-button a:hover, #media-controls-player31 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player31 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player31 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5417 { display: flex; flex: 1; align-items: center; } #toolbar-player31 .duration, #toolbar-player31 .scrubberWrapper, #toolbar-player31 .time { /* display: table-cell; */ } #toolbar-player31 .time, #toolbar-player31 .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-player31 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player31 .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-player31 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player31 .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-player31.playerInFullScreenMode, #fullScreenWrapper-player31.playerInFullScreenMode #playerWrapper-player31 { height: 100%; } #fullScreenWrapper-player31.playerInFullScreenMode #mediaFrame-player31 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player31.playerInFullScreenMode player31 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player31.playerInFullScreenMode #toolbar-player31 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player31.playerInFullScreenMode #toolbar-player31.toolbarVisible { display: flex; } #fullScreenWrapper-player31.playerInFullScreenMode #PlayerCaptionsBarplayer31 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player31.playerInFullScreenMode #PlayerCaptionsBarplayer31.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player31 #fullscreenHoverRegion-player31 { display: none; } #fullScreenWrapper-player31.playerInFullScreenMode #fullscreenHoverRegion-player31 { 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-player32 { width: 100%; } #playerWrapper-player32 { display: block; position: relative; } #playerWrapper-player32 *, #playerWrapper-player32 *:before, #playerWrapper-player32 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player32 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player32 { padding-bottom: 66.00%; } #playerWrapper-player32 #media-player32 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player32 .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-player32 .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-player32 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player32 .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-player32 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player32 .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-player32 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player32 .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-player32 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player32 { position: relative; z-index: 4; width: 100%; } #toolbar-player32 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player32 { 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-player32 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player32:hover #toolbar-player32 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player32.playerInFullScreenMode:hover #toolbar-player32, #playerWrapper-player32.playerInFullScreenMode #toolbar-player32 { 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-player32.playerInFullScreenMode #toolbar-player32.toolbarHovered, .playerTouchDevice #playerWrapper-player32.playerInFullScreenMode #toolbar-player32 { opacity: 1.00; } */ #playerWrapper-player32.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5418 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player32 .media-button, #toolbar-player32 .timingContent { line-height: 45px; } #toolbar-player32 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player32 span.time, #media-controls-player32 span.player-extra-element, #media-controls-player32 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-player32 [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-player32 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player32 .media-button a, #toolbar-player32 .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-player32 span.media-button a:hover, #media-controls-player32 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player32 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player32 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5418 { display: flex; flex: 1; align-items: center; } #toolbar-player32 .duration, #toolbar-player32 .scrubberWrapper, #toolbar-player32 .time { /* display: table-cell; */ } #toolbar-player32 .time, #toolbar-player32 .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-player32 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player32 .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-player32 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player32 .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-player32.playerInFullScreenMode, #fullScreenWrapper-player32.playerInFullScreenMode #playerWrapper-player32 { height: 100%; } #fullScreenWrapper-player32.playerInFullScreenMode #mediaFrame-player32 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player32.playerInFullScreenMode player32 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player32.playerInFullScreenMode #toolbar-player32 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player32.playerInFullScreenMode #toolbar-player32.toolbarVisible { display: flex; } #fullScreenWrapper-player32.playerInFullScreenMode #PlayerCaptionsBarplayer32 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player32.playerInFullScreenMode #PlayerCaptionsBarplayer32.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player32 #fullscreenHoverRegion-player32 { display: none; } #fullScreenWrapper-player32.playerInFullScreenMode #fullscreenHoverRegion-player32 { 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-player33 { width: 100%; } #playerWrapper-player33 { display: block; position: relative; } #playerWrapper-player33 *, #playerWrapper-player33 *:before, #playerWrapper-player33 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player33 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player33 { padding-bottom: 66.00%; } #playerWrapper-player33 #media-player33 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player33 .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-player33 .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-player33 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player33 .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-player33 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player33 .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-player33 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player33 .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-player33 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player33 { position: relative; z-index: 4; width: 100%; } #toolbar-player33 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player33 { 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-player33 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player33:hover #toolbar-player33 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player33.playerInFullScreenMode:hover #toolbar-player33, #playerWrapper-player33.playerInFullScreenMode #toolbar-player33 { 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-player33.playerInFullScreenMode #toolbar-player33.toolbarHovered, .playerTouchDevice #playerWrapper-player33.playerInFullScreenMode #toolbar-player33 { opacity: 1.00; } */ #playerWrapper-player33.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5419 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player33 .media-button, #toolbar-player33 .timingContent { line-height: 45px; } #toolbar-player33 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player33 span.time, #media-controls-player33 span.player-extra-element, #media-controls-player33 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-player33 [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-player33 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player33 .media-button a, #toolbar-player33 .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-player33 span.media-button a:hover, #media-controls-player33 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player33 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player33 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5419 { display: flex; flex: 1; align-items: center; } #toolbar-player33 .duration, #toolbar-player33 .scrubberWrapper, #toolbar-player33 .time { /* display: table-cell; */ } #toolbar-player33 .time, #toolbar-player33 .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-player33 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player33 .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-player33 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player33 .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-player33.playerInFullScreenMode, #fullScreenWrapper-player33.playerInFullScreenMode #playerWrapper-player33 { height: 100%; } #fullScreenWrapper-player33.playerInFullScreenMode #mediaFrame-player33 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player33.playerInFullScreenMode player33 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player33.playerInFullScreenMode #toolbar-player33 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player33.playerInFullScreenMode #toolbar-player33.toolbarVisible { display: flex; } #fullScreenWrapper-player33.playerInFullScreenMode #PlayerCaptionsBarplayer33 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player33.playerInFullScreenMode #PlayerCaptionsBarplayer33.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player33 #fullscreenHoverRegion-player33 { display: none; } #fullScreenWrapper-player33.playerInFullScreenMode #fullscreenHoverRegion-player33 { 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-player34 { width: 100%; } #playerWrapper-player34 { display: block; position: relative; } #playerWrapper-player34 *, #playerWrapper-player34 *:before, #playerWrapper-player34 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player34 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player34 { padding-bottom: 66.00%; } #playerWrapper-player34 #media-player34 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player34 .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-player34 .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-player34 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player34 .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-player34 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player34 .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-player34 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player34 .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-player34 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player34 { position: relative; z-index: 4; width: 100%; } #toolbar-player34 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player34 { 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-player34 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player34:hover #toolbar-player34 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player34.playerInFullScreenMode:hover #toolbar-player34, #playerWrapper-player34.playerInFullScreenMode #toolbar-player34 { 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-player34.playerInFullScreenMode #toolbar-player34.toolbarHovered, .playerTouchDevice #playerWrapper-player34.playerInFullScreenMode #toolbar-player34 { opacity: 1.00; } */ #playerWrapper-player34.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5420 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player34 .media-button, #toolbar-player34 .timingContent { line-height: 45px; } #toolbar-player34 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player34 span.time, #media-controls-player34 span.player-extra-element, #media-controls-player34 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-player34 [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-player34 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player34 .media-button a, #toolbar-player34 .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-player34 span.media-button a:hover, #media-controls-player34 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player34 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player34 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5420 { display: flex; flex: 1; align-items: center; } #toolbar-player34 .duration, #toolbar-player34 .scrubberWrapper, #toolbar-player34 .time { /* display: table-cell; */ } #toolbar-player34 .time, #toolbar-player34 .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-player34 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player34 .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-player34 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player34 .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-player34.playerInFullScreenMode, #fullScreenWrapper-player34.playerInFullScreenMode #playerWrapper-player34 { height: 100%; } #fullScreenWrapper-player34.playerInFullScreenMode #mediaFrame-player34 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player34.playerInFullScreenMode player34 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player34.playerInFullScreenMode #toolbar-player34 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player34.playerInFullScreenMode #toolbar-player34.toolbarVisible { display: flex; } #fullScreenWrapper-player34.playerInFullScreenMode #PlayerCaptionsBarplayer34 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player34.playerInFullScreenMode #PlayerCaptionsBarplayer34.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player34 #fullscreenHoverRegion-player34 { display: none; } #fullScreenWrapper-player34.playerInFullScreenMode #fullscreenHoverRegion-player34 { 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-player35 { width: 100%; } #playerWrapper-player35 { display: block; position: relative; } #playerWrapper-player35 *, #playerWrapper-player35 *:before, #playerWrapper-player35 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player35 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player35 { padding-bottom: 66.00%; } #playerWrapper-player35 #media-player35 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player35 .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-player35 .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-player35 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player35 .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-player35 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player35 .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-player35 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player35 .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-player35 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player35 { position: relative; z-index: 4; width: 100%; } #toolbar-player35 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player35 { 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-player35 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player35:hover #toolbar-player35 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player35.playerInFullScreenMode:hover #toolbar-player35, #playerWrapper-player35.playerInFullScreenMode #toolbar-player35 { 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-player35.playerInFullScreenMode #toolbar-player35.toolbarHovered, .playerTouchDevice #playerWrapper-player35.playerInFullScreenMode #toolbar-player35 { opacity: 1.00; } */ #playerWrapper-player35.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5421 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player35 .media-button, #toolbar-player35 .timingContent { line-height: 45px; } #toolbar-player35 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player35 span.time, #media-controls-player35 span.player-extra-element, #media-controls-player35 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-player35 [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-player35 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player35 .media-button a, #toolbar-player35 .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-player35 span.media-button a:hover, #media-controls-player35 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player35 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player35 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5421 { display: flex; flex: 1; align-items: center; } #toolbar-player35 .duration, #toolbar-player35 .scrubberWrapper, #toolbar-player35 .time { /* display: table-cell; */ } #toolbar-player35 .time, #toolbar-player35 .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-player35 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player35 .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-player35 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player35 .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-player35.playerInFullScreenMode, #fullScreenWrapper-player35.playerInFullScreenMode #playerWrapper-player35 { height: 100%; } #fullScreenWrapper-player35.playerInFullScreenMode #mediaFrame-player35 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player35.playerInFullScreenMode player35 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player35.playerInFullScreenMode #toolbar-player35 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player35.playerInFullScreenMode #toolbar-player35.toolbarVisible { display: flex; } #fullScreenWrapper-player35.playerInFullScreenMode #PlayerCaptionsBarplayer35 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player35.playerInFullScreenMode #PlayerCaptionsBarplayer35.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player35 #fullscreenHoverRegion-player35 { display: none; } #fullScreenWrapper-player35.playerInFullScreenMode #fullscreenHoverRegion-player35 { 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-player36 { width: 100%; } #playerWrapper-player36 { display: block; position: relative; } #playerWrapper-player36 *, #playerWrapper-player36 *:before, #playerWrapper-player36 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player36 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player36 { padding-bottom: 66.00%; } #playerWrapper-player36 #media-player36 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player36 .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-player36 .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-player36 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player36 .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-player36 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player36 .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-player36 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player36 .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-player36 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player36 { position: relative; z-index: 4; width: 100%; } #toolbar-player36 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player36 { 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-player36 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player36:hover #toolbar-player36 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player36.playerInFullScreenMode:hover #toolbar-player36, #playerWrapper-player36.playerInFullScreenMode #toolbar-player36 { 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-player36.playerInFullScreenMode #toolbar-player36.toolbarHovered, .playerTouchDevice #playerWrapper-player36.playerInFullScreenMode #toolbar-player36 { opacity: 1.00; } */ #playerWrapper-player36.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5422 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player36 .media-button, #toolbar-player36 .timingContent { line-height: 45px; } #toolbar-player36 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player36 span.time, #media-controls-player36 span.player-extra-element, #media-controls-player36 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-player36 [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-player36 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player36 .media-button a, #toolbar-player36 .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-player36 span.media-button a:hover, #media-controls-player36 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player36 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player36 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5422 { display: flex; flex: 1; align-items: center; } #toolbar-player36 .duration, #toolbar-player36 .scrubberWrapper, #toolbar-player36 .time { /* display: table-cell; */ } #toolbar-player36 .time, #toolbar-player36 .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-player36 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player36 .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-player36 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player36 .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-player36.playerInFullScreenMode, #fullScreenWrapper-player36.playerInFullScreenMode #playerWrapper-player36 { height: 100%; } #fullScreenWrapper-player36.playerInFullScreenMode #mediaFrame-player36 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player36.playerInFullScreenMode player36 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player36.playerInFullScreenMode #toolbar-player36 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player36.playerInFullScreenMode #toolbar-player36.toolbarVisible { display: flex; } #fullScreenWrapper-player36.playerInFullScreenMode #PlayerCaptionsBarplayer36 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player36.playerInFullScreenMode #PlayerCaptionsBarplayer36.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player36 #fullscreenHoverRegion-player36 { display: none; } #fullScreenWrapper-player36.playerInFullScreenMode #fullscreenHoverRegion-player36 { 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; }