/* Font for download button */

@font-face {
    font-family: 'KeepCalm';
    src: url('fonts/KeepCalm-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Show the controls (hidden at the start by default) */

.video-js .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.vjs-skin-hotdog-stand {
    color: #FF0000;
}

.vjs-skin-hotdog-stand .vjs-control-bar {
    background: #FFFF00;
}

.vjs-skin-hotdog-stand .vjs-play-progress {
    background: #FF0000;
}

body {
    /*    margin-top: 20px;*/
    background: black;
    text-align: center;
    color: #aaa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#video {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

a,
a:hover,
a:visited {
    color: #76DAFF;
}

div {
    display: block;
}

/* Button css*/
    
#button {
    position: relative;
    top: 0;
    padding-top: 5px;
    text-align: right;
    width: 100%;
}

/* Download button*/

#download-button {
    background-color: transparent;
    background-repeat: no-repeat;
    border-color: red;
    color: red;
    cursor: pointer;
    font-size: 16px;
    font-family: KeepCalm;
    text-align: center;
    display: inline-block;
}

/* Hide the volume level button */

.vjs-volume-level {
    visibility: hidden;
}

/* Hide the big play button on screen loading*/

.vjs-big-play-button {
    visibility: hidden;
}

/* Hide the volume slider button*/

.vjs-volume-panel-horizontal {
    visibility: hidden;
}

/* Hide the video speed button */

.vjs-playback-rate {
    visibility: hidden;

}

/* Position of the video player*/

/*
#film {
    position: absolute;    
}
*/

/* Position of the main video div*/

#content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
}