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

.vjs-default-skin .vjs-big-play-button {
    font-size: 5em;
    line-height: 1.5em;
    height: 1.5em;
    width: 1.5em;
    border: 0 solid #fff;
    border-radius: 4em;
    left: 50%;
    top: 50%;
    margin-left: -.75em;
    margin-top: -.75em
}

.video-js .vjs-control-bar, .video-js .vjs-big-play-button, .video-js .vjs-menu-button .vjs-menu-content {
    background-color: #005182;
    background-color: #005182
}

.vjs-control-bar {
    z-index: 4
}

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

.video-js .vjs-volume-level, .video-js .vjs-play-progress, .video-js .vjs-slider-bar {
    background: #fff
}

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

    .video-js .vjs-load-progress div {
        background: ligthen(white,50%);
        background: rgba(255,255,255,0.75)
    }

.vjs-playback-rate {
    display: none
}

logo-top-video1 {
    padding: 20px 0;
    display: block;
    position: absolute;
    top: 0
}

.vjs-embedoverlay {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20% 2.5rem 0;
    background-color: #333;
    z-index: 3
}

.vjs-embedoverlay-text {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;
    font-weight: 400;
    display: block;
    color: #fff;
    text-align: center;
    margin-bottom: 1.5rem
}

.vjs-embedoverlay-input {
    font-size: .8125rem;
    line-height: 1.125rem;
    font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3rem;
    color: #333;
    padding: .25rem .625rem 0;
    border: .0625rem solid #bdbdbd;
    outline: none
}

    .vjs-embedoverlay-input::-moz-selection {
        background: #cef1fc
    }

    .vjs-embedoverlay-input::selection {
        background: #cef1fc
    }

.vjs-embed-button {
    cursor: pointer;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 3rem;
    padding-right: .625rem;
    position: relative;
    font-family: fontAwesome;
    font-weight: 400;
    font-style: normal
}

    .vjs-embed-button:before {
        content: "\f121  ";
        font-size: 16px !important;
        line-height: 1.77 !important
    }

.video-js .vjs-dock-text, .video-js .vjs-dock-shelf {
    font-size: 1.2em;
    pointer-events: none;
    position: absolute;
    top: 0
}

.video-js .vjs-dock-text {
    height: 25%;
    left: 0;
    margin: 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    background: -webkit-linear-gradient(-90deg,rgba(0,0,0,0.8) 25%,transparent 100%);
    background: linear-gradient(180deg,rgba(0,0,0,0.8) 25%,transparent 100%);
    padding: 20px 20px 20px 24px
}

.video-js .vjs-dock-shelf {
    padding: 20px 24px;
    right: 0;
    text-align: right;
    width: 25%
}

    .video-js .vjs-dock-shelf * {
        pointer-events: auto
    }

.video-js .vjs-dock-title, .video-js .vjs-dock-description {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video-js .vjs-dock-title {
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.333;
    margin-bottom: .333em
}

.video-js .vjs-dock-description {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

.vjs-playing.vjs-user-inactive .vjs-dock-text, .vjs-playing.vjs-user-inactive .vjs-dock-shelf {
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.vjs-playing.vjs-no-flex.vjs-user-inactive .vjs-dock-text, .vjs-playing.vjs-no-flex.vjs-user-inactive .vjs-dock-shelf {
    display: none
}