.videoOnDemandHero { background-color:#fff0ed;padding:60px 0; }
.videoOnDemandSection .cardList { padding:0 0 36px; border-radius:0; box-shadow:none; border-bottom: 1px solid #E6E8E9; }
.vidLoop:last-child .cardList { border-bottom-color:transparent; }
.videoOnDemandSection .cardList .md-card-image { height: auto !important; }

.videoOnDemandSection md-tabs-canvas { height:52px; }
.videoOnDemandSection md-tabs-wrapper{ border-bottom: 1px solid #E6E8E9; border-top: 1px solid #E6E8E9; padding:15px 0;}
.videoOnDemandSection md-tabs .md-tab{ background-color:#f2f3f4; color:#66737b; border-radius:35px; border:7px solid #fff;padding: 10px 15px; }
.videoOnDemandSection md-tabs .md-tab.md-active { background-color:#ff008a; color:#fff; }
.videoOnDemandSection md-tabs md-ink-bar { display:none; }
.videoLink { position:relative; overflow:hidden; }
.videoLink::before { content: ''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#000000; border-radius: 12px; opacity: 0.35; z-index:2; }
.videoLink::after { content: ''; position:absolute; left:calc(50% - 26px); top:calc(50% - 26px); height:52px;width:52px; background:url('../../Images/videopage/video-on-demand-play.svg') no-repeat center top / cover; border-radius: 12px;z-index:3; }
.video-wrapper { position: relative;width: 80%;max-width: 900px; padding-top: 56.25%; background: #000; }
.video-wrapper iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0; }
.close-button:hover { background-color: #f00;color: #fff; }
.video-popup { position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .5);z-index: 99;display: flex;justify-content: center;align-items: center; }
.video-popup-content { background-color: #F5F5F5;padding: 2rem;border-radius: 3px;box-shadow: 0 0 25px rgba(0, 0, 0, .2);width: 900px;max-height: calc(100vh - 40px);overflow: auto;position: relative;max-width: calc(100vw - 40px);}
.video-popup-close { background-color: #333; position: absolute; top: 0; right: 0; color: #fff; border: none; font-size: 24px; cursor: pointer; padding: 4px 7px; z-index: 10; }
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
.embed-responsive-16by9::before { padding-top: 56.25%; display: block; content: ""; }
.embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }


.videoTagCat span { background-color:#FFECF6; color: #ff008a; padding:5px 12px; border-radius:14px; display:inline-block; font-size:14px }
.videoDemandHeader { padding:2rem  0.85rem 1rem }
.searchVideo { width:40% }
.searchVideo input {     border: 2px solid #CCD0D3 !important;
    border-radius: 4px;
    height:42px;
    padding: 8px 24px 8px 8px !important;}
.selectCat { width:20% }
.selectCat  md-select{     border: 2px solid #CCD0D3 !important;
    border-radius: 4px;
    height:42px;
    padding:0 8px !important;}
.searchVideo md-icon { right:22px !important; top:12px; color:#33454F }
.searchVideo.md-icon-right { padding-right:12px }

.selectCat md-select-value { border-bottom:0!important }


@media screen and (max-width:579px) {
.searchVideo { width:100% }
.selectCat { width:100% }

}