/******** Video Styles ********/
.videoCode {display:none; padding:40px 0 12px; position:relative; margin:0px auto;}
.videoSeries {float:none; margin:0 auto; width:560px; height:138px; border:1.5px solid #e0e0e0; border-top:none; padding:10px 12px 0 21px;}
.videoObj {height:309px; margin:auto; width:560px; border:1.5px solid #e0e0e0; border-bottom:none; padding:10px 14px 0; position:relative; overflow:hidden;}
.Pi_link {
	font-size:18px;
	line-height:24px;
	margin:10px auto 0;
	text-align:center; 
	cursor:default; 
	clear:both;
}
.Pi_link a, .Pi_link a:hover{color:#F26937; text-decoration:underline; font-family:'FSJoeyPro-Regular';}
.videoThump { float:left; margin-left:0; margin-top:0; width:100%;}
.videoSeries .carousel {float:left; top:0; width:92% !important; margin-left:0; z-index:1 !important;}
.ribbon-video.active .videoSeries .videoThump {
    display: flex !important;
    align-items: flex-start;
}
a.patientHide {
    cursor: pointer;
}
.thumpItem img.active {border:1.5px solid #F26937;}
.thumpItem img[alt] {font-size:15px; font-weight:400;font-family:'FSJoeyPro-Regular' !important; text-align:center !important; float: none !important;}
.videoTag > img {height:62px;width:103px; border:1px solid #fff;  }
.thumpItem .thumbnailText {float:left; font-size:14px; line-height: 18px; font-family: 'FSJoey-Regular'; padding:0; margin-top:2px; width:100%; color:#444;}
.thumpItem { height:120px !important; margin-left:7px; text-align:center; width:103px !important; line-height:22px;}
.thumbnailHoverImage {display:none;}
/*.disabled.disableBtn {border-color:#dedede !important;}*/
.arrowdwn.disabled, .upArrow.disabled {border-color: #dedede !important; pointer-events: none;}
.upArrow { float:left; position:relative; z-index:1; margin:25px 0 0 -4px;  border: solid #F26937; border-width:0 3px 3px 0; display:inline-block; padding:9px;  transform: rotate(135deg); -webkit-transform: rotate(135deg);  margin-right:10px;}
.arrowdwn {float:left; position:relative; z-index:1; margin:25px 0 0 10px; border:solid #F26937; border-width:0 3px 3px 0; display: inline-block; padding:9px; transform:rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: 10px;}
.videoCode .vjs-control-bar {display:flex !important;}
.videoObj .titileHover, .videoObjCode .vjs-dock-text {font-family: Arial, Helvetica, sans-serif; left:0px; position:absolute; top:0px; width:500px; font-weight: bold; font-size:10px; line-height:1.2;  padding:6px 10px 5px 10px; background:rgb(255 255 255 / 60%); display:none;} /* ELICONMSDP-709 */
.videoCode .close{width:30px; height:30px; float:right; top:34px; right:15%; position:absolute; z-index:1; cursor:pointer; opacity:1;}
.videoCode .close img{
	width:100%;
}
.ken-joe-ribbon-video .patientHide {display:none;}
.ken-joe-ribbon-video .videoSeries {padding:10px 0 0 146px;}
.ThumbLeftMoa {left:-432px !important;}
.main-video-block {cursor:pointer; position:relative;margin:0 auto;}
.video-buttons {text-align:center; cursor:pointer;}
.video-buttons img {height:104px;}
.video-buttons .video-hover {display:none; position:absolute; right:0; top:43%; left:6%; margin:0px auto;width:auto;}
.main-video-block img{width:100%; margin-bottom:20px;}
.main-video-block:hover .video-buttons .video-hover{display:block;}
.ribbon-video-joe .video-buttons .video-hover {
    height: 98px;
	top: 36.85%;
    left: -9px;
}
.ribbon-video-moa .video-buttons .video-hover{ 
	height:92px;
	top: 37.5%;
    left: 20px;   
}
.myra-ribbon-video .video-buttons .video-hover{
	top: 45.3%;
    left: -4px;
    height: 97px;
}
.ken-joe-ribbon-video .video-buttons .video-hover{    
	top: 38.1%;
    left: -2px;
    height: 99px;
}
.drwhy-stroke-ribbon-video .video-buttons .video-hover{    
	top: 36%;
    left: 92px;
    height: 88px;
}
.drwhy-important-ribbon-video .video-buttons .video-hover{
	height: 90px;
	top:41.4%;
	left:12.2%;	
}
.ribbon-video-ken .video-buttons .video-hover{    
	top: 40.8%;
    left: -2px;
    height: 96px;
}
.drwhy-risk-ribbon-video .video-buttons .video-hover{
	top: 37.4%;
    left: 12%;
    height: 94px;
}
.vte .ribbon-video-moa .video-buttons .video-hover{
	top: 36.7%;
    left: 4%;
    height: 98px;
}
.vte .drwhy-important-ribbon-video .video-buttons .video-hover{
	top: 37.3%;
    left: 12%;
    height: 94px;
}
.vte.drwhy-risk-ribbon-video .video-buttons .video-hover{
	top: 40.9%;
    left: 13.5%;
    height: 90px;
}


#video-overlay .modal-content{
	padding:0;
}
#video-overlay button.close {
    right: -44px;
    top: -10px;
    width: 36px;
    height: 36px;
	opacity:1;
}
#video-overlay button.close  img{
	width:100%;
}
#video-overlay .videoContainer.active .videoObjCode {
    height: 400px;
}
.videocnt{
	background:#F2F3F3 ;
	min-height:50px;
	display: flex;
    align-items: center;
    justify-content: center;
}
a.link,a.link:hover{
	color:#F26937;
	text-decoration:underline;
}
#video-overlay .videoContainer.active .videoObjCode .popcorn-contents.top-left {
    left: unset;
    right: 0px;
}
.videoCode .videoSeries {
    min-height: 138px;
    height: auto !important;
    display: flex !important;
}
.videoCode .videoSeries .Thumbs {
    display: flex;
    gap: 5px;
    width: auto !important;
}
.videoCode .videoSeries .thumpItem{
    min-height: 127px !important;
    height: auto !important;
}
.videoCode .videoSeries .carousel {
    width: 100% !important;
    display: flex;
}
.ribbon-video-moa .videoSeries ul.Thumbs.ThumbLeftMoa { /* ELICONMSDP-702 */
    left: 0px !important;
}
.video-js .vjs-dock-title {
    color: #1C1C1C;
}
@media (max-width:992px) {
.videoCode .close{right:15px;}
#video-overlay .videoContainer.active .videoObjCode{
	height:330px;
}
}

@media (max-width:768px) {

/******** Video Styles ********/
.videoObj { height:157px;  margin:0 auto; padding: 6px 6px 0;  width:282px; }
.videoCode .close {     
	right: 0;
    top: 4px;
}
#video-overlay button.close{
	width: 20px;
    height: 20px;
    right: 0;
    top: -33px;
}
.videoCode {    
	width: min-content;
	margin-bottom:30px; 
}
.videocnt{
	min-height:40px;
}
.videocnt p{
	font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 0 20px;
}
.videoSeries .carousel {width: 84% !important; }
.videoSeries, .ken-joe-ribbon-video .videoSeries { margin:0 auto 0 auto; width:282px; height:138px; padding:8px 0 0 5px; }
.videoObj .titileHover, .videoObjCode .vjs-dock-text { left:0px; top:0px; width:270px; font-size:11px; } /* ELICONMSDP-709 */
.videoObjCode:hover .vjs-dock-text {display: block; color: #1c1c1c;}
.thumpItem { margin:0; height:127px !important;  }
.videoTag > img { height:60px; width:100px; }
.upArrow, .arrowdwn { margin:15px 5px; }
.Pi_link {margin:10px 10px 0;}
.ken-joe-ribbon-video .videoSeries .carousel { width:100% !important;}
.ken-joe-ribbon-video .thumpItem { width:94px !important; height:110px !important; margin-left:-3px;  }
.ken-joe-ribbon-video .videoTag > img { height:53px; width:86px;  }

}


@media (max-width:576px){
#video-overlay .videoContainer.active .videoObjCode {
    height: 230px;
}
}