.vimeo-content{
    min-height: 300px;
}
.play-btn {
    display: inline-block;
    padding: 25px;
    position: absolute;
    transform: translate(-50%, -50%);
}
.play-btn:hover {
    opacity: 0.9;
    cursor: pointer;
}
.item .title-purple~p {
    color: #969696;
}

.video-background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 8000;
}

.video-tab {
    position: fixed;
    width: 800px;
    height: 450px;
    background: white;
    z-index: 9000;
    top: calc(50vh - 250px);
    left: calc(50vw - 400px);
}

.video-close-btn {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 20px;
    height: 100px;
}

.video-title {
    width: 100%;
    height: 30px;
    background-color: silver;
}

.video-frame {
    width: 100%;
    height: 100%;
}

.hidden {
    display: none;
}
.uk-position-small[class*="uk-position-center-left"]{
    transform: translateY(-50%) translateY(-15px) translateX(-50px);
}
.uk-position-small[class*="uk-position-center-right"]{
    transform: translateY(-50%) translateY(-15px) translateX(50px);
}
@media screen and (max-width: 992px) {
    /*video*/
    .vimeo-content{
        min-height: auto;
        padding: 20px;
    }
    .video-tab {
        position: fixed;
        width: 100%;
        max-height: 400px;
        background: white;
        z-index: 9000;
        top: calc(50vh - 250px);
        left: 50%;
        transform: translate(-50%);
    }
}
@media screen and (max-width: 767px) {
    /*video*/
    .video-tab {
        max-height: 350px;
    }
}
@media screen and (max-width: 600px) {
    /*video*/
    .video-tab {
        max-height: 300px;
    }
}