#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_5445 { -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_5445 { 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_5445 span, #sideMenuToggle_stacks_in_5445 i { vertical-align: middle; } #sideMenuToggle_stacks_in_5445 span { font-size: 24px; } #sideMenuToggle_stacks_in_5445 i { font-size: 30px; } #sideMenuContainer_stacks_in_5445:before, #sideMenuContainer_stacks_in_5445:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: 0; opacity: 1; display: block; position: absolute; } #sideMenuContainer_stacks_in_5445:before { /* */ background: #FB0207; /* */ /* */ /* */ } #sideMenuContainer_stacks_in_5445:after { /* */ } #sideMenu_stacks_in_5445 { opacity: 1; padding: 2px 8px 2px 8px; /* */ text-align: left; /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenu_stacks_in_5445 .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_5445 .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_5445 #cssmenu, #sideMenu_stacks_in_5445 #cssmenu ul, #sideMenu_stacks_in_5445 #cssmenu ul li, #sideMenu_stacks_in_5445 #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_5445 #cssmenu { width: 100%; font-family: inherit; } #sideMenu_stacks_in_5445 #cssmenu ul > li a small { display: block; margin-top: 7px; font-size: 14px; color: rgba(255, 255, 255, 0.60); } #sideMenu_stacks_in_5445 #cssmenu ul ul li a small { display: block; margin-top: 7px; font-size: 14px; /* */ color: rgba(255, 255, 255, 0.60); /* */ } #sideMenu_stacks_in_5445 #cssmenu ul > li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenu_stacks_in_5445 #cssmenu ul ul li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenuContainer_stacks_in_5445 #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_5445 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon, #sideMenuContainer_stacks_in_5445 #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_5445 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5445 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_5445.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon, #sideMenuContainer_stacks_in_5445.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_5445.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_5445.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5445.open #cssmenu ul > li.has-sub > a i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_5445.open #cssmenu ul > li.has-sub > a i.dropdown-close-icon { opacity: 0; visibility: hidden; } /* */ #sideMenu_stacks_in_5445 #cssmenu ul > li.has-sub > a { /* */ padding: 2px 24px 2px 8px; /* */ /* */ /* */ } #sideMenu_stacks_in_5445 #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_5445 #cssmenu > ul > li > a:first-child { margin-top: 0; } #sideMenu_stacks_in_5445 #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_5445 #cssmenu ul ul li a { /* */ padding-left: 23px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5445 #cssmenu ul ul ul li a { /* */ padding-left: 38px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5445 #cssmenu ul ul ul ul li a { /* */ padding-left: 53px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5445 #cssmenu ul ul ul ul ul li a { /* */ padding-left: 68px !important; /* */ /* */ /* */ } #sideMenu_stacks_in_5445 #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_5445 { /* */ /* */ left: 0; right: 0; width: 100%; position: fixed; z-index: 999999999; /* */ /* */ /* */ text-align: right; /* */ /* */ top: 0; /* */ padding: 8px 8px 8px 8px; } #sideMenuToggle_stacks_in_5445:hover { cursor: pointer; color: #FFFFFF; /* */ background: #FB0207; /* */ /* */ /* */ } #sideMenu_stacks_in_5445 .close-icon i:hover { /* */ /* */ -webkit-transform: rotate(-180deg); transform: rotate(-180deg); /* */ /* */ } #sideMenuContainer_stacks_in_5445 { 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_5445 { max-width: 170px; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_5445 { max-width: 300px; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_5445 { max-width: 300px; } } /* */ /* */ #sideMenuContainer_stacks_in_5445:before, #sideMenuContainer_stacks_in_5445:after { content: ''; z-index: -1; width: 100%; height: 120%; transition: opacity 0.1s ease-in; } #sideMenuContainer_stacks_in_5445.open { right: 0; opacity: 1; visibility: visible; transition: 0.2s ease-out; } #sideMenuContainer_stacks_in_5445.open:before { visibility: visible; opacity: 0.9; transition: opacity 0.1s ease; } #sideMenuContainer_stacks_in_5445.open .close-icon { opacity: 1; transition-delay: 0.4s; } #sideMenuContainer_stacks_in_5445.open #cssmenu { opacity: 1; visibility: visible; transition-delay: 0.4s; transition: all 0.3s ease; } #sideMenu_stacks_in_5445 { 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_5445 #cssmenu ul ul { display: none; } #sideMenu_stacks_in_5445 #cssmenu > ul > li.active > ul { display: block; } #sideMenuContainer_stacks_in_5445 #cssmenu > ul > li { right: -100%; opacity: 0; transition: left 0.3s ease; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li { right: 0%; opacity: 1; transition: all 0.3s ease; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(1) { transition-delay: 0.2s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(2) { transition-delay: 0.3s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(3) { transition-delay: 0.4s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(4) { transition-delay: 0.5s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(5) { transition-delay: 0.6s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(6) { transition-delay: 0.7s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(7) { transition-delay: 0.8s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(8) { transition-delay: 0.9s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(9) { transition-delay: 1s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(10) { transition-delay: 1.1s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(11) { transition-delay: 1.2s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(12) { transition-delay: 1.3s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(13) { transition-delay: 1.4s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(14) { transition-delay: 1.5s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(15) { transition-delay: 1.6s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(16) { transition-delay: 1.7s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(17) { transition-delay: 1.8s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(18) { transition-delay: 1.9s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(19) { transition-delay: 2s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(20) { transition-delay: 2.1s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(21) { transition-delay: 2.2s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(22) { transition-delay: 2.3s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(23) { transition-delay: 2.4s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(24) { transition-delay: 2.5s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(25) { transition-delay: 2.6s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(26) { transition-delay: 2.7s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(27) { transition-delay: 2.8s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(28) { transition-delay: 2.9s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(29) { transition-delay: 3s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(30) { transition-delay: 3.1s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(31) { transition-delay: 3.2s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(32) { transition-delay: 3.3s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(33) { transition-delay: 3.4s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(34) { transition-delay: 3.5s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(35) { transition-delay: 3.6s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(36) { transition-delay: 3.7s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(37) { transition-delay: 3.8s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(38) { transition-delay: 3.9s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(39) { transition-delay: 4s; } #sideMenuContainer_stacks_in_5445.open #cssmenu > ul > li:nth-child(40) { transition-delay: 4.1s; } #sideMenu_stacks_in_5445 #cssmenu ul > li a:hover small { font-size: 14px; color: rgba(0, 0, 0, 0.50); } #sideMenu_stacks_in_5445 #cssmenu ul ul li a:hover small { font-size: 14px; /* */ color: rgba(0, 0, 0, 0.50); /* */ } #sideMenu_stacks_in_5445 #cssmenu > ul > li > a:hover { color: #000000; /* */ background: none; /* */ /* */ /* */ } #sideMenu_stacks_in_5445 #cssmenu ul ul li a:hover { /* */ color: #000000; /* */ background: none; /* */ /* */ /* */ /* */ } @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_5445.hide-m, #sideMenuToggleContainer_stacks_in_5445.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_5445.hide-t, #sideMenuToggleContainer_stacks_in_5445.hide-t { display: none; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_5445.hide-d, #sideMenuToggleContainer_stacks_in_5445.hide-d { display: none; } } /* */ /* */ /* */ } #sideMenuItem_stacks_in_5449.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_5395 { 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_5395 .snav-list, #stacks_in_5395 .snav-toggle { pointer-events: all; } #stacks_in_5395 .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_5395.snav-right .snav-toggle { left: auto; right: 18px; } #stacks_in_5395 .snav-toggle svg { width: var(--iconSize); height: var(--iconSize); display: block; } #stacks_in_5395 .snav-list:not(.expanded) + .snav-toggle svg:nth-child(2), #stacks_in_5395 .snav-list.expanded + .snav-toggle svg:nth-child(1) { display: none; } #stacks_in_5395 .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_5395 .snav-list li { position: relative; display: block; padding: 0; margin: 0; list-style: none; } #stacks_in_5395 .snav-item .snav-link, #stacks_in_5395 .snav-item .snav-container, #stacks_in_5395 .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_5395 .top-tier .chevron { margin-left: auto; } #stacks_in_5395 .snav-item .sub-container { font-size: 14px; color: rgba(255, 255, 255, 1.00); line-height: 1.3; } #stacks_in_5395 .snav-item .snav-divider { padding: 0 var(--snhp1) 0 var(--snhp1); } #stacks_in_5395 .snav-item > .snav-container, #stacks_in_5395 .snav-item > .snav-link { color: rgba(255, 255, 255, 1.00); letter-spacing: -0.00em; word-spacing: -0.00em; font-weight: 500; } #stacks_in_5395 .snav-item:not(.custom-type):hover > .snav-container, #stacks_in_5395 .snav-item:hover > .snav-link { background-color: rgba(76, 76, 76, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_5395 .snav-item.top-tier > .snav-link, #stacks_in_5395 .snav-item.top-tier > .snav-container, #stacks_in_5395 .snav-item.top-tier > .snav-divider { display: grid; grid-template-columns: var(--iconSize) 1fr 12px; grid-gap: 0px; } #stacks_in_5395 .snav-item.top-tier > .snav-link, #stacks_in_5395 .snav-item.top-tier:not(.custom-type) > .snav-container, #stacks_in_5395.snav-collapsed .snav-item.top-tier.custom-type > .snav-container { cursor: pointer; } #stacks_in_5395 .snav-list:not(.expanded) .snav-item > .snav-divider, #stacks_in_5395 .snav-list.expanded .snav-item.no-title > .snav-divider { grid-template-columns: 1fr 0px; } #stacks_in_5395 .snav-list.expanded .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_5395 .snav-list .snav-item.custom-type > .snav-container { overflow: hidden; padding: 0px; } #stacks_in_5395 .snav-list .snav-item.custom-type > .snav-container .snav-icon, #stacks_in_5395 .snav-list .snav-item.custom-type > .snav-container .custom-expand { margin: 0; overflow: hidden; } #stacks_in_5395 .snav-list .snav-item.custom-type > .snav-container .custom-expand > div { width: 170px; } #stacks_in_5395 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 1fr 0px; } #stacks_in_5395 .snav-list.expanded .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_5395 .snav-list.expanded .snav-item.custom-type > .snav-container .snav-icon { opacity: 0; pointer-events: none; } #stacks_in_5395 .snav-item svg, #stacks_in_5395 .snav-item .snav-icon img { width: var(--iconSize); height: var(--iconSize); display: block; margin: 0 auto; max-width: none; } #stacks_in_5395 .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_5395 .snav-item.custom-type .snav-icon img { width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); height: auto; } #stacks_in_5395 .snav-icon svg { color: rgba(255, 255, 255, 1.00); } #stacks_in_5395 .snav-item:hover .snav-icon svg { color: rgba(255, 255, 255, 1.00); } #stacks_in_5395 .snav-icon svg.sn-fa, #stacks_in_5395 .snav-icon i.material-icons-two-tone { fill: currentColor; } #stacks_in_5395 .snav-icon svg { transform: translate3d(0,0,0) } #stacks_in_5395 .snav-icon svg:not(.sn-ii):not(.sn-fa):not(.material-icons) { fill: currentColor; stroke: currentColor; } #stacks_in_5395 .snav-icon i { color: rgba(255, 255, 255, 1.00); font-size: var(--iconSize); line-height: var(--iconSize); display: block; } #stacks_in_5395 .snav-item:hover .snav-icon i { color: rgba(255, 255, 255, 1.00); } #stacks_in_5395 .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_5395 .snav-icon:hover i.material-icons-two-tone:after { background: rgba(255, 255, 255, 1.00); } #stacks_in_5395 .chevron svg { width: 12px; fill: currentColor; } #stacks_in_5395 .snav-icon { margin: 0; } #stacks_in_5395 .snav-item hr { width: 100%; border-width: 0px; height: 1px; background-color: currentColor; opacity: 0.3; } #stacks_in_5395 .snav-divider .snav-title { opacity: 0.66; font-weight: bold; margin-left: calc(12px - var(--snhp1)); } #stacks_in_5395 .sub-container { border-radius: var(--rad); background: rgba(251, 2, 7, 1.00); } #stacks_in_5395 .sub-container li:nth-child(2) > a { border-radius: var(--rad) var(--rad) 0px 0px; } #stacks_in_5395 .sub-container li:last-child > a { border-radius: 0px 0px var(--rad) var(--rad); } #stacks_in_5395 .sub-container li:nth-child(2):last-child > a { border-radius: var(--rad); } #stacks_in_5395 .submenu { list-style: none; padding: 0; margin: 0; } #stacks_in_5395 .submenu li .snav-link { padding-left: calc(var(--snhp1) + 12px); } #stacks_in_5395 .submenu > *:not(.snav-item) { padding: 12px calc(var(--snhp1) + 12px); } #stacks_in_5395 .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_5395 .snav-list { display: flex; flex-direction: column; } #stacks_in_5395 .snav-list .snav-spacer { flex: 1; min-height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_5395 { position: fixed; top: 0; bottom: 0; left: 0; } #stacks_in_5395 { transform: translate3d(0,0,0); overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; max-width: 100%; width: calc(170px + 170px + 36px); } #stacks_in_5395::-webkit-scrollbar { width: 0; height: 0; } #stacks_in_5395.snav-right { left: auto; right: 0; } #stacks_in_5395 .subsnav-close > *, #stacks_in_5395 .snav-item:not(.custom-type) > .snav-container > *, #stacks_in_5395 .snav-link > *, #stacks_in_5395 .snav-item a * { pointer-events: none; } #stacks_in_5395.snav-right .top-tier .chevron { grid-column: 1; grid-row: 1; transform: rotate(180deg); } #stacks_in_5395.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_5395.snav-right .sub-container { left: auto; right: calc(100% + 8px); } #stacks_in_5395.snav-condensed { grid-template-rows: min-content; } #stacks_in_5395.snav-condensed .snav-list { padding: 0; border-radius: 0 var(--rad) var(--rad) 0; transform: translateY(0px); } #stacks_in_5395.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px var(--rad) 0px 0px; } #stacks_in_5395.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px var(--rad) 0px; } #stacks_in_5395.snav-right .snav-list { border-radius: 0; margin-left: auto; } #stacks_in_5395.snav-right.snav-condensed .snav-list { border-radius: var(--rad) 0px 0px var(--rad); } #stacks_in_5395.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: var(--rad) 0px 0px 0px; } #stacks_in_5395.snav-right.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px 0px var(--rad); } #stacks_in_5395.snav-condensed .sub-container { top: 0; transform: translateY(0%); } #stacks_in_5395.snav-condensed .snav-list { border-radius: 0 0 var(--rad) 0; } #stacks_in_5395.snav-right.snav-condensed .snav-list { border-radius: 0 0 0 var(--rad); } #stacks_in_5395.snav-condensed .snav-list > li:first-child > *:not(ul), #stacks_in_5395.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px; } #stacks_in_5395 .snav-list { min-height: 100%; width: calc(var(--snhp1) + 12px + var(--iconSize) + 12px + var(--snhp1)); } #stacks_in_5395 .snav-list.expanded { width: var(--snw); } #stacks_in_5395.snav-condensed .snav-list { min-height: 0px; } #stacks_in_5395 .snav-item .snav-link { height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_5395 .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_5395 .snav-item .snav-divider { height: var(--iconSize); } #stacks_in_5395 .snav-item.custom-type .snav-icon { height: auto; max-width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); } #stacks_in_5395 .snav-title { position: relative; overflow: hidden; height: 100%; white-space: nowrap; } #stacks_in_5395 .snav-title > div { padding-left: 8px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-overflow: ellipsis; overflow: hidden; } #stacks_in_5395 .snav-divider .snav-title > div { padding-left: 0; } #stacks_in_5395 .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_5395 .open .sub-container { display: block; } #stacks_in_5395 .snav-is-touch .submenu > .subsnav-close { display: block; } #stacks_in_5395:not(.snav-collapsed) .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: none; } #stacks_in_5395 .snav-is-touch .sub-container li:nth-child(2) > a, #stacks_in_5395 .snav-is-touch .sub-container li:nth-child(2):last-child > a { border-radius: 0px; } @media all and (max-width: 2000px) { #stacks_in_5395 .snav-list:not(.expanded) { width: 0; overflow: hidden; } #stacks_in_5395 .snav-toggle { display: block; transition: transform 0.3s ease; } #stacks_in_5395 .snav-list.expanded + .snav-toggle { transform: translateX(160px); } #stacks_in_5395.snav-right .snav-list.expanded + .snav-toggle { transform: translateX(-160px); } #stacks_in_5395 .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: all; } #stacks_in_5395 .snav-list:not(.expanded) .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_5395 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_5395 .snav-list .snav-item.custom-type > .snav-container > .snav-icon { opacity: 0; } #stacks_in_5395 .snav-list .snav-item.custom-type > .snav-container > .snav-icon > * { display: none; } #stacks_in_5395 .sub-container { z-index: 3; } } #stacks_in_5398 { position: relative; user-select: none; } i#stacks_in_5398, svg#stacks_in_5398 { position: relative; display: block; text-align: center; } #stacks_in_5405 { position: relative; user-select: none; } i#stacks_in_5405, svg#stacks_in_5405 { position: relative; display: block; text-align: center; } #stacks_in_5408 { position: relative; user-select: none; } i#stacks_in_5408, svg#stacks_in_5408 { position: relative; display: block; text-align: center; } #stacks_in_5411 { position: relative; user-select: none; } i#stacks_in_5411, svg#stacks_in_5411 { position: relative; display: block; text-align: center; } #stacks_in_5421 { position: relative; user-select: none; } i#stacks_in_5421, svg#stacks_in_5421 { position: relative; display: block; text-align: center; } #stacks_in_5424 { position: relative; user-select: none; } i#stacks_in_5424, svg#stacks_in_5424 { position: relative; display: block; text-align: center; } #stacks_in_5427 { position: relative; user-select: none; } i#stacks_in_5427, svg#stacks_in_5427 { position: relative; display: block; text-align: center; } #fullScreenWrapper-player37 { width: 100%; } #playerWrapper-player37 { display: block; position: relative; } #playerWrapper-player37 *, #playerWrapper-player37 *:before, #playerWrapper-player37 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player37 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player37 { padding-bottom: 56.25%; } #playerWrapper-player37 #media-player37 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player37 .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-player37 .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-player37 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player37 .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-player37 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player37 .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-player37 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player37 .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-player37 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player37 { position: relative; z-index: 4; width: 100%; } #toolbar-player37 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player37 { 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-player37 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player37:hover #toolbar-player37 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player37.playerInFullScreenMode:hover #toolbar-player37, #playerWrapper-player37.playerInFullScreenMode #toolbar-player37 { 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-player37.playerInFullScreenMode #toolbar-player37.toolbarHovered, .playerTouchDevice #playerWrapper-player37.playerInFullScreenMode #toolbar-player37 { opacity: 1.00; } */ #playerWrapper-player37.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5331 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player37 .media-button, #toolbar-player37 .timingContent { line-height: 45px; } #toolbar-player37 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player37 span.time, #media-controls-player37 span.player-extra-element, #media-controls-player37 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_5331 { order: 0; } #playstacks_in_5331 { order: 2; display: block; } #pausestacks_in_5331 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5331 { order: 1; } #skipForwardstacks_in_5331 { order: 3; } #timingstacks_in_5331 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5331 { order: 7; } #contractFromFullScreenstacks_in_5331 { order: 7; display: none /* Start hidden */ } #toolbar-player37 [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-player37 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player37 .media-button a, #toolbar-player37 .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-player37 span.media-button a:hover, #media-controls-player37 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player37 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player37 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5331 { display: flex; flex: 1; align-items: center; } #toolbar-player37 .duration, #toolbar-player37 .scrubberWrapper, #toolbar-player37 .time { /* display: table-cell; */ } #toolbar-player37 .time, #toolbar-player37 .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-player37 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player37 .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-player37 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player37 .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_5331 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5331 { display: none !important; } #volumestacks_in_5331:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5331 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5331:hover #volumeMasterControllerstacks_in_5331 { display: none; } #volumeMinstacks_in_5331 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5331 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5331[type=range], #volumeMinstacks_in_5331, #volumeMaxstacks_in_5331 { display: none; } #volumeMinstacks_in_5331, #volumeMaxstacks_in_5331 { cursor: pointer; } #volumestacks_in_5331:hover #volumeMinstacks_in_5331, #volumestacks_in_5331:hover #volumeMaxstacks_in_5331, #volumestacks_in_5331:hover #volume-barstacks_in_5331 { display: inline; } #volume-barstacks_in_5331[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5331[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5331[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_5331[type=range]:focus { outline: none; } #volume-barstacks_in_5331[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5331[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5331[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5331[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5331[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5331[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5331[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5331[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5331[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-player37.playerInFullScreenMode, #fullScreenWrapper-player37.playerInFullScreenMode #playerWrapper-player37 { height: 100%; } #fullScreenWrapper-player37.playerInFullScreenMode #mediaFrame-player37 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player37.playerInFullScreenMode player37 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player37.playerInFullScreenMode #toolbar-player37 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player37.playerInFullScreenMode #toolbar-player37.toolbarVisible { display: flex; } #fullScreenWrapper-player37.playerInFullScreenMode #PlayerCaptionsBarplayer37 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player37.playerInFullScreenMode #PlayerCaptionsBarplayer37.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player37 #fullscreenHoverRegion-player37 { display: none; } #fullScreenWrapper-player37.playerInFullScreenMode #fullscreenHoverRegion-player37 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5331 { padding: 0px 0px 6px 0px; } #stacks_in_5299 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player38 { width: 100%; } #playerWrapper-player38 { display: block; position: relative; } #playerWrapper-player38 *, #playerWrapper-player38 *:before, #playerWrapper-player38 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player38 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player38 { padding-bottom: 56.25%; } #playerWrapper-player38 #media-player38 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player38 .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-player38 .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-player38 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player38 .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-player38 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player38 .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-player38 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player38 .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-player38 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player38 { position: relative; z-index: 4; width: 100%; } #toolbar-player38 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player38 { 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-player38 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player38:hover #toolbar-player38 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player38.playerInFullScreenMode:hover #toolbar-player38, #playerWrapper-player38.playerInFullScreenMode #toolbar-player38 { 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-player38.playerInFullScreenMode #toolbar-player38.toolbarHovered, .playerTouchDevice #playerWrapper-player38.playerInFullScreenMode #toolbar-player38 { opacity: 1.00; } */ #playerWrapper-player38.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5332 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player38 .media-button, #toolbar-player38 .timingContent { line-height: 45px; } #toolbar-player38 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player38 span.time, #media-controls-player38 span.player-extra-element, #media-controls-player38 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_5332 { order: 0; } #playstacks_in_5332 { order: 2; display: block; } #pausestacks_in_5332 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5332 { order: 1; } #skipForwardstacks_in_5332 { order: 3; } #timingstacks_in_5332 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5332 { order: 7; } #contractFromFullScreenstacks_in_5332 { order: 7; display: none /* Start hidden */ } #toolbar-player38 [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-player38 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player38 .media-button a, #toolbar-player38 .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-player38 span.media-button a:hover, #media-controls-player38 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player38 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player38 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5332 { display: flex; flex: 1; align-items: center; } #toolbar-player38 .duration, #toolbar-player38 .scrubberWrapper, #toolbar-player38 .time { /* display: table-cell; */ } #toolbar-player38 .time, #toolbar-player38 .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-player38 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player38 .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-player38 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player38 .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_5332 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5332 { display: none !important; } #volumestacks_in_5332:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5332 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5332:hover #volumeMasterControllerstacks_in_5332 { display: none; } #volumeMinstacks_in_5332 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5332 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5332[type=range], #volumeMinstacks_in_5332, #volumeMaxstacks_in_5332 { display: none; } #volumeMinstacks_in_5332, #volumeMaxstacks_in_5332 { cursor: pointer; } #volumestacks_in_5332:hover #volumeMinstacks_in_5332, #volumestacks_in_5332:hover #volumeMaxstacks_in_5332, #volumestacks_in_5332:hover #volume-barstacks_in_5332 { display: inline; } #volume-barstacks_in_5332[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5332[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5332[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_5332[type=range]:focus { outline: none; } #volume-barstacks_in_5332[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5332[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5332[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5332[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5332[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5332[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5332[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5332[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5332[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-player38.playerInFullScreenMode, #fullScreenWrapper-player38.playerInFullScreenMode #playerWrapper-player38 { height: 100%; } #fullScreenWrapper-player38.playerInFullScreenMode #mediaFrame-player38 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player38.playerInFullScreenMode player38 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player38.playerInFullScreenMode #toolbar-player38 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player38.playerInFullScreenMode #toolbar-player38.toolbarVisible { display: flex; } #fullScreenWrapper-player38.playerInFullScreenMode #PlayerCaptionsBarplayer38 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player38.playerInFullScreenMode #PlayerCaptionsBarplayer38.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player38 #fullscreenHoverRegion-player38 { display: none; } #fullScreenWrapper-player38.playerInFullScreenMode #fullscreenHoverRegion-player38 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5332 { padding: 0px 0px 6px 0px; } #stacks_in_5309 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player39 { width: 100%; } #playerWrapper-player39 { display: block; position: relative; } #playerWrapper-player39 *, #playerWrapper-player39 *:before, #playerWrapper-player39 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player39 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player39 { padding-bottom: 56.25%; } #playerWrapper-player39 #media-player39 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player39 .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-player39 .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-player39 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player39 .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-player39 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player39 .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-player39 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player39 .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-player39 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player39 { position: relative; z-index: 4; width: 100%; } #toolbar-player39 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player39 { 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-player39 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player39:hover #toolbar-player39 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player39.playerInFullScreenMode:hover #toolbar-player39, #playerWrapper-player39.playerInFullScreenMode #toolbar-player39 { 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-player39.playerInFullScreenMode #toolbar-player39.toolbarHovered, .playerTouchDevice #playerWrapper-player39.playerInFullScreenMode #toolbar-player39 { opacity: 1.00; } */ #playerWrapper-player39.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5333 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player39 .media-button, #toolbar-player39 .timingContent { line-height: 45px; } #toolbar-player39 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player39 span.time, #media-controls-player39 span.player-extra-element, #media-controls-player39 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_5333 { order: 0; } #playstacks_in_5333 { order: 2; display: block; } #pausestacks_in_5333 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5333 { order: 1; } #skipForwardstacks_in_5333 { order: 3; } #timingstacks_in_5333 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5333 { order: 7; } #contractFromFullScreenstacks_in_5333 { order: 7; display: none /* Start hidden */ } #toolbar-player39 [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-player39 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player39 .media-button a, #toolbar-player39 .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-player39 span.media-button a:hover, #media-controls-player39 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player39 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player39 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5333 { display: flex; flex: 1; align-items: center; } #toolbar-player39 .duration, #toolbar-player39 .scrubberWrapper, #toolbar-player39 .time { /* display: table-cell; */ } #toolbar-player39 .time, #toolbar-player39 .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-player39 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player39 .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-player39 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player39 .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_5333 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5333 { display: none !important; } #volumestacks_in_5333:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5333 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5333:hover #volumeMasterControllerstacks_in_5333 { display: none; } #volumeMinstacks_in_5333 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5333 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5333[type=range], #volumeMinstacks_in_5333, #volumeMaxstacks_in_5333 { display: none; } #volumeMinstacks_in_5333, #volumeMaxstacks_in_5333 { cursor: pointer; } #volumestacks_in_5333:hover #volumeMinstacks_in_5333, #volumestacks_in_5333:hover #volumeMaxstacks_in_5333, #volumestacks_in_5333:hover #volume-barstacks_in_5333 { display: inline; } #volume-barstacks_in_5333[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5333[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5333[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_5333[type=range]:focus { outline: none; } #volume-barstacks_in_5333[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5333[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5333[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5333[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5333[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5333[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5333[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5333[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5333[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-player39.playerInFullScreenMode, #fullScreenWrapper-player39.playerInFullScreenMode #playerWrapper-player39 { height: 100%; } #fullScreenWrapper-player39.playerInFullScreenMode #mediaFrame-player39 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player39.playerInFullScreenMode player39 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player39.playerInFullScreenMode #toolbar-player39 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player39.playerInFullScreenMode #toolbar-player39.toolbarVisible { display: flex; } #fullScreenWrapper-player39.playerInFullScreenMode #PlayerCaptionsBarplayer39 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player39.playerInFullScreenMode #PlayerCaptionsBarplayer39.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player39 #fullscreenHoverRegion-player39 { display: none; } #fullScreenWrapper-player39.playerInFullScreenMode #fullscreenHoverRegion-player39 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5333 { padding: 0px 0px 6px 0px; } #stacks_in_5319 { padding: 0px 0px 22px 10px; } #fullScreenWrapper-player40 { width: 100%; } #playerWrapper-player40 { display: block; position: relative; } #playerWrapper-player40 *, #playerWrapper-player40 *:before, #playerWrapper-player40 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player40 { position: relative; width: 100%; height: 0; background: rgba(51, 51, 51, 1.00); } #mediaFrame-player40 { padding-bottom: 56.25%; } #playerWrapper-player40 #media-player40 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player40 .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-player40 .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-player40 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player40 .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-player40 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player40 .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-player40 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player40 .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-player40 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player40 { position: relative; z-index: 4; width: 100%; } #toolbar-player40 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player40 { 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-player40 { height: 28px; flex-wrap: nowrap; } } #playerWrapper-player40:hover #toolbar-player40 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player40.playerInFullScreenMode:hover #toolbar-player40, #playerWrapper-player40.playerInFullScreenMode #toolbar-player40 { 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-player40.playerInFullScreenMode #toolbar-player40.toolbarHovered, .playerTouchDevice #playerWrapper-player40.playerInFullScreenMode #toolbar-player40 { opacity: 1.00; } */ #playerWrapper-player40.playerInFullScreenMode #fullscreenHoverRegionstacks_in_5334 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player40 .media-button, #toolbar-player40 .timingContent { line-height: 45px; } #toolbar-player40 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player40 span.time, #media-controls-player40 span.player-extra-element, #media-controls-player40 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_5334 { order: 0; } #playstacks_in_5334 { order: 2; display: block; } #pausestacks_in_5334 { order: 2; display: none /* Start hidden */ } #skipBackstacks_in_5334 { order: 1; } #skipForwardstacks_in_5334 { order: 3; } #timingstacks_in_5334 { order: 4; cursor: default; } #expandToFullScreenstacks_in_5334 { order: 7; } #contractFromFullScreenstacks_in_5334 { order: 7; display: none /* Start hidden */ } #toolbar-player40 [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-player40 [class^="fa fa-"]:hover { color: rgba(153, 153, 153, 1.00); } #toolbar-player40 .media-button a, #toolbar-player40 .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-player40 span.media-button a:hover, #media-controls-player40 span.media-button button:hover { color: rgba(153, 153, 153, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player40 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player40 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_5334 { display: flex; flex: 1; align-items: center; } #toolbar-player40 .duration, #toolbar-player40 .scrubberWrapper, #toolbar-player40 .time { /* display: table-cell; */ } #toolbar-player40 .time, #toolbar-player40 .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-player40 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 11px; vertical-align: middle; } #toolbar-player40 .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-player40 .progress { -webkit-appearance: none; width: 0px; height: 11px; border: none; border-radius: 9px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player40 .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_5334 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_5334 { display: none !important; } #volumestacks_in_5334:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_5334 { display: inline-block; height: 28px; line-height: 28px; width: 28px; } #volumestacks_in_5334:hover #volumeMasterControllerstacks_in_5334 { display: none; } #volumeMinstacks_in_5334 { position: absolute; left: 0px; top: 0; width: 28px; line-height: 28px; } #volumeMaxstacks_in_5334 { position: absolute; right: 0px; top: 0; width: 28px; line-height: 28px; } #volume-barstacks_in_5334[type=range], #volumeMinstacks_in_5334, #volumeMaxstacks_in_5334 { display: none; } #volumeMinstacks_in_5334, #volumeMaxstacks_in_5334 { cursor: pointer; } #volumestacks_in_5334:hover #volumeMinstacks_in_5334, #volumestacks_in_5334:hover #volumeMaxstacks_in_5334, #volumestacks_in_5334:hover #volume-barstacks_in_5334 { display: inline; } #volume-barstacks_in_5334[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 28px; height: 28px; } #volume-barstacks_in_5334[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5334[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_5334[type=range]:focus { outline: none; } #volume-barstacks_in_5334[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5334[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5334[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5334[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_5334[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5334[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_5334[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_5334[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_5334[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-player40.playerInFullScreenMode, #fullScreenWrapper-player40.playerInFullScreenMode #playerWrapper-player40 { height: 100%; } #fullScreenWrapper-player40.playerInFullScreenMode #mediaFrame-player40 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player40.playerInFullScreenMode player40 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player40.playerInFullScreenMode #toolbar-player40 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player40.playerInFullScreenMode #toolbar-player40.toolbarVisible { display: flex; } #fullScreenWrapper-player40.playerInFullScreenMode #PlayerCaptionsBarplayer40 { position: absolute; bottom: 28px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player40.playerInFullScreenMode #PlayerCaptionsBarplayer40.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player40 #fullscreenHoverRegion-player40 { display: none; } #fullScreenWrapper-player40.playerInFullScreenMode #fullscreenHoverRegion-player40 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_5334 { padding: 0px 0px 6px 0px; } #stacks_in_5329 { padding: 0px 0px 22px 10px; }