:root {
	
	--css-video-version:", CSS-version 2.1.1";
	/* Change the bg for the audiplayer to match the header*/
}
/* desktop*/
 .lex-video-player .mejs__controls{
     opacity: 0;
     transition-duration: 0.5s;
     animation: fadeOut 0.5s;
}
 .lex-video-player .mejs__controls .jump-back:focus + .mejs__controls{
     opacity:1;
}
.lex-video-player .visible{
     opacity:1 !important;
     display:block !important;
     animation: fadeIn 0.5s;
}
 @keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fadeOut {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 .lex-video-player .mejs__container:hover .mejs__controls{
     opacity:1;
     transition-duration: 0.5s;
}
 .lex-video-player .mejs__container:focus .mejs__controls{
     opacity:1;
     transition-duration: 0.5s;
}
 .lex-video-player .mejs__controls {
     background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2189250700280112) 15%, rgba(0,0,0,0.35057773109243695) 30%, rgba(0,0,0,0.49343487394957986) 42%, rgba(0,0,0,0.639093137254902) 61%, rgba(0,0,0,0.7819502801120448) 88%, rgba(0,0,0,0.9304096638655462) 100%) !important;
     height: 70px !important;
     bottom: 0px !important;
     padding:0;
     margin:0;
}
 .lex-video-player .mejs__time-total{
     background:transparent;
     top: 6px;
     height: 16px;
     z-index: 2000;
}
 .lex-video-player .mejs__controls .mejs__time-rail{
     position: absolute;
     width: calc(100% - 40px);
     left: 20px;
     margin:0;
     height:20px;
}
 .lex-video-player .mejs__time-handle{
     width:15px;
     height:15px;
}
 .lex-video-player .jump-back, .lex-video-player .jump-forward {
     position: absolute;
     top: 32px;
     width: 24px;
     height: 24px;
     color: white;
     cursor: pointer;
}
 .lex-video-player .jump-forward{
     background: url(../included_files/player_icons/5-forw.png) no-repeat;
     background-size: 20px;
     left: 120px;
     border:none;
}
 .lex-video-player .jump-back{
     background: url(../included_files/player_icons/5-back.png) no-repeat;
     background-size: 20px;
     left: 70px;
     border:none;
}
 .lex-video-player .mejs__time-buffering{
     display: block !important;
     background: white;
     opacity: 0.3;
     height: 3px;
     top: 6px;
}
 .lex-video-player .mejs__time-loaded{
     background: white;
     opacity:0.3;
     height: 3px;
     top:6px;
}
 .lex-video-player .mejs__time-current{
     background: white;
     height: 3px;
     top:6px;
}
 .lex-video-player .mejs__playpause-button {
     left: 22px;
     position: absolute;
     top:34px;
}
 .lex-video-player .mejs__controls .mejs__play button{
     background: url(../included_files/player_icons/video-play.png) no-repeat !important;
     background-size: 18px !important;
     margin: 0;
}
 .lex-video-player .mejs__play > button:hover {
     background: url(../included_files/player_icons/video-play.png) no-repeat !important;
     background-size: 18px !important;
}
 .lex-video-player .mejs__controls .mejs__pause button{
     background:url(../included_files/player_icons/video-pause.png) no-repeat !important;
     background-size: 18px !important;
     margin: 0;
}
 .lex-video-player .mejs__pause > button:hover {
     background:url(../included_files/player_icons/video-pause.png) no-repeat !important;
     background-size: 18px !important;
}
 .lex-video-player .mejs__replay > button {
     background: url(../included_files/player_icons/video-play.png) no-repeat;
	 background-size: 18px !important; 
	 margin: 0;
}
 .lex-video-player .mejs__captions-position-hover {
     top: -50px;
     position: absolute;
}
 .lex-video-player .mejs__time {
     top: 32px;
     position: absolute;
     left: 200px;
     width:80px;
     width: 100px;
     color: rgba(255, 255, 255, 1);
     font-size: 14px;
}
 .lex-video-player .mejs__controls .mejs__captions-button {
     position: absolute;
     top:34px;
     left: auto;
     right: 135px;
}
 .lex-video-player .mejs__controls .mejs__captions-button button{
     background:url(../included_files/player_icons/video-cc.png) no-repeat !important;
     background-size: 22px !important;
}
 .lex-video-player .mejs__controls .mejs__captions-enabled button{
     background:url(../included_files/player_icons/video-cc-on.png) no-repeat !important;
     background-size: 22px !important;
}
 .lex-video-player .mejs__controls .mejs__volume-button {
     position:absolute;
     top: 37px;
     left: 165px;
     width: 24px;
     height: 24px;
}
 .lex-video-player .mejs__volume-slider{
     z-index: 2000;
}
 .lex-video-player .mejs__mute > button{
     background:url(../included_files/player_icons/video-sound-on.png) no-repeat !important;
     height: 14px;
     top:0px;
     background-size: 24px !important;
}
 .lex-video-player .mejs__unmute > button{
     background:url(../included_files/player_icons/video-sound-off.png) no-repeat !important;
     background-size: 24px !important;
     height: 14px;
     width:22px;
     top:0px;
     left:-5px;
}
 .lex-video-player .mejs__speed-button {
     height: 31px;
     position: absolute;
     right: 65px;
     width:55px;
     top: 32px;
}
 .lex-video-player .mejs__speed-button > button,  .lex-video-player .mejs-speed-button > button {
     color: white;
     font-size: 14px;
     width: 55px;
}
 .lex-video-player .mejs__speed-selector{
     z-index:2000;
     left:2px !important;
}
 .lex-video-player .mejs__controls .mejs__fullscreen-button {
     position:absolute;
     top: 34px;
     width: 24px;
     height: 30px;
     background: none;
     right: 22px;
}
 .lex-video-player .mejs__controls .mejs__fullscreen-button button{
     background:url(../included_files/player_icons/video-maximize.png) no-repeat !important;
     background-size: 17px !important;
}
 .lex-video-player .mejs__fullscreen-button > button:hover {
     background:url(../included_files/player_icons/video-maximize.png) no-repeat !important;
     background-size: 17px !important;
     top:0px;
}
 .lex-video-player .mejs__unfullscreen-button > button {
     background: url(Sprites/control-lex-video-player.png) no-repeat -41px -4px;
     top:0px;
     height: 16px;
}
 .lex-video-player .mejs__unfullscreen-button > button:hover {
     background: url(Sprites/control-lex-video-player.png) no-repeat -41px -4px;
     top:0px;
     height: 16px;
}

.lex-video-player .player_mask{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent;
	
}

/*------------------------------Phone landscape-----------------------*/
 .PhoneLandscape .lex-video-player div[id^="video"] .mejs__controls{
     opacity:1;
}
/*------------------------------Phone portrait-----------------------*/
 .PhonePortrait .lex-video-player .mejs__controls {
     background: transparent;
     height: 70px;
     bottom: -1px;
     padding:0;
     margin:0;
     opacity:0;
    /*display:none;
    */
}
 .PhonePortrait .lex-video-player .mejs__layers {
     background: transparent;
     height: 70px;
     bottom: -1px;
     padding:0;
     margin:0;
     opacity:1 !important;
     display:block !important;
}
 .PhonePortrait .lex-video-player .mejs__captions-position-hover {
     top: auto !important;
     position: absolute !important;
}
 @keyframes controlsIn {
     0% {
         filter: opacity(0);
    }
     100% {
         filter: opacity(1);
    }
}
 @keyframes controlsOut {
     0% {
         filter: opacity(1);
    }
     100% {
         filter: opacity(0);
    }
}
 .PhonePortrait .lex-video-player .mejs__controls.visible{
     display:block !important;
     animation: controlsIn 0.5s;
     filter: opacity(1);
	 visibility:visible;
}
 .PhonePortrait .lex-video-player .mejs__controls{
     filter: opacity(0);
     animation: controlsOut 0.5s;
	 visibility:hidden;
}
 .PhonePortrait .lex-video-player .mejs__container {
     filter: brightness(100%);
     animation: fadeIn 0.5s;
}
 @keyframes fadeIn {
     0% {
         filter:brightness(50%) 
    }
     100% {
         filter:brightness(100%) 
    }
}
 .PhonePortrait .lex-video-player .dark video{
     filter: brightness(50%) !important;
     animation: fadeDown 0.5s !important;
}
 @keyframes fadeDown {
     0% {
         filter:brightness(100%) 
    }
     100% {
         filter:brightness(50%) 
    }
}
 .PhonePortrait .lex-video-player .mejs__controls .mejs__fullscreen-button {
     position:absolute;
     top: 37px;
     width: 24px;
     height: 30px;
     background: none;
     left: 90%;
}
 .PhonePortrait .lex-video-player .mejs__speed-button {
     height: 31px;
     position: absolute;
     left: 48%;
     width:55px;
     top:32px;
}
 .PhonePortrait .lex-video-player .mejs__playpause-button {
     display:none;
}
 .PhonePortrait .lex-video-player .mejs__controls .mejs__volume-button {
     position:absolute;
     top: 36px;
     left: 34%;
     width: 24px;
     height: 24px;
}
 .PhonePortrait .lex-video-player .mejs__controls .mejs__captions-button {
     position: absolute;
     left:72%;
     top:35px;
}
 .PhonePortrait .lex-video-player .jump-back, .PhonePortrait .lex-video-player .jump-forward {
     position: absolute;
     width: 60px;
     height: 70px;
     color: white;
     cursor: pointer;
     top: -120%;
}
 .PhonePortrait .lex-video-player .jump-forward{
     background: url(../included_files/player_icons/5-forw.png) no-repeat;
     background-size: 37px;
     left: 71%;
}
 .PhonePortrait .lex-video-player .jump-back{
     background: url(../included_files/player_icons/5-back.png) no-repeat;
     background-size: 37px;
     left: 21%;
}
 .PhonePortrait .lex-video-player .mejs__time {
     top: 32px;
     position: absolute;
     left: 1%;
     width:80px;
     width: 100px;
     color: rgba(255, 255, 255, 1);
     font-size: 14px;
}
/*-------------------------------------Tablet portrait-----------------------*/
 .TabletPortrait .lex-video-player .mejs__controls {
     background: transparent;
     height: 70px;
     bottom: -1px;
     padding:0;
     margin:0;
     opacity:0;
     display:block;
}
 .TabletPortrait .lex-video-player .mejs__layers {
     background: transparent;
     height: 70px;
     bottom: -1px;
     padding:0;
     margin:0;
     opacity:1 !important;
     display:block !important;
}
 .TabletPortrait .lex-video-player .mejs__captions-position-hover {
     top: auto !important;
     position: absolute !important;
}
 @keyframes controlsIn {
     0% {
         filter: opacity(0);
    }
     100% {
         filter: opacity(1);
    }
}
 @keyframes controlsOut {
     0% {
         filter: opacity(1);
    }
     100% {
         filter: opacity(0);
    }
}
 .TabletPortrait .lex-video-player .mejs__controls.visible{
     display:block !important;
     animation: controlsIn 0.5s;
     filter: opacity(1);
}
 .TabletPortrait .lex-video-player .mejs__controls{
     filter: opacity(0);
     animation: controlsOut 0.5s;
}
 .TabletPortrait .lex-video-player .visible{
     opacity:1 !important;
     display:block !important;
     animation: fadeIn 0.5s;
}
 .TabletPortrait .lex-video-player .dark video{
     filter:brightness(50%);
     animation: fadeDown 0.5s;
}
 @keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fadeDown {
     0% {
         filter:brightness(100%) 
    }
     100% {
         filter:brightness(50%) 
    }
}
/*----------------------------------Tablet landscape-------------------------------*/
 .TabletLandscape .lex-video-player .mejs__controls {
     background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2189250700280112) 15%, rgba(0,0,0,0.35057773109243695) 30%, rgba(0,0,0,0.49343487394957986) 42%, rgba(0,0,0,0.639093137254902) 61%, rgba(0,0,0,0.7819502801120448) 88%, rgba(0,0,0,0.9304096638655462) 100%);
     height: 70px;
     bottom: -1px;
     padding:0;
     margin:0;
     opacity:0;
     display:block;
}
 .TabletLandscape .lex-video-player .mejs__layers {
     background: transparent;
     height: 70px;
     bottom: -1px;
     padding:0;
     margin:0;
     opacity:0;
     display:block;
}
 @keyframes controlsIn {
     0% {
         filter: opacity(0);
    }
     100% {
         filter: opacity(1);
    }
}
 @keyframes controlsOut {
     0% {
         filter: opacity(1);
    }
     100% {
         filter: opacity(0);
    }
}
 .TabletLandscape .lex-video-player .mejs__controls.visible{
     display:block !important;
     animation: controlsIn 0.5s;
     filter: opacity(1);
}
 .TabletLandscape .lex-video-player .mejs__controls{
     filter: opacity(0);
     animation: controlsOut 0.5s;
}
 