.video__wrap {
    position: relative;
    background: #000000;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.plyr .plyr__video-wrapper,
.plyr-unsupported {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.plyr .plyr__video-wrapper video,
.plyr-unsupported video {
	position: absolute;
	width: 100%;
	height: 100%;
}

.video__overlay {
    display: none;
    width: 100%;
    height: 100%;
    padding: 20px 0 0 84px;

    background: rgba(0, 0, 0 , 0.8);

    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video__overlay-visible .video__overlay {
    display: block;
}

.video__overlay-replay {
    display: block;
    width: 64px;
    height: 64px;
	cursor: pointer;
	
    background: url('../design/icons/plyr-replay.svg') no-repeat;

    position: absolute;
    bottom: 10px;
    left: 10px;
}

.video__overlay-visible .plyr__play-large {
    opacity: 0;
}

.video__overlay-visible .plyr__controls {
    opacity: 0;
}

.plyr.plyr--fullscreen-active .plyr__video-wrapper {
    padding-bottom: 0;
    height: 100%;
}

.video__overlay-visible .plyr--fullscreen-active .plyr__play-large {
    opacity: 1;
}

.video__overlay-visible .plyr--fullscreen-active .plyr__controls {
    opacity: 1;
}

.plyr input {
    max-width: 100%;
}

/* Related videos */
.video__overlay-content {
    width: auto;

    position: absolute;
    top: 50%;
    left: 84px;
    right: 10px;
    transform: translateY(-50%);
}

.video__overlay-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.video__overlay-item {
    display: block;
    float: left;
    width: 50%;
    padding-right: 10px;

    color: #ffffff !important;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video__overlay-item-title {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}

.video__overlay-item-duration {
    font-weight: normal;
    font-size: 10px;
}

.video__overlay-item-thumb {
    width: 100%;
    height: auto;
    border: 1px solid #ffffff;
    transition: border 0.5s;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video__overlay-item:hover .video__overlay-item-thumb {
    border-color: #fcbf17;
}

.video__AdsBanner {
    position: absolute;
    left: 50%;
    bottom: 60px;
    margin-left: -234px;
}

.video__AdsBanner .video__AdsBanner--close {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../design/icons/x-white.svg') no-repeat;
    position: absolute;
    top: -23px;
    right: 0;
}

@media (max-width: 768px) {
	.video__AdsBanner {
		display: none !important;
	}
}

.video__wrap .video__link {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    font-weight: normal;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
    transition: opacity 0.3s;
	font-family: 'Open Sans', sans-serif;
}

.video__wrap .video__link:hover {
    color: #ffffff;
    text-decoration: underline;
    opacity: 1 !important;
}

.video__wrap .plyr--hide-controls ~ .video__link {
    opacity: 0;
}

@-moz-document url-prefix() {
	.plyr__time--duration {
		font-size: 14.01px;
	}
}