/*************background slider**/
 .intro-wrap{
     width:100%;
     height:100vh;
 	 width: 100%;
     display: flex;
     flex-wrap: wrap;
	 justify-content: center;
	 align-items: center;
	 text-align:center;
}
 .outer{
 	width:482px;
 	height:612px;
	position:relative;
	overflow:hidden;
 
 
	}
 .fame-box{
	width:480px;
 	height:610px;
	display: flex;
    flex-wrap: wrap;
	 justify-content: center;
	 align-items: center;
	 text-align:center;
	 font-size:60px;
	 font-weight:var(--font-bold);
	 color:#000;
	position:absolute;
	left:0;
	background-color:#ECEDF1;
	top:0;
}

 .fame-box span{
 	background-color:#ECEDF1;
	display:inline-block;
	padding:10px;
	}
.lev2{
	z-index:2;
	}
.lev3{
	z-index:3;
	}
.lev4{
	z-index:4;
	}
	
.lev5{
	z-index:5;
	}
	
.lev6{
	z-index:6;
	}
	
.lev7{
	z-index:6;
	}

 .brand{
 	 
 }
 .brand img { 
    width: 250px;
}
 
.pin{
	background-color:#ECEDF1;
	width:120px;
	
}
.comingsoon{
	font-size:40px;
}

 /**********************************/
  
/*.animset{
     animation-duration: 1000ms;
     animation-delay: 1000ms;
     animation-name: fadeInDown;
}
*/
 .animset{
     animation-duration: 1000ms;
     animation-delay: 1000ms;
}
 .animset2{
     animation-duration: 2500ms;
     animation-delay: 2500ms;
}
 .animset3{
     animation-duration: 3500ms;
     animation-delay:3500ms;
}
 .animset4{
     animation-duration: 4500ms;
     animation-delay: 4500ms;
}
 .animset5{
     animation-duration:6000ms;
     animation-delay: 6000ms;
}
 .animset6{
     animation-duration: 8500ms;
     animation-delay:8500ms;
}
 .animset7{
     animation-duration: 8500ms;
     animation-delay:  8500ms;
}
@media only screen and (max-width:640px) {

 .outer{
 	width:302px;
 	height:402px;
	position:relative;
}
 .fame-box{
	width:300px;
 	height:400px;
	font-size:40px;
	  }
 .comingsoon{
	font-size:30px;
}


}