footer.footer {
	background-color:#000;
}


footer.footer .container {
    padding-bottom: 50px;
    padding-top: 50px;
}
       
.swiper-button-disabled {
	display: none;
}

.home-slider-content .word-spacing-10 {
	word-spacing: 10px;
	letter-spacing: 5px;
	margin-bottom: 5px;
}

.letter-spacing-25 {
	letter-spacing: 25px;
}

.home-slider-content {
	position: absolute;
	top: 20vh;
	width: 100%;
}

section.about-page .dj_arc {
	bottom: -350px;
	top: auto;
}

.dark-bg-2 {
	background: rgb(13 21 39);
}

@media (min-width: 1100px) {
	.large-title-bold.home-slide-1 {
		font-size: 6vw;
	}
}

@media (max-width: 1300px) {
	.scroll-btn {
		bottom: 70px;
	}
}

.slide-bg {
	position: relative;
}

.home-slide {
	flex-direction: column;
}

@media only screen and (max-width: 767px) {
	.home-slider .top-padding-20 {
		padding-top: 25px;
	}

	.home-slider-content {
		top: 0;
	}

	p.large-title-bold.text-color-4.text-trans-none.letter-spacing-25.home-slide-1 {
		letter-spacing: 4vw;
	}
}

 .home-slider-content span.rotating span {
	
	transition-delay: 0.0s !important;
}
.home-slider-content span.rotating span {

	animation: blur 4s infinite ease-out;
	-webkit-animation: blur 4s infinite ease-out;
	transition-delay: 0.0s;
}

.home-slider-content span.rotating span:nth-child(1) {
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
	transition-delay: 0.0s;
}
 .home-slider-content span.rotating span:nth-child(2) {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	transition-delay: 0.2s;
}
 .home-slider-content span.rotating span:nth-child(3) {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	transition-delay: 0.3s;
}
 .home-slider-content span.rotating span:nth-child(4) {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	transition-delay: 0.4s;
}
.home-slider-content span.rotating span:nth-child(5) {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	transition-delay: 0.5s;
}
.home-slider-content span.rotating span:nth-child(6) {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	transition-delay: 0.6s;
}
.home-slider-content span.rotating span:nth-child(7) {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	transition-delay: 0.7s;
}

.home-slider-content span.rotating span:nth-child(8) {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	transition-delay: 0.8s;
}

.home-slider-content span.rotating span:nth-child(9) {
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	transition-delay: 0.9s;
}

.home-slider-content span.rotating span:nth-child(10) {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	transition-delay: 1s;
}

.home-slider-content span.rotating span:nth-child(11) {
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
	transition-delay: 1.1s;
}

.home-slider-content span.rotating span:nth-child(12) {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	transition-delay: 1.2s;
}

.home-slider-content span.rotating span:nth-child(13) {
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
	transition-delay: 1.3s;
}

.home-slider-content span.rotating span:nth-child(14) {
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
	transition-delay: 1.4s;
}

.home-slider-content h2 span.rotating span:nth-child(15) {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	transition-delay: 1.5s;
}

@keyframes blur {
	0%		{text-shadow:  0 0 100px #fff; opacity:0;}
	5%		{text-shadow:  0 0 90px #fff;}
	15%		{opacity: 1;}
	20%		{text-shadow:  0 0 0px #fff;}
	80%		{text-shadow:  0 0 0px #fff;}
	85%		{opacity: 1;}
	95%		{text-shadow:  0 0 90px #fff;}
	100%	{text-shadow:  0 0 100px #fff; }
}

@-webkit-keyframes blur {
	0%		{text-shadow:  0 0 100px #fff; opacity:0;}
	5%		{text-shadow:  0 0 90px #fff;}
	15%		{opacity: 1;}
	20%		{text-shadow:  0 0 0px #fff;}
	80%		{text-shadow:  0 0 0px #fff;}
	85%		{opacity: 1;}
	95%		{text-shadow:  0 0 90px #fff;}
	100%	{text-shadow:  0 0 100px #fff;}
}

.banner img.img1 {
    position: relative;
    z-index: 99;
}

.svgCanvas {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
}
.works.grid.container {
    position: static;
    max-width: 100%;
    width: 100%;
}

.works.grid.container[style="display: block;"] {
    display: flex !important;
}


@media screen and (max-width:767px){
    .banner img.img1 {
        height:100%;
    }
}