.dreambroker-individual{position:relative;overflow:hidden;padding-top:56.25%}
.dreambroker-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.elipsis{font-size:12px}
.relative{position:relative}
a.overlay{position:absolute;left:0;bottom:0;right:0;top:0;opacity:0;cursor:pointer}
.wrapper{border:1px solid #ddd;background-color:#fff}
.col-md-12.video-container{padding:15px;padding-top:25px}
.content-height{max-height:220px}
.modal-dialog{position:absolute;top:25%;left:0;right:0;bottom:0}
.firstIframe{border-radius:0;margin-left:0;border-style:solid;width:100%}
.firstIframe:hover{-webkit-filter:brightness(0.6);filter:brightness(0.6)}
.videoLink{color:transparent;position:relative}
.videoLink:hover{color:#fd000080;cursor:pointer}
.duration-overlay{position:absolute;right:10px;bottom:0}
.duration-overlay p{font-size:12px;color:white;background-color:black;padding-right:2px;padding-left:2px;font-weight:bold}
.viewer-overlay{position:absolute;z-index:1;top:10px;right:22px}
.viewer-overlay p{font-size:12px;color:white;background-color:black;padding-right:2px;padding-left:2px;font-weight:bold}
.modal-content{position:absolute;left:0}
.padding-none{padding-right:0;padding-left:0}
.margin-bottom{margin-bottom:15px}
a.overlay{position:absolute;z-index:500;background-color:#fff;bottom:0;opacity:.2;cursor:pointer;transition:.5s;border-radius:0;margin:15px;height:50%}
a.overlay:hover{background-color:#000;border-radius:0}
.modal-dialog.modal-wrap{position:absolute}
#iframeYoutube{position:absolute}
.modal-wrap{width:854px !important;margin:0 auto !important}
.panel-title{word-wrap:break-word;font-weight:600}
.duration{margin-left:3px;font-size:11px;display:inline;float:right;margin-top:0}
.panel-body.date{padding:0 10px;padding-top:0;font-size:11px}
h5.panel-title.video-title{font-size:12px}
.category{font-weight:600}
.panel-heading.heading-position{padding-left:10px}
.modal-footer.description{position:absolute;top:67.5%;left:2px;right:-1px;background-color:#000;text-align:left;border:0;opacity:.8}
#description{word-break:break-word;text-align:left;color:#f5f5f5}
.darken{background-color:rgba(0,128,0,0.3)}
.myNewModal{display:none;position:fixed;z-index:1000;padding-top:100px;padding-bottom:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.6)}
#caption{bottom:0;height:5%;width:100%;margin:0 auto;left:0;right:0;background-color:black;padding:2px 10px;position:absolute;color:white}
#caption p{font-size:1rem;margin:0;color:white}
.modal-content{margin:auto;display:block;width:80%;max-width:700px}
.modal-content,#caption{animation-name:zoom;animation-duration:.6s}
@keyframes zoom{from{transform:scale(0)}
to{transform:scale(1)}
}
.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s}
.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}
.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:95%;border:0}
.embed-responsive-center{padding-bottom:35%;width:100%;height:100% !important;animation-name:zoom;animation-duration:.6s}
@media only screen and (max-width:700px){.modal-content{width:100%}
}
@media only screen and (min-width:1200px){.embed-responsive .embed-responsive-item,.embed-responsive iframe{right:0;width:80%;margin:0 auto}
#caption{width:80%}
}