.video-js {
    font-size: 15px;
    color: #fff
}

.vjs-default-skin .vjs-big-play-button {
    font-size: 2em;
    line-height: 2em;
    height: 2em;
    width: 2em;
    border: .06666em solid #fff;
    border-radius: 2em;
    left: 50%;
    top: 50%;
    margin-left: -1em;
    margin-top: -1em
}

.video-js .vjs-big-play-button, .video-js .vjs-control-bar, .video-js .vjs-menu-button .vjs-menu-content {
    background-color: #0C0C0C;
    background-color: rgba(12, 12, 12, 0.3);
}

.video-js .vjs-slider {
    background-color: #000000;
    background-color: rgba(255, 255, 255, 0.5)
}

.video-js .vjs-load-progress {
    background: ligthen(#000000, 25%);
    background: rgba(103, 103, 103, 0.5)
}

.video-js .vjs-load-progress div {
    background: ligthen(#000000, 50%);
    background: rgba(103, 103, 103, .75)
}

.video-js .vjs-control {
    min-width: 3em;
}

/* http://meyerweb.com/eric/tools/css/reset/
          v2.0 | 20110126
          License: none (public domain)
       */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.video-js {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
    position: static;
}
.video-js:after {
    content: '.';
    display: block;
    position: relative;
    padding: 56.25% 0 0 0; /* (height/width)*100%, eg. 56.25% for 16:9 75% for 4:3 */
    margin: 0 0 0 -100%;
    visibility: hidden;
    height: 0;
}

.vjs-fullscreen {padding-top: 0px}

.vjs-poster {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.video-js .vjs-playlist{display:block}

.video-js .vjs-button-prev,.video-js .vjs-button-next {cursor:pointer;font-size:15px;margin-bottom:2px;font-weight:bold;margin-left:10px;margin-right:10px}

.video-js .vjs-button-prev:before {
    font-family: FontAwesome;
    content: "\f048";
}
.video-js .vjs-button-next:before {
    font-family: FontAwesome;
    content: "\f051";
}

.video-js .vjs-playlist-items {
    border:1px solid #000;height:100%;position:absolute;right:0;overflow-y:scroll;margin:0;padding:0;
    background: #000;

    /*Animation*/
    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
    -ms-transition: width 1s ease;
    transition: width 1s ease;
}

.video-js .vjs-playlist-items .vjs-playlist-sidebar-legend, .video-js .vjs-playlist-items ul {
    transition: visibility 0s, opacity 0.5s linear;

    visibility: visible;
    opacity: 1;
}

.video-js .vjs-playlist-items.hided .vjs-playlist-sidebar-legend, .video-js .vjs-playlist-items.hided ul {
    visibility: hidden;
    opacity: 0;
}

.video-js .vjs-playlist-items.hided .vjs-playlist-sidebar-open {
    visibility: visible;
    opacity: 1;
}

.video-js .vjs-playlist-items.hided ul {
    display: none;
}

.video-js .vjs-playlist-sidebar-open {
    visibility: hidden;
    opacity: 0;

    position: absolute;
    top: 50%;
    z-index: 9;
    font-size: 40px;
    left: 50%;
    margin-left: -16px;
    margin-top: -37px;

    /*Animation*/
    transition: visibility 0s, opacity 0.5s linear;
}

.video-js .vjs-playlist-sidebar-open button, .vjs-playlist-sidebar-legend button {
    cursor: hand;
}

.vjs-playlist .vjs-tech, .vjs-playlist .vjs-poster {
    /*Animation*/
    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
    -ms-transition: width 1s ease;
    transition: width 1s ease;
}

.video-js .vjs-playlist-items li {
    height:120px;position:relative;

    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}
.video-js .vjs-playlist-items li .vjs-playlist-video-title {
    width: 100%;
    padding: 0 10px;
    position: absolute;
    height: 100%;
    top: 0;
    text-shadow: 1px 2px 3px #000;
    text-transform: capitalize;
    font-size: 12px;
}

.video-js .vjs-playlist-video-image {
    position: relative;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background-size: cover;
    margin-top: -15px;
    background-position: center center;
}

.video-js .vjs-playlist-items li .vjs-playlist-video-title div{ position: absolute; bottom: 10px }
.video-js .vjs-playlist-items li div.vjs-playlist-video-upnext {
    font-size: 12px;
    color: red;
    top: 10px;
}

.video-js .vjs-playlist-items li:hover {
    cursor:pointer;
}

.video-js .vjs-playlist-items li:hover .vjs-playlist-video-image {
    opacity: 1;
}

.video-js .vjs-playlist-sidebar-legend {
    padding: 20px 10px;
}

.video-js .vjs-playlist-sidebar-legend button {
    position: absolute;
    font-size: 28px;
    top: 10px;
    right: 10px;
}

.video-js .vjs-brand-container {
    height: 45px;
    margin-left: 17px;
    display: table;
}

.video-js .vjs-brand-container-link {
    display: table-cell;
    vertical-align: middle;
}

.video-js .vjs-brand-container-link img {
    height: 33px;
}

.video-js .vjs-modalshare-button-container {
    /*transition: right 1s linear;*/
}

.video-js .vjs-modalshare {display:block}
.video-js .vjs-modalshare-button-container{position:absolute;top:20px;right:20px}

.video-js .vjs-modalshare-button:before {
    font-family: FontAwesome;
    content: "\f1e0";
    font-size: 40px;
}

.video-js .vjs-modalshare-button {
    cursor:pointer;width:50px;height:50px;cursor:pointer;background-size:cover;
}

.video-js .vjs-modal-dialog {z-index:2}
.video-js .vjs-modalshare-networks-container {position:absolute;top:50%;margin-top:-2em;width:100%;margin-left:-24px;text-align:center}
.video-js .vjs-modalshare-networks-container ul {margin:0;padding:0}
.video-js .vjs-modalshare-networks-container ul li {list-style:none;display:inline; }

.video-js .vjs-itemshare-network {
    font-size: 60px;
    margin: 0 30px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

.video-js .vjs-modal-share {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -3em;
}

.video-js .vjs-modal-share textarea {
    width: 620px;
    height: 90px;
    background: rgba(0, 0, 0, 0.47);
    color: #fff;
    border: 1px solid #3e3e3e;
    padding: 11px;
    resize: none;
    display: block;
    margin: 0 auto;
}

.video-js .vjs-modal-share button {
    text-align: center;
    border: 1px solid #505050;
    border-radius: 5px;
    font-size: 13px;
    margin-top: 9px;
    color: #e8e8e8;
    background: #636363;
    padding: 4px 13px;
}

.video-js .vjs-itemshare-network span {
    display: none;
}



.video-js.vjs-qualityselector{display:block}
.video-js .vjs-quality-container {
    padding:8px;
    position:relative;
    width: 46px;
    /*margin-left: 9px;*/
}

.video-js .vjs-quality-container .vjs-brand-quality-link {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    width: 29px;
    text-align: center;
    font-size: 21px;
    margin-top: 4px;
}
.video-js .vjs-quality-container .vjs-quality-dropdown {position:absolute;bottom:39px;background:rgba(0,0,0,0.48);transition:opacity 0.5s linear;opacity:0;-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;-o-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-transition:-webkit-transform 0.26s ease-out;-o-transition:-o-transform 0.26s ease;-ms-transition:-ms-transform 0.26s ease;transition:transform 0.26s ease}
.video-js .vjs-quality-container .vjs-quality-dropdown.show {opacity:1;-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.video-js .vjs-quality-container .vjs-quality-dropdown ul{margin:0;padding:0}
.video-js .vjs-quality-container .vjs-quality-dropdown ul li{list-style:none;margin:0}
.video-js .vjs-quality-container .vjs-quality-dropdown ul li.selected a { color: red; }

.video-js .vjs-quality-container .current {
    font-size: 7px;
    position: absolute;
    bottom: 6px;
    background: #d20202;
    border-radius: 3px;
    padding: 2px;
    left: 23px;
}

.video-js .vjs-quality-container .vjs-quality-dropdown ul li a{ font-size: 10px; color:#fff;text-decoration:none;padding:5px 10px;display:table;width:100%}
.video-js .vjs-quality-container .vjs-quality-dropdown ul li a:hover{background:#000;color:#fff}

.video-js .vjs-video-title {
    font-size: 30px;
    position: absolute;
    top: 5%;
    left: 5%;
    text-shadow: 2px 2px 8px #000;
    width: 60%;
}

@media screen and (max-width: 1024px) {
    .vjs-poster {
        background-size: cover !important;
    }
}


section {
    padding: 0;
}

body {
    background:none transparent;
}