.js-video-title {
    font-size: 24px;
}

.js-video-thumbnail .fotorama__nav__frame {
    cursor: pointer;
    margin: 0 4px;
}

.js-video-thumbnail .fotorama__nav__frame .fotorama__dot {
    border: 2px solid #A0A0A0;
    top: 10px;
    left: 4px;
    width: 8px;
    height: 8px;
}

.js-video-thumbnail .fotorama__nav__frame.fotorama__nav__frame--dot {
    margin: 0 2px;
}

.js-video-thumbnail .gallery-thumbnail {
    padding: 0 4px;
}

.js-video-thumbnail .gallery-thumbnail-wrapper .gallery-link {
    display: block;
    padding-bottom: 56.25%;
    /*16:9 */
    position: relative;
    width: 100%;
    height: 0;
}

.js-video-thumbnail .gallery-thumbnail-wrapper .gallery-link:after {
    content: "";
    background: white;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6zm-16.2 55.1l-352 208C45.6 483.9 32 476.6 32 464V47.9c0-16.3 16.4-18.4 24.1-13.8l352 208.1c10.5 6.2 10.5 21.4.1 27.6z"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6zm-16.2 55.1l-352 208C45.6 483.9 32 476.6 32 464V47.9c0-16.3 16.4-18.4 24.1-13.8l352 208.1c10.5 6.2 10.5 21.4.1 27.6z"/></svg>');
    display: block;
    height: 32px;
    width: 28px;
    position: absolute;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-video-thumbnail .gallery-thumbnail-wrapper .gallery-link .gallery-video-image {
    filter: brightness(0.75);
    margin: auto;
    position: absolute;
    top: -16.75%;
    right: 0;
    bottom: -16.75%;
    left: 0;
}

.js-video-thumbnail .gallery-thumbnail-wrapper .gallery-link:hover:after {
    background: #629b63;
}

.js-video-thumbnail .gallery-thumbnail-wrapper .gallery-link:hover .gallery-video-image {
    filter: brightness(1);
}

.js-video-thumbnail .gallery-thumbnail-wrapper .gallery-link:focus {
    outline: transparent !important;
}

.js-product-thumbnail .slick-track,
.js-video-thumbnail .slick-track {
    margin-left: 0;
}

.mfp-content {
    text-align: center !important;
}

.mfp-content button:hover,
.mfp-content button:focus {
    background: transparent;
}
