@media (min-width: 576px) {
	.position-sm-static {
		position: static !important;
	}
	.position-sm-relative {
		position: relative !important;
	}
	.position-sm-absolute {
		position: absolute !important;
	}
	.position-sm-fixed {
		position: fixed !important;
	}
	.position-sm-sticky {
		position: sticky !important;
	}
}
@media (min-width: 768px) {
	.position-md-static {
		position: static !important;
	}
	.position-md-relative {
		position: relative !important;
	}
	.position-md-absolute {
		position: absolute !important;
	}
	.position-md-fixed {
		position: fixed !important;
	}
	.position-md-sticky {
		position: sticky !important;
	}
}

@media (min-width: 992px) {
	.position-lg-static {
		position: static !important;
	}
	.position-lg-relative {
		position: relative !important;
	}
	.position-lg-absolute {
		position: absolute !important;
	}
	.position-lg-fixed {
		position: fixed !important;
	}
	.position-lg-sticky {
		position: sticky !important;
	}
}

@media (min-width: 1200px) {
	.position-xl-static {
		position: static !important;
	}
	.position-xl-relative {
		position: relative !important;
	}
	.position-xl-absolute {
		position: absolute !important;
	}
	.position-xl-fixed {
		position: fixed !important;
	}
	.position-xl-sticky {
		position: sticky !important;
	}
}

@media (min-width: 992px) {
	.me-lg-n1 {
		margin-right: -0.25rem;
	}
	.me-lg-n2 {
		margin-right: -0.5rem;
	}
	.me-lg-n3 {
		margin-right: -1rem;
	}
	.me-lg-n4 {
		margin-right: -1.5rem;
	}
}


.yt-crop {
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
}

.yt-crop iframe {
	position: absolute;
	top: -100%;
	padding: 0;
	width: 100%;
	height: 300%;
}

.overflow-y-auto {
	overflow-y: auto;
	overflow-x: hidden;
}




.social-icons {
	font-size: 1.5em;
	
	width: auto;
}

@keyframes fadein_anim {
	from { opacity: 0; }
	to { opacity: 1; }
}
.fade-in {
	animation: fadein_anim .3s ease-in-out both;
}





.movie-col {
	width: 16rem;
	min-width: 16rem;
	max-width: 16rem;
}
@media (max-width: 576px) {
	.movie-col {
		width: 11rem;
		min-width: 11rem;
		max-width: 11rem;
	}
}


.dummy-col {
	width: 16rem;
	min-width: 16rem;
	max-width: 16rem;
}
@media (max-width: 576px) {
	.dummy-col {
		width: 11rem;
		min-width: 11rem;
		max-width: 11rem;
	}
}


.movie-card {
	transition: all .3s;
	transition-timing-function: cubic-bezier(.155,1.25,.295,1.5);
	cursor: pointer;
	overflow: hidden;
	display: flex;
}


@media (hover: none) {
	.movie-card:hover, .movie-card:active, .movie-card:focus {
		transform: scale(0.98);
		
	}
} @media (hover: hover) {
	.movie-card:hover, .movie-card:active, .movie-card:focus {
		transform: scale(1.05);
		box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
	}
}

.movie-card-poster {
	
	
	z-index: 2;
}


@media (hover: none) {
	.movie-card-body {
		font-size: 1.25em;
		z-index: 1;
		width: 100%;
	}
} @media (hover: hover) { 
	.movie-card-body {
		font-size: 1.25em;
		z-index: 1;
		width: 100%;
		transform: translateY(-1em);
		transition: all .3s;
		transition-timing-function: ease;
	}

	.movie-card:hover .movie-card-body {
		transform: translateY(0%);
	}
}

@media (hover: none) {
	.movie-card-details-bar {
		height: 2em;
		visibility: visible;
		opacity: 1;
		
	}
} @media (hover: hover) {
	.movie-card-details-bar {
		height: 2em;
		visibility: hidden;
		opacity: 0;
		
		transition: all .3s;
		transition-timing-function: ease;
	}

	.movie-card:hover .movie-card-details-bar {
		visibility: visible;
		opacity: 1;
	}
}

.movie-card-details-bar * {
	cursor: auto;
}
.movie-card-details-bar img {
	height: 1.25em;
	width: auto;
}

.movie-card-details-bar a * {
	cursor: pointer;
}
.movie-card-details-bar a:hover {
	transform: scale(1.05);
}

.watch-logo {
	height: 2em;
	width: auto;
}