.vimeo-preload {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56%;
}
.vimeo-preload.vimeo-preload_vertical{
    padding-bottom: 178%;
}
.vimeo-preload iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vimeo-preload .vimeo-preload__image{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.vimeo-preload__image img{
    max-width: 100%;
    width: 100%;
}
.vimeo-preload__btn{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 56px;
    height: 32px;
    border-radius: 4px;
    background: #000000e6;
    cursor: pointer;
    transition: 0.3s;
}
.vimeo-preload__btn:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 14px;
    height: 16px;
    background: none;
    border-top: solid 8px transparent;
    border-bottom: solid 8px transparent;
    border-left: solid 14px white;
}
.vimeo-preload__btn:hover{
    background: #00adefff;
}
.vimeo-preload__btn:hover:after{
    border-left-color: #000;
}


.embed-wrap {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56%;
}
.embed-wrap .embed-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-wrap .video-preloader {
    cursor: pointer;
}
.embed-wrap .video-preloader:hover .video-preloader__btn {
    filter: grayscale(0.2);
}
.embed-wrap .video-preloader .video-preloader__image {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    top: -200px;
    right: 0;
    bottom: -200px;
    left: 0;
    margin: auto;
}
.embed-wrap .video-preloader .video-preloader__btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    display: block;
    width: 68px;
    height: 50px;
    background: url("../images/youtube.png") no-repeat center;
    background-size: contain;
    filter: grayscale(0.5);
    transition: 0.3s;
}
.embed-wrap .video-preloader .video-preloader__btn:hover {
    filter: grayscale(0);
    transition: 0.1s;
}