/*------------- line ------------- */
@-webkit-keyframes moveLine1{
	0%{left:90%;}
	10%{left:110%;}
	55%{left:-10%;}
	100%{left:90%;}
	}

@keyframes moveLine1{
	0%{left:90%;}
	10%{left:110%;}
	55%{left:-10%;}
	100%{left:90%;}
	}

@-webkit-keyframes moveLine2{
	0%{left:88%;}
	40%{left:-10%;}
	80%{left:110%;}
	100%{left:88%;}
	}

@keyframes moveLine2{
	0%{left:88%;}
	40%{left:-10%;}
	80%{left:110%;}
	100%{left:88%;}
	}

@-webkit-keyframes moveLine3{
	0%{left:75%;}
	20%{left:110%;}
	65%{left:-10%;}
	100%{left:75%;}
	}

@keyframes moveLine3{
	0%{left:75%;}
	20%{left:110%;}
	65%{left:-10%;}
	100%{left:75%;}
	}

@-webkit-keyframes moveLine4{
	0%{left:71%;}
	25%{left:110%;}
	75%{left:-10%;}
	100%{left:71%;}
	}

@keyframes moveLine4{
	0%{left:71%;}
	25%{left:110%;}
	75%{left:-10%;}
	100%{left:71%;}
	}

@-webkit-keyframes moveLine5{
	0%{left:70%;}
	40%{left:20%;}
	80%{left:110%;}
	100%{left:70%;}
	}

@keyframes moveLine5{
	0%{left:70%;}
	40%{left:20%;}
	80%{left:110%;}
	100%{left:70%;}
	}

@-webkit-keyframes moveLine6{
	0%{left:68%;}
	25%{left:100%;}
	75%{left:-10%;}
	100%{left:68%;}
	}

@keyframes moveLine6{
	0%{left:68%;}
	25%{left:100%;}
	75%{left:-10%;}
	100%{left:68%;}
	}

@-webkit-keyframes moveLine7{
	0%{left:40%;}
	20%{left:-10%;}
	80%{left:80%;}
	100%{left:40%;}
	}

@keyframes moveLine7{
	0%{left:40%;}
	20%{left:-10%;}
	80%{left:80%;}
	100%{left:40%;}
	}

.line-area{
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:-10;
	opacity:0;
	-webkit-transition:opacity 5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.3s;
	transition:opacity 5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.3s;
	}

.line-area.active{opacity:1;}

.line-area .line-inner{width:100%;}

.line-area .line{
	position:fixed;
	display:block;
	top:-10vh;
	width:1px;
	height:130vh;
	background-color:#ebecf5;
	-webkit-transform:rotate(15deg);
    transform:rotate(15deg);
	opacity:0.6;
	}

.line-area .line:nth-child(1n){
	left:95%;
	-webkit-animation:moveLine1 55s linear infinite;
	animation:moveLine1 55s linear infinite;
	}

.line-area .line:nth-child(2n){
	left:20%;
	-webkit-animation:moveLine2 70s linear infinite;
    animation:moveLine2 70s linear infinite;
	}

.line-area .line:nth-child(3n){
	left:40%;
	-webkit-animation:moveLine3 45s linear infinite;
	animation:moveLine3 45s linear infinite;
	}

.line-area .line:nth-child(4n){
	left:30%;
	-webkit-animation:moveLine4 40s linear infinite;
    animation:moveLine4 40s linear infinite;
	}

.line-area .line:nth-child(5n){
	left:0%;
	-webkit-animation:moveLine5 30s linear infinite;
    animation:moveLine5 30s linear infinite;
	}

.line-area .line:nth-child(6n){
	left:80%;
	-webkit-animation:moveLine6 55s linear infinite;
    animation:moveLine6 55s linear infinite;
	}

.line-area .line:nth-child(7n){
	left:20%;
	-webkit-animation:moveLine7 35s linear infinite;
    animation:moveLine7 35s linear infinite;
	}