/* =========================================================
   COMCOM SCROLL VIDEO SYSTEM
   Konumlandırma YOK
========================================================= */

.vd {
    width: 300px;
    height: 250px;

    overflow: hidden;

    margin: 0;
    padding: 0;

    border: none;
    background: transparent;

    /* Oval çerçeve */
    /*border: 3px solid #0084C6;*/
    border-radius: 4%;

    box-sizing: border-box;

    opacity: 0;
    visibility: hidden;

    /* Sadece giriş animasyonu */
    transform: translateY(20px) scale(0.92);

    transition:
        opacity 0.5s ease,
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        visibility 0.5s ease;
}


/*SCROLL İLE AKTİF */
.scroll-video-active .vd {

    opacity: 1;
    visibility: visible;

    transform:
        translateY(0)
        scale(1);
}


/* VIDEO */

.vd video {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    margin: 0;
    padding: 0;

    border: 0;

    /*border-radius: 50px;*/

    background: transparent;

    pointer-events: none;

    user-select: none;
    -webkit-user-select: none;
}

/*
   NORMAL GÖRSEL
   Çerçeve / renk / animasyon YOK
 */

.vd-image {
    opacity: 1;
    visibility: visible;
    transform: none;

    border: 0;
    border-radius: 0;

    background: transparent;

    transition: none;
}

.vd-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border: 0;
    border-radius: 0;

    background: transparent;
}





/* =========================================================
   TABLET MODU
   Videoyu bir tık küçült
========================================================= */

@media (min-width: 768px) and (max-width: 1400px) {

    .vd {
        width: 180px;
        height: 130px;
    }

}