#videoSideList { display: table; width: 100%; padding: 0; box-sizing: border-box; }

/*Player*/
#videoSideList .videoSelected {
    padding: 0;
    position: relative;
    overflow: hidden;
}
#videoSideList .vsWrap { position: absolute; opacity: 0; transition: 0.25s; left: 0; right: 15px; top: 0; padding-left: 15px; filter: alpha(opacity=0);    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#videoSideList .vsWrap.selected { opacity: 1; left: auto; z-index: 1; position: relative; filter: alpha(opacity=100);    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#videoSideList .vsWrap a.navOutNext {
	-webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

#videoSideList .vsWrap a.navInNext {
	-webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
#videoSideList .vsPlay { width: 100%; height: 503px; display: block; background-size: cover; background-position: 50% 50%;}
#videoSideList .playBtn { background-image: url('/Images/global/playBtn.png'); width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: 50% 50%; }
#videoSideList .title { margin: 1em 0.5em 2em 0.5em; text-align: left;}
#videoSideList .videoPlayer { /* position: absolute; */ top: 0; right: 15px; left: 0; height: 0; /* background-color: black; */ /* display:none; */ z-index: 2; padding-bottom: 56.25%;}
#videoSideList .videoPlayer > iframe { width: 100%; height: 100%; top: 0; z-index: 1; position: absolute; -webkit-transform: scale(0.1) translateY(100%); transform: scale(0.1) translateY(100%); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; opacity: 0;}
#videoSideList .videoPlayer > iframe.active {
    z-index: 2;
    /* display: none; */
    -webkit-transform: scale(1) translateY(0%);
    transform: scale(1) translateY(0%);
    opacity: 1;
}
/*List*/
#videoSideList .videoList {padding-bottom: 3em; padding-right: 0;}
#videoSideList .videoList > i {left: 50%;display: block;text-align: center;font-size: 26px;padding: 12px 0px;cursor: pointer;height: 50px;font-weight: 500;color: #0069BC;}
#videoSideList .videoList > i.arrowUp {
    margin-top: -50px;
}
#videoSideList .videoList > i.arrowDown {}
#videoSideList .videoList > i.inactive {color:#DDD;}
#videoSideList .videosWrap { margin: -0.5em 0; display: block; width: 100%; height: 529px; overflow: hidden;}
#videoSideList .marginHide { display: table; width: 100%; transition: 0.5s; will-change: transform; /* transform: translateY(-376px)!important; */}
#videoSideList .videoItem { margin: 9.25px 0; cursor: pointer; padding: 0; /* border-right: 1em solid white; */ display: table-row; overflow: hidden; color: #333; transition: 0.5s;}
#videoSideList .videoItem:hover { background-color: #E8ECEF; color: #1F7BC4; }
#videoSideList .videoItem.active { background-color: #E8ECEF; color: #1F7BC4; }
#videoSideList .padEnforcer { vertical-align: middle; display: inline-block; float: none; padding-left: 0; max-width: 200px;}
#videoSideList .videoThumbnail { height: 114px; background: no-repeat 50% 50%; background-size: cover; position: relative; overflow: hidden;}
#videoSideList .videoThumbnail .playHover { content:'Play'; background:url('/Images/Home/FeaturedVideos/listHoverTriangle.png'); width: 800%; height: 800%; left: -325%; top: -350%; position: absolute; background-position: 50% 50%; background-size: 100%; transition: 0.25s; color: #FFFFFF; text-align: center; padding-top: 400%; font-size: 13px; text-transform: uppercase; opacity: 0; letter-spacing: 1px; font-weight: 600; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* vertical-align: bottom; */}
#videoSideList .videoItem:hover .videoThumbnail .playHover {
    background-size: 100%;
 
    background-position: 50% -27px;
    opacity: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 39%;
}
#videoSideList .playBtnTiny { background-image: url('/Images/global/playBtnTiny.png'); width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: 0% 100%; transition:0.1s ;position: absolute; filter: alpha(opacity=0);    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 1;}
#videoSideList .videoItem:hover .playBtnTiny {opacity:0;background-position: -30px 110%;}
#videoSideList .videoDesc { vertical-align: middle; font-weight: 400; font-size: 15px; line-height:1.75em; display: inline-block; float: none; text-align: left;}

@media screen and (max-width:1366px) {
#videoSideList .videoDesc { font-size: 18px;}
}

@media screen and (max-width:1150px) {
#videoSideList .videoDesc { font-size: 16px;}
#videoSideList .videoItem .videoThumbnail:before {
    padding-top: 48%;
}
#videoSideList .videoItem:hover .videoThumbnail:before {
    background-position: 50% -12px;
}
}

@media screen and (max-width:991px) {
#videoSideList .videoDesc { font-size: 20px;}
#videoSideList .videoSelected {display:none}
#videoSideList {
    padding: 0;
}
#videoSideList .videoList {
    padding: 0 0 3em;
 }
#videoSideList .playBtnTiny {
    background-size: 33px 33px;
 }
 #videoSideList .videoList > i.arrowUp{
    margin-top: -20px;
}
}
@media screen and (max-width:800px) {
#videoSideList .videoPlayer{height: 446px;}
#videoSideList .vsPlay{height: 446px;}
}
@media screen and (max-width:767px) {
#videoSideList .videoSelected {display:none}
#videoSideList {
    padding: 0;
    margin: 0 -7px;
}
#videoSideList .videoList {
    padding: 0 0 3em;
 }
#videoSideList .videoItem { border-right: 0px;}
#videoSideList .videoItem:hover { background-color: #FFFFFF; color: #454545; }
#videoSideList .videoItem.active { background-color: #FFFFFF; color: #454545; }
}
@media screen and (max-width:600px) {
#videoSideList .videoPlayer{height: 334px;}
#videoSideList .vsPlay{height: 334px;}
#videoSideList .padEnforcer {
 
}
#videoSideList .videoDesc { font-size: 16px; }
}

@media screen and (max-width:450px) {
#videoSideList .padEnforcer {
}
#videoSideList .videoDesc {
    font-size: 14px;
 
    line-height: 1.3em;
    padding: 0;
}
#videoSideList .videoItem {margin-bottom:5px}

#videoSideList .videoThumbnail { height: 80px; background: no-repeat 50% 50%; background-size: cover; position: relative;}

#videoSideList .videoItem:hover .videoThumbnail:before {
    opacity:0
}
#videoSideList .videoItem:hover .playBtnTiny {opacity:1;background-position: 0 100%;}
#videoSideList .videosWrap{height:376px;}
}

@-webkit-keyframes scaleUp {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: scale(1.2);
		opacity: 0;
	}
}

@keyframes scaleUp {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
	}
}

@-webkit-keyframes scaleDownUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes scaleDownUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}