*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	
}

.slider{
	position:relative;
	width:100%;
	min-height:64vh;
	padding:0 100px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.slider::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.8883928571428571) 0%, rgba(0,0,0,0.6979166666666667) 32%, rgba(0,0,0,0.5158438375350141) 69%, rgba(0,0,0,0.09567577030812324) 100%);
    }

.slider .bg{
	position:absolute;
	top:0;
	left:0;
	width:99.9%;
	height:100%;
	object-fit:cover;
}

.slide{
	position:relative;
	z-index:10;
        top: 20px;
	max-width:460px;
}

.movieTitle{
	max-width:260px;
        margin: 0;
}

.slider .slide h4{
	color: rgba(255,255,255,0.5);
	font-weight:500;
        font-size: 16px;
}

.slider .slide h4 span{
	padding:0 10px;
	border-right:1px solid rgba(255,255,255,0.5);
}

.slider .slide h4 span:first-child{
	padding-left:0;
}

.slider .slide h4 span:last-child{
	border-right:none;
}

.slider .slide h4 span i {
	border: solid 1px rgba(255,255,255,0.5);
	color:#fff;
	padding:4px 8px;
	display:inline-block;
	font-style:normal;
	border-radius:4px;
}

.slider .slide p {
	font-size:1em;
	font-weight:300;
	line-height:1.5em;
	color: #fff;
	margin: 20px 0 20px;
}

.slider .slide .buttons{
	position:relative;
}

.slider .slide .buttons a{
	position:relative;
	display:inline-block;
	margin-right:10px;
	background:#de0611;
	color: #fff;
	padding: 16px 40px;
	text-decoration:none;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
}

.slider .slide .buttons a:nth-child(1){
	background:#de0611;
        border-radius: 5px;
}

.slider .slide .buttons a:nth-child(2){
	background:rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,0.1);
        border-radius: 5px;
}

.slider .slide .buttons a:hover:nth-child(2){
	background:#de0611;
        border-radius: 5px;
}

.play{
	position:absolute;
	bottom:80px;
	left:100px;
	display:inline-flex;
	justify-content:flex-start;
	align-items:center;
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
	text-decoration:none;
	letter-spacing:1px;
	font-size:1.2em;
	cursor:pointer;
        z-index: 100;
}

.play img{
	margin-right:10px;
	max-width:50px;
}

.trailer{
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 100000;
	width: 100%;
	height:100%;
	display: flex;
	justify-content:center;
	align-items:center;
	backdrop-filter:blur(20px);
	visibility:hidden;
	opacity:0;
}

.trailer.active{
	visibility:visible;
	opacity:1;
}

.trailer video{
	max-width:900px;
	outline:none;
	
}

.close{
	position:absolute;
	top: 30px;
	right: 30px;
	cursor:pointer;
	filter:invert(1);
	max-width:32px;
}

@media (max-width: 1024px){
	
	.slider{
		padding: 100px 100px;
	}
	.slider .play{
		bottom:40px;
	}
}

@media (max-width: 991px){

	.slider{
		padding:100px 50px;
	}
	.slider .play{
		left:50px;
		font-size:1em;
	}
	.play img{
		margin-right:10px;
		max-width:40px;
	}
	.trailer video{
		max-width:90%;
	}
}

@media (max-width: 768px){
	.slider {
    padding: 170px 50px;
	}
	.slider .play{
		bottom: 110px;
	}
}

@media (max-width: 600px){
	
	.slider{
		padding:220px 20px 120px;
	}
	.slider .play{
		left:20px;
		bottom:30px;
	}
	.close{
		max-width:20px;
	}
}