/* Video player
-------------------------------------------------- */

html.embedded
overflow: hidden;


html.embedded body.hasVideo
height: 100%;
width: 100%;


.playerContainer
clear: both;
font-family: segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
height: 100%;
position: relative;
width: 100%;


.playerContainer a.playButton
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 100%;
position: relative;
width: 100%;


.playerContainer a.playButton:before
content: "";
display: block;
padding-top: 56.25%;


.playerContainer a.playButton:active,
.playerContainer a.playButton:hover
text-decoration: none;


.playerContainer a.playButton .caption
background-color: rgba(0, 0, 0, .75);
bottom: 0;
color: #fff;
display: block;
font-size: 1.1rem;
padding: 2% 4%;
position: absolute;


body[dir=ltr] .playerContainer a.playButton .caption
left: 0;


body[dir=rtl] .playerContainer a.playButton .caption
right: 0;


.playerContainer > .playButton > .play
display: block;
font-size: 0;
overflow: hidden;
padding-top: 56.25%;
position: absolute;
text-indent: -9999px;
top: 0;
width: 100% !important;
z-index: 9;


.playerContainer > .playButton > .play:before
background-color: rgba(0, 0, 0, .5);
border: 2px solid rgba(0, 0, 0, .2);
border-radius: 8px;
bottom: 0;
color: transparent;
content: "";
cursor: pointer;
display: inline-block;
height: 16%;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-indent: -9999px;
top: 0;
transition: background-color 200ms ease 0s;
width: 9%;
z-index: 10;


.playerContainer > .playButton:focus > .play:before
outline: 2px solid #004e8e;


.playerContainer > .playButton > .play:after
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABjCAYAAABkDAWWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAv5JREFUeNrsnUFHRFEUx1+j79KqVUTMZ6hVHyNaRbSKaBURwxCpbZtapZZFm2ZTq2jVKiIihsh0nrlHw9Q0b+bdc+655//jr1TE/c315v3f3Htner1eQdxRNilXBRClEb4uUC4p15QmhkVeANMMEs4o8xgeeQHMMuWeckyZwzDFYyZcA3oj/uaLckTZpjxjyOQFMJ+UNmWH8oKhkxfAdCkHlF3KG4ZQXgDzTtmn7IXvgbAA5i3MhhblA0MqL4B5DRfqdrheAGEBzHO4UB+Gd1BAWADzFGbECYZZRwDzEEScYrh1BDDnlK0gBPxTRcQA9YbyDBgE9YayAMZ9vaEtgHFbb6QigHFXb6QmgHFTb6QqgMm+3khdAJNtvWFFAJNdvWFNAJNNvWFVAGO+3mgYfwGZrzesz4BBTNYbOQlgTNUbOQpgTNQbOQtgkq43PAhgkqw3PAlgkqo3PApgkqg3PAtgVOsNCPhBpd6AgGFE640GxnsI0XoDM2A00esNCBiPaPUGBFSj9noDAiajtnoDAqZj6noDAuph4noDAuqlcr0BAXEYu96AgLj8W29AgAydol9vXECALreUDcoN/wBdkCxLRX83mnJroEXMAH1amAE6lH3SGmV9FmOhcsNW3ieUvVIBAXIDz5VFd/AXECBzH1C+/fy1K4IA5TthCKiXyl0QBNR7ca3chkLAdEz9PAACJqO2J2IQUI3anwlDwHhE+1QEBIwm+ueCIOBvTsIr/jHmP4GAYfDZUMXaYJWyUgiuO8YMUF4f4FlAEitkPApIao2YJwFJrpL0ICDpdcI5CzCxUj5HAab2ishJgMndUnIRIFIbQIBybYAqQrk2wAzIcNdEKwKy3Tc0dQHZ75ybqgA3e0enJsDd7umpCHB7foC2APcnaGgJwBkyigLM1gbWBeAcMaUqIpvawNoMwFmSSgJwmqqSAJwnrCQAJ2orCcCZ8koC3NYG2gLc1wZaAlAbKApAbaAkALWBkoByJ6fNYmBHJyAjoBMG/gpDIsu3AAMA8Y+rQ0L9JYAAAAAASUVORK5CYII=');


.playerContainer > .playButton > .play:after
background-position: right center;
background-repeat: no-repeat;
bottom: 0;
content: "";
display: inline-block;
left: 1.3%;
position: absolute;
right: 0;
top: 0;
width: 4.5%;
height: 16.215%;
margin: auto;
z-index: 11;


.playerContainer.noVideo > .playButton > .play:before,
.playerContainer.noVideo > .playButton > .play:after
display: none;


.playerContainer > .playButton > .play:hover:before
background-color: rgba(0, 0, 0, 0.9);
color: transparent;


.playerContainer .progress.circles
background-color: transparent;
border: none;


.playerContainer .videoContainer
background-color: #000;
display: none;
height: 100%;
width: 100%;


.playerContainer video.Player
height: 100%;
width: 100%;


.playerContainer .videoContainer.fullscreen
height: 100%;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;


.playerContainer ul.mediaformat,
.playerContainer ul.mediacaptions
display: none;


.playerContainer .videoContainer .error
background-color: #464646;
color: #fff;
padding: 40px;
vertical-align: middle;


.playerContainer .videoContainer .error a,
.playerContainer .videoContainer .error a:hover,
.playerContainer .videoContainer .error a:focus
color: #ffb20b;


.playerContainer .error h3
font-size: 120%;
margin-top: 1.13rem;



.playerContainer .iframeContainer
background-color: #ddd;
clear: both;
padding-bottom: 56.25%;
position: relative;


.playerContainer .iframeContainer:before
background-image: url('/assets/images/ch9Icons.png?v=6');
background-position: -138px -251px;
content: '';
display: block;
height: 35px;
left: calc(50% - 18px);
opacity: .7;
position: absolute;
top: calc(50% - 18px);
width: 35px;

-webkit-animation: spin 1.5s linear infinite;
-moz-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;


@-moz-keyframes spin 100% -moz-transform: rotate(360deg);
@-webkit-keyframes spin 100% -webkit-transform: rotate(360deg);
@keyframes spin 100% -webkit-transform: rotate(360deg); transform:rotate(360deg);

.playerContainer .iframeContainer .playerIframe
height: 100%;
position: absolute;
top: 0;
width: 100%;


.playerContainer .noVideo_region
background-color: #ddd;
padding: 65px 40px;



body
margin: 0;
padding: 0;