.tv {
    overflow: hidden;
    border-radius: 15px;
    transition: transform 1s cubic-bezier(.95, -0.25, .2, 1.43);
    min-width: 250px;
    min-height: 250px;
    max-width: 100%;
    width: 90%;
    height:90%;
    z-index:99999;

}
.tv iframe{
    width: 100% !important;
    height: 100% !important;
}
.tv_controls{
    z-index:10;
    height:30px;
    transition:all 0.3s
}
.tv:hover .tv_controls {

    background-image: linear-gradient(0deg, #0d0d0d00, rgba(0, 0, 0, 0.7), rgb(0, 0, 0));
}
.tv .tv_controls .iconify{
    opacity: 0 ;
}
.tv:hover .tv_controls .iconify{
    opacity: 1 ;
}

.carousel-item img {
    animation: 1s zoom_out ease-in-out forwards;
}

.carousel-item .title {
    animation: 1s slide_up cubic-bezier(.52, -0.34, .55, 1.57) forwards;
}

.tv_carousel {
    cursor: grab;
}

.tv_full_screen {
    left: 0 !important;
    right: 0 !important;
    bottom: 1vh !important;
    top: 1vh !important;
    width: 98vw !important;
    height: 98vh !important;
    margin: auto!important;
}
@media screen and (max-width:1000px){
    .tv{
        height: 500px;
    }
}

@media screen and (max-width:700px){
    .tv{
        height: 300px;
    }
}

.tv_hide {
    transform: translateX(-100vw);
}

.rotate-90 { 
    transform: rotateZ(90deg);
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0) rotateZ(90deg);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0) rotateZ(90deg);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0) rotateZ(90deg);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0) rotateZ(90deg);
    }
}