@font-face {
    font-family: 'amelia';
    src: url("fonts/ameliaNew.ttf") format("truetype");
}
:root{
	--ameliaRed:#ff1144;
}

.amelia{
    border: 0px solid !Important;
    font-family: amelia !Important;
    -webkit-animation: none !Important;
    -moz-animation: none !Important;
    animation: none !Important;
}
.white{
	color: #fff !Important; 
}
.black{
	color: black !Important;
}
.red{
	color: var(--ameliaRed) !Important;
}

.amelia .redLight{
	color: var(--ameliaRed) !Important;
	-webkit-transition: all 1s !Important;
	-moz-transition: all 1s !Important;
		transition: all 1s !Important;
	-webkit-animation: neon 3.5s ease-in-out infinite alternate !Important;
	-moz-animation: neon 3.5s ease-in-out infinite alternate !Important;
	animation: neon 3.5s ease-in-out infinite alternate !Important;
	-webkit-box-shadow: none !Important;
	-moz-box-shadow: none !Important;
	box-shadow: none !Important;
}

.amelia .red:hover{
	text-decoration: none !Important;
	-webkit-transition: all 1s !Important;
	-moz-transition: all 1s !Important;
	transition: all 1s !Important;
	-webkit-animation: neon 3.5s ease-in-out infinite alternate !Important;
	-moz-animation: neon 3.5s ease-in-out infinite alternate !Important;
	animation: neon 3.5s ease-in-out infinite alternate !Important;
	-webkit-box-shadow: none !Important;
	-moz-box-shadow: none !Important;
	box-shadow: none !Important;
}

.scanlines::before {
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.50) 50%);
  background-size: 100% 3px;
}

.bg-pattern:before{
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    z-index: 0;
    background-image: url(../../assets/img/bg-pattern.png);
    background-size: 3px 3px;
    background-position: 0 0;
    background-repeat: repeat;
    background-color: transparent;
}


.shadow{
	filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.4));
	border-radius: var(--boderRadius);
	-moz-border-radius: var(--boderRadius);
	-webkit-border-radius: var(--boderRadius);
}

.fullscreenVideo{
	object-fit: cover;
    width: 100%;
    height: 100%;
}

/*glow for webkit*/
@-webkit-keyframes neon{
	text-decoration: none;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	from {
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px var(--ameliaRed), 0 0 70px var(--ameliaRed), 0 0 80px var(--ameliaRed), 0 0 100px var(--ameliaRed), 0 0 150px var(--ameliaRed);
	}to{
		color: #fff;
		text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px var(--ameliaRed), 0 0 35px var(--ameliaRed), 0 0 40px var(--ameliaRed), 0 0 50px var(--ameliaRed), 0 0 75px var(--ameliaRed);
	}
}