@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

.brid-consumable-main{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: auto !important;
}
.brid-consumable-main .brid-controls{
    left: 0;
    right: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 1.8em;
    height: 4.2em;
    background: rgba(0,0,0,0.7);
    transition: 0s;
    /*
    background: -moz-linear-gradient(-45deg,#000 0,#000 50%,#000 51%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#000),color-stop(50%,#000),color-stop(51%,#000));
    background: -webkit-linear-gradient(-45deg,#000 0,#000 50%,#000 51%);
    background: -o-linear-gradient(-45deg,#000 0,#000 50%,#000 51%);
    background: -ms-linear-gradient(-45deg,#000 0,#000 50%,#000 51%);
    background: linear-gradient(135deg,#000 0,#000 50%,#000 51%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000000', GradientType=1)
    */
}
 
.brid-consumable-main .brid-control{
    padding: 0.7em 0.3em;
 
}
.brid-consumable-main .brid-control svg{
    height: 1.8em;
    width: 1.8em;
}
.brid-consumable-main .brid-play-control{
    text-align: center;
    margin: 0 0 0 0;
    height: 2.8em;
    width: 2.8em;
    padding: 1.1em 0 0 0
}
.brid-consumable-main .brid-play-control svg{
    height: 2em;
    width: 2em
}
.brid-consumable-main .brid-rewind-control{
  padding: 1.1em 0.4em 0.8em;
  display: none;
}
.brid-consumable-main .brid-previous-control{
    margin: 0 0 0 0;
    padding: 0.7em 0 0 0;
    display: none !important; 
}
.brid-consumable-main .brid-previous-control svg{
    height: 2.8em;
    width: 2.8em;
}
 
.brid-consumable-main .brid-next-control{
    margin: 0 0 0 0;
    padding: 0.7em 0 0 0;
    display: none !important; 
}
.brid-consumable-main .brid-next-control svg{
    height: 2.8em;
    width: 2.8em;
}
 
.brid-consumable-main .brid-mute-control{
    margin: 0.4em 0.7em 0 0.8em;
 
}
.brid-consumable-main:not(.brid-touch) .brid-mute-control{
    margin: 0.4em 0.7em 0 0.8em;
}
.brid-consumable-main .brid-mute-control svg{
    width: 2em;
    height: 2em;
 
}
.brid-consumable-main .brid-volume-control{
    margin: 1.5em .8em 0 .5em;
    width: 9.2em;
    float: left;
    display:none;
}
 
.brid-consumable-main .brid-volume-bar{
    position: absolute;
    height: 1.4em;
    cursor: pointer!important;
   
}
.brid-consumable-main .brid-volume-level{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}
.brid-consumable-main .bar-bracket{
    float: left;
    height: 100%;
    width: 1.3em;
    margin: 0!important;
    background-color: rgba(0,0,0,0.4);
}
.brid-consumable-main .level-bracket{
    float: left;
    height: 100%;
    width: 1.3em;
    margin: 0!important;
    background: #a0a0a0;
    background: -moz-linear-gradient(-45deg,#ffffff 4%,#ffffff 96%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(4%,#ffffff),color-stop(96%,#ffffff));
    background: -webkit-linear-gradient(-45deg,#ffffff 4%,#ffffff 96%);
    background: -o-linear-gradient(-45deg,#ffffff 4%,#ffffff 96%);
    background: -ms-linear-gradient(-45deg,#ffffff 4%,#ffffff 96%);
    background: linear-gradient(to top,#ffffff 4%,#ffffff 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}
.brid-consumable-main .brid-progress-control{
    position: absolute;
    height: 0.05em;
    left: 0;
    right: 0;
    bottom: 4.5em;
    width:100%;
    transition: 0s;
}
 
.brid-consumable-main .brid-progress-control:hover{
    position: absolute;
    height: 0.1em;
    left: 0;
    right: 0;
    bottom: 4.8em;
    transition: 0s;
}
 
.brid-consumable-main .brid-progress-holder{
    position: relative;
    cursor: pointer!important;
    padding: 0;
    margin: auto;
    height: 0.3em;
    background: rgb(199, 194, 194);
    background: rgba(179, 177, 177, 0.5);
 
}
 
.brid-consumable-main .brid-progress-holder:hover{
    position: relative;
    cursor: pointer!important;
    padding: 0;
    margin: auto;
    height: 0.7em;
    background: rgb(199, 194, 194);
    background: rgba(179, 177, 177, 0.5)
}
.brid-consumable-main .brid-play-progress{
    cursor: pointer!important;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg,#ffffff 4%,#ffffff 96%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(4%,#ffffff),color-stop(96%,#ffffff));
    background: -webkit-linear-gradient(-45deg,#ffffff 4%,#ffffff 96%);
    background: -o-linear-gradient(-45deg,#ffffff 4%,#ffffff 96%);
    background: -ms-linear-gradient(-45deg,#ffffff 4%,#ffffff 96%);
    background: linear-gradient(135deg,#ffffff 4%,#ffffff 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}
.brid-consumable-main .brid-load-progress{
    background: rgb(163, 163, 163);
    width:100%;
}
.brid-consumable-main .seek-out,brid-consumable-main .seek-over{
    top: 0!important
}
.brid-consumable-main .brid-scrubber-time-controls{
    height: 0;
    width: 0;
    visibility: hidden
}
.brid-consumable-main .brid-scrubber-time{
    left: 0;
    height: 0;
    width: 0
}
.brid-consumable-main .brid-time-controls{
    position: absolute;
    top:0;
    right:0;
    height: 1.1em;
    margin: 1em .5em 1em 0;
    font-size: 13px;
    line-height: 1.9em;
    color: #FFF;
}
.brid-consumable-main .brid-current-time{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    margin: 0.2em 1em 0 0.2em;
    height:92%;
}
 
 
.brid-consumable-main .brid-duration{
    display: none;
    float:left;
    margin:0 0 0 0;
}
.brid-duration > div {
   visibility: hidden;
}
 
.brid-time-divider {
    display: none;
}
.brid-consumable-main .brid-fullscreen-control{
    display: none;
    margin: 0.5em 1em 0 0.4em;
}
 
.brid-consumable-main .brid-hd-control{
    position: absolute;
    top:0;
    right: 7em;
    margin: 0.15em 0.7em 0.1em 0;
    padding: 0.6em 0;
    display: none;
}
.brid-consumable-main .brid-hd-control svg{
    height: 2.6em;
    width: 3.2em;
}
.brid-consumable-main .brid-buffer-indicator{
    color: #FFF
}
.brid-consumable-main .brid-left-screen,brid-consumable-main .brid-right-screen{
    background: #0A0B0D
}
.brid-consumable-main .brid-share-code input{
    background: #000;
    border: 1px solid #fff
}
.brid-consumable-main .brid-playlist-element .brid-title{
    font-size: 12px;
    color: #d0d0d0
}
.brid-consumable-main .brid-playlist-element .brid-description{
    font-size: 12px;
    color: #9b9b9b
}
.brid-consumable-main .brid-playlist-element.over .brid-title{
    color: #fff
}
.brid-consumable-main .brid-playlist-element.over .brid-description{
    color: #ccc
}
 
.brid-consumable-main .brid-thumb-holder{
    margin: .5em;
    border: 2px solid #fff
}
.brid-consumable-main .brid-thumb-over{
    margin: .3em;
    border: 4px solid #FFF
}
.brid-consumable-main .brid-playlist-element .brid-now-playing{
    color: #FFF
}
.brid-consumable-main div .brid-scroller{
    background: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    background-clip: padding-box
}
.brid-scroll-bar{
    background: #000
}
.brid-consumable-main .brid-scroll-line{
    background: #FFF
}
 
.brid-consumable-main .brid-track{
    color: #fff;
    font-size: 13px;
    background: #000;
    background: rgba(0,0,0,.5)
}
.brid-consumable-main .brid-captions,brid-consumable-main .brid-subtitles{
    color: #FFF
}
.brid-consumable-main .brid-ad-info {
    bottom: 49px;
}
.brid-consumable-main .brid-ad-info div{
    color: #fff
}
.brid-consumable-main .brid-dialog-content,brid-consumable-main .brid-dialog-title{
    background: #000;
    color: #FFF
}
.brid-consumable-main .brid-dialog .brid-button{
    background: #1a1a1a;
    color: #FFF
}
 
.brid-consumable-main .brid-share-control, brid-consumable-main .brid-playlist-control {
     margin: 0.2em 0em 0 0.2em;
}
.brid-consumable-main .brid-captions-control {
    margin: .4em .3em 0 0.2em;
}
.brid-consumable-main .brid-share-control svg, brid-consumable-main .brid-playlist-control svg, brid-consumable-main .brid-captions-control svg {
     height: 2.4em;
     width: 2.4em;
}
 
.brid-hd-control .brid-control .brid-button {
    display:none;
    position:absolute;
 
}
 
 
 
.brid-poster-title {
    background-color: rgba(0, 0, 0, 0.7);
}
 
.brid-poster-title > div {
    visibility: hidden;
}
 
.brid-poster-title > div:after{
    font-family: 'Lato', sans-serif;
    content:"WATCH TRENDING TRAILERS NOW!";
    visibility: visible;
    display: block;
    position: absolute;
    padding-left: 0.8em;
    font-weight: 700;
    font-size: 15px;
}
 
.brid-controls-poster {
    margin: 0.1em 0 0 1em;
    line-height: 36px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    overflow: hidden;
    color: white;
    background: none;
    max-width: 11.5em;
    max-height: 2em;
}
.brid-previous-control.brid-control.brid-button.brid-hidden ~ .brid-controls-poster {
    max-width: 14em;
}
 
 
 
@media only screen and (max-width: 470px) {
    .brid-controls-poster {
        line-height: 25px;
        margin: 0.48em 0 0 1em;
        max-width: 9em;
    }
 
    .brid-current-time-display{
        font-size: 16px;
    }
    .brid-current-time .brid-time-controls {
        margin: 0.4em 1em 0 0.2em
    }
 
    .brid-previous-control.brid-control.brid-button.brid-hidden ~ .brid-controls-poster {
        max-width: 11em;
    }
 
@media only screen and (max-width: 308px) {
    .brid-controls-poster {
        line-height: 25px;
        margin: 0.48em 0 0 1em;
        max-width: 6em;
    }
 
    .brid-current-time-display{
        font-size: 16px;
    }
    .brid-current-time .brid-time-controls {
        margin: 0.4em 1em 0 0.2em
    }
 
    .brid-previous-control.brid-control.brid-button.brid-hidden ~ .brid-controls-poster {
        max-width: 6em;
    }
    .brid-poster {
        transition: 0s;
    }