.videoplayer.cmp-video-player-accent{background-color:#f4f4f4}
.videoplayer-container{max-width:1627px;width:100%;margin:0 auto;padding-bottom:4rem}
.main-container{display:flex;justify-content:center;max-width:100%}
.primary-video{width:calc(75% - 30px);max-width:calc(75% - 30px);margin-right:30px}
.secondary-videos{width:25%;padding:0 10px;position:relative}
.video-list{list-style:none;padding-right:1.5rem}
.video-list li{display:flex;padding:1rem 0;border-top:1px solid #dadada}
.video-list a video{box-shadow:0 0 10px #000}
.video-list video{width:150px;height:auto;margin-right:10px}
.video-list-container{max-height:600px;overflow:hidden;overflow-y:auto}
.videoplayer-iframe{height:100%}
@media screen and (min-width:1024px){.videoplayer-iframe{aspect-ratio:1.77777778}
}
.video-list li::before{content:none}
.video-list li .videoplayer-listitem-thumbnail{width:105px;height:96px;margin-right:1.5rem;object-fit:cover}
.video-list li a{display:flex;flex-direction:row;flex-wrap:nowrap}
.videoplayer-listitem-textwrapper{display:flex;flex-direction:column;justify-content:center}
.videoplayer-listitem-title{font-size:18px;font-weight:700;line-height:21px;color:#00324b;margin-bottom:10px}
.videoplayer-listitem-time{font-size:14px;line-height:16px;color:#00324b}
.video-list-heading{font-size:16px;line-height:21px;font-weight:700;color:#00324b;margin-bottom:1rem}
.videoplayer-main-title{padding:2rem 0 4.5rem}
.videoplayer-listitem-imgwrapper::before{content:'';width:42px;height:42px;background:url('resources/images/video-play.svg') no-repeat;position:absolute;top:27px;left:34px;background-position:center;background-size:42px}
a.selected .videoplayer-listitem-imgwrapper::before{content:none}
.videoplayer-listitem-imgwrapper{position:relative}
.video-list li .videoplayer-listitem-imgwrapper span{display:none}
.video-list li a:hover,.video-list li a.selected{text-decoration:none}
.video-list li a:hover .videoplayer-listitem-title,.video-list li a.selected .videoplayer-listitem-title{color:#009b91}
.video-list li a:hover .videoplayer-listitem-time,.video-list li a.selected .videoplayer-listitem-time{color:#009b91}
.video-list-container::-webkit-scrollbar{width:4px}
.video-list-container::-webkit-scrollbar-track{background:#dadada}
.video-list-container::-webkit-scrollbar-thumb{background:#009b91}
@media screen and (min-width:1024px){.secondary-videos::after{content:'';width:100%;height:65px;display:block;position:absolute;bottom:-1px;background:linear-gradient(0,#f3f3f3 8.53%,rgba(243,243,243,0) 90.31%)}
.video-list li a.selected .videoplayer-listitem-imgwrapper span{width:105px;height:96px;padding:0 10px;background-color:#009b91;top:0;left:0;position:absolute;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}
}
@media screen and (min-width:1024px) and (max-width:1366px){.videoplayer-container{max-width:100%;width:100%;padding-bottom:4rem}
.videoplayer-main-title{padding:2rem 0 2rem}
.primary-video{width:74%;max-width:calc(100vw - 29%);margin-right:15px}
.secondary-videos{padding:0 5px}
.video-list-container{max-height:480px}
.video-list{padding-right:1rem}
.video-list li .videoplayer-listitem-thumbnail{margin-right:.75rem}
}
.video-list::-webkit-scrollbar{height:4px}
.video-list::-webkit-scrollbar-track{background:#00000000}
.video-list::-webkit-scrollbar-thumb{background-color:#009b91}
@media screen and (max-width:1023px){.videoplayer-container{padding:0;padding-left:20px;padding-bottom:2rem;max-width:calc(100% - 20px)}
.videoplayer-main-title{padding:2rem 0}
.primary-video{display:none}
.secondary-videos{width:100%;padding:0}
.secondary-videos .video-list-heading{display:none}
.video-list{display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;overflow-x:auto;overflow-y:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-ms-overflow-style:none}
.video-list li{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:calc(100% - 20px);margin-right:1.5rem;border:0}
.video-list li a{flex-direction:column}
.video-list li .videoplayer-listitem-thumbnail{width:100%;height:190px}
.videoplayer-listitem-imgwrapper::before{top:35%;left:45%}
.videoplayer-listitem-imgwrapper{width:100%;height:190px}
.videoplayer-listitem-textwrapper{margin-top:1rem}
.video-list li a.selected .videoplayer-listitem-thumbnail{display:none}
}
@media screen and (min-width:768px) and (max-width:1023px){.video-list li{-ms-flex-negative:0;flex-shrink:0;width:85%;max-width:calc(100% - 20px);margin-right:1.5rem;border:0}
.videoplayer-listitem-imgwrapper{width:100%;height:350px}
.video-list li .videoplayer-listitem-thumbnail{width:598px;height:350px}
.videoplayer-listitem-imgwrapper::before{top:43%;left:46%}
.videoplayer-listitem-imgwrapper .videoplayer-iframe{height:350px;width:632px}
}