video{background-color: #000; display: block;}
#player .hoverplay{height: 486px;}
.placeholderimg{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100;}
#video-controls{margin-top: 10px; display: none;}

#player .infoclip{min-height: 94px; height: auto;}
#player .infoclip .text{width: 670px;}

.content_seekbar{ height: 30px; width: 100%; background-color: #d5d6d6; overflow: hidden;}
.video_controll{ height: 64px; top: 30px;}
#time_progress{color: #fff; }
#video_length{color: #636466;}
#time_progress, #video_length{font-size: 21px; position: absolute; right: 5px; height: 100%; line-height: 34px;}
#seek-bar{height:30px; background-color: #1D1D1B; float: left;}
.progress_arrow{position: relative;  cursor: pointer; width: 15px; height: 30px; float: left;
    background: url(../img/icons/progress_arrow.png) top left no-repeat;}

.volumebar{width: 50px;     height: 24px; top: 50%; margin-top: -12px; float: left;}
.itemvol{position: absolute; width: 6px; height: 20px; background-color: #666; bottom: 0px; cursor: pointer;}
#vol0{left: 6px;}
#vol1{left: 14px;}
#vol2{left: 22px;}
#vol3{left: 30px;}
#vol4{left: 38px;}

.itemvol:hover{height: 24px;}
.itemvol.active{background-color: #00adef;}
.btncontrols{background-image: url(../img/btn/controllervideo.png); background-repeat: no-repeat; cursor: pointer;
    height: 19px; border: none; background-color: transparent; top: 50%; display: block; float: left; margin: -9px 8px 0px 8px;}
.full-screen{background-position: -105px -19px; width: 20px;  display: inline-block;}
.full-screen.active{ background-position: -105px 0px;}
.full-screen:hover{ background-position: -105px 0px;}
.switch-quality{width: 48px; display: inline-block;}
.switch-quality.mq{background-position: -50px -19px;}
.switch-quality.hq, .switch-quality:hover{background-position: -50px 0px;}
.open_info_clip{cursor: pointer;}
#player .infoclip{top: 486px;}

.clipdetails{clear: both; display: block; background-color: #FFFFFF; height: 195px; width: 100%;}
.padding{clear: both; width: 100%; height: 50px;}
.content_clipdetails{float: left; overflow-x: hidden; width: 959px; margin-top: 8px; margin-left: 17px; overflow-y: auto; height: 176px;}
.btn_open_info{margin-left: 10px; background-image: url(../img/btn/info-clip.png); width: 15px; height: 15px;
    background-repeat: no-repeat; background-position: center top; display: inline-block; position: relative; top: -5px; cursor: pointer;}
.opened_info.btn_open_info{background-position: center bottom;}
.noinfo .btn_open_info{display: block;}

.clipdetails .label, .clipdetails .valuetext{float: left; font-size: 14px; color: #000;}
.author_descr, .author_clip, .description_clip, .source_clip{overflow: hidden; clear: both; margin: 3px 0px;}
.clipdetails .clear{height: 5px;}
.clipdetails .label{width: 116px; font-family: Helvetica; font-weight: bold;}
.clipdetails .valuetext{font-family: "helveticalight";}

#video-controls .playpause, .video_controll .playpause{float: left; background-image: url(../img/btn/playpause.png); background-repeat: no-repeat; background-position: 0% center;
    width: 26px; height: 26px; cursor: pointer;}
.video_controll .playpause{margin: 18px;}

#video-controls #seek-bar{position: absolute; top: 17px; left: 115px;}
#video-controls .playpause{margin: 12px 18px;}

@media (max-width: 976px) {
.hoverplay .playpause{ background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; width: 78px;
    height: 71px; margin-left: -39px; margin-top: -19px; background-image: url(../img/btn/playpause.png);
    background-position: top center; display: none; background-size: 78px 142px;}

    /*#seek-bar{ -webkit-appearance: none; background-color: silver; width: 355px;  height:20px; border: none; margin-left: 15px;}
    #seek-bar::-webkit-slider-thumb { -webkit-appearance: none;  background-color: #1D1D1B; opacity: 0.5; width: 10px;
    height: 26px; border: 2px solid #fff;}*/

    .placeholderimg .hoverplay{display: none;}
    .placeholderimg img{width: 588px; height: 349px;}
}

.vjs-playing.vjs-user-inactive .vjs-watermark{
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.video-js.vjs-ad-playing .vjs-watermark{
    display: none!important;
}
.video-js.vjs-ad-playing .vjs-tech {
  pointer-events: none;
}
.vjs-watermark {
    position: absolute;
    display: inline;
    opacity: 1;
    width: 100%;
    z-index: 399;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.vjs-vimeo .vjs-watermark{
    height: 550px!important;
    background-color: transparent!important;
}
.vjs-watermark .img_container{width: 128px;}
.vjs-vimeo .vjs-watermark .text, .vjs-vimeo .vjs-watermark .img_container{
    height: 64px!important;
    background-color: rgba(0, 0, 0, 0.4)!important;
}
.vjs-paused:not(.vjs-has-started) .vjs-watermark{opacity: 0;}
.vjs-watermark.vjs-has-started{
    opacity: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.vjs-watermark img:not(.social){float: left}
.vjs-watermark img.social{float: right; width: 54px; height: auto; cursor: pointer; margin: 5px 7px 0 0;}
.vjs-watermark img{float: left}
.vjs-watermark div{float: left}
.vjs-watermark .text{float: left; font-size: 21px; text-align: left; line-height: 64px; overflow: hidden;
    height: auto; min-height: 21px; font-weight: normal; width: 784px; padding-left: 20px;
    /*top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
    font-family: 'trump', Helvetica, Sans-Serif; }
.vjs-watermark .text.big{font-size: 36px;}

.video-js iframe:not(#video_Vimeo_api) {
    height: 580px!important;
}
#wrapper{
    height: 580px!important;

}
#video_Vimeo_api{height: 180%;}