@charset "UTF-8";
/* CSS Document */





body{
	font-family: 'Vazir';
font-weight:normal;
background-color: #000;
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -300;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
}


.linkrecital{
	text-decoration: none;


}
  



*{
	
	padding: 0;
	margin: 0;
}

.header{
	height: 100vh;
	
}

.fullscreen-bg__video{
	position: absolute;
	bottom: 0; 
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
}

.sidebtn{
	position: fixed;
	left: 20px;
	top: 50%;
	width: 42px;
	height: 42px;
	transform: translateY(-50%);
	background-color: rgb(49, 49, 49);
	border-radius: 50px;
cursor: pointer;
	padding: 3px;


}
.mutebtn{
	position: fixed;
	left: 20px;
	top: calc(50% - 30px);
	width: 42px;
	height: 42px;
	transform: translateY(-50%);
	background-color: rgb(49, 49, 49);
	border-radius: 50px;
cursor: pointer;
	padding: 3px;
	transition: 0.3s ease-in-out;


}
.mutebtn:hover{
	background-color: rgb(121, 121, 121);
transition: 0.3s ease-in-out;


}
.centerbtn{
	position: fixed;
	right: 20px;
	top: calc(50% - 22px);
	width: 22px;
	height: 22px;
	transform: translateY(-50%);
	background-color: whitesmoke;
	border-radius: 50px;
cursor: pointer;
	padding: 3px;
	transition: 0.3s ease-in-out;


}
.centerbtn:hover{
	background-color: rgb(121, 121, 121);
transition: 0.3s ease-in-out;


}
.watchmusicvideo{

	font-size: 16px;
	color: whitesmoke;
	letter-spacing: 0;
	border: 1px solid whitesmoke;
	padding: 10px 40px 10px 40px;
	border-radius: 10px;
	
	transition: 0.4s ease-in-out;

}
.watchmusicvideo:hover{

	font-size: 17px;
	color: #f68b1f;
	letter-spacing: 1px;
	border: 1px solid #f68b1f;
	transition: 0.4s ease-in-out;
	cursor: pointer;
	
}

.footerc {
	display: flex;
	justify-content:space-around;
	align-items: center;
	text-align: center;
	margin-top: 20px;
	position: fixed;
	align-items: center;
	bottom: 0;
	width: 100%;
	height: 150px;
	background:radial-gradient(circle, rgba(148,148,148,1) 0%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 100%);
	box-shadow: 0 0 3px #C0C0C0;
	overflow-x: auto;
}

.footerc2{
display: flex;
position: fixed;
	width: 100%;
height: 100px;
bottom: 0;
background: #000;
align-items: center;
justify-content: center;
/* border: 1px solid white; */

}
.footerc2 .footersubtitleone{
	/* border: 1px solid white; */
	text-align: center;
flex: 1;

	
/* border: 1px solid white; */
	
	}


		
	/* border: 1px solid white; */
		
		

	.footerc2 .wrapper{
		flex: 1;
		text-align: center;
		align-items: center;
			/* border: 1px solid white; */
			}

	.footerc2 .footersubtitletwo{
		flex: 1;
			
		/* border: 1px solid white; */
			
			}




 .wrapper .button {
	 flex: 2;
	display: inline-block;
	 width: 50px;
	 height: 50px;
	 margin: 10px 10px 0 0 ;
	 background: white;
	 border-radius: 10px;
	 cursor: pointer;
	 box-shadow: 0 10px 10px rgba(0,0,0,0.1);
	 transition: all 0.3s ease-out;
	 overflow: hidden;
	 color: #2F1A1A;
	 
	
	
}
 .wrapper .button:hover {
	
transform: scale(1.3);

	 
	
	
}




 .wrapper .button .icon{
	display: inline-block;
	 width: 50px;
	 height: 50px;
border-radius: 10px;
	 box-sizing: border-box;
	 text-align: center;
	 line-height: 40px;
	 
	
	
}


 .wrapper .button:nth-child(1):hover .icon{
background-color: #4267B2;
	 color: whitesmoke;
	 
	
	
}

 .wrapper .button:nth-child(2):hover .icon{
background-color: #833AB4;
	 color: #E7E6E6;
	 
	
	
}
 .wrapper .button:nth-child(3):hover .icon{
background-color: #1DB954;
	 color: white;
	 
	
	
}
 .wrapper .button:nth-child(4):hover .icon{
background-color: #833AB4;
	 color: whitesmoke;
	 
	
	
}
 .wrapper .button:nth-child(5):hover .icon{
background-color: #DB4437;
	 color:#F4B400;
	
	
}
 .wrapper .button:nth-child(6):hover .icon{
background-color: #FF0000;
	 color: white;
	
	 
	 
	
	
}


 .wrapperindex .button .icon i{ 
font-size: 25px;
 
 
	 line-height: 50px;
	 
	
	
}




 .wrapperindex .button span{ 
font-size: 20px;
 margin-left: 10px;
 
	 line-height: 40px;
	 
	
	
}

 .wrapperindex{
	display: inline-block;
	
}


.wrapperindex .button {
	flex: 2;
   display: inline-block;
	width: 50px;
	height: 50px;
	margin: 10px 10px 0 0 ;
	background: white;
	border-radius: 10px;
	cursor: pointer;
	box-shadow: 0 10px 10px rgba(0,0,0,0.1);
	transition: all 0.3s ease-out;
	overflow: hidden;
	color: #2F1A1A;
	
   
   
}
.wrapperindex .button:hover {
   
transform: scale(1.3);

	
   
   
}




.wrapperindex .button .icon{
   display: inline-block;
	width: 50px;
	height: 50px;
border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	line-height: 40px;
	
   
   
}


.wrapperindex .button:nth-child(1):hover .icon{
background-color: #4267B2;
	color: whitesmoke;
	
   
   
}

.wrapperindex .button:nth-child(2):hover .icon{
background-color: #833AB4;
	color: #E7E6E6;
	
   
   
}
.wrapperindex .button:nth-child(3):hover .icon{
background-color: #1DB954;
	color: white;
	
   
   
}
.wrapperindex .button:nth-child(4):hover .icon{
	background-color: whitesmoke;
		color: #f68b1f;
		
	   
	   
	}
	.wrapperindex .button:nth-child(4) .icon{
		background-color: #f68b1f;
			color: whitesmoke;
			
		   
		   
		}
.wrapperindex .button:nth-child(5):hover .icon{
background-color: rebeccapurple;
	color: white;
	
   
   
}
.wrapperindex .button:nth-child(6):hover .icon{
background-color: #DB4437;
	color:#F4B400;
   
   
}
.wrapperindex .button:nth-child(7):hover .icon{
background-color: #FF0000;
	color: white;
   
	
	
   
   
}


.wrapperindex.button .icon i{ 
font-size: 25px;


	line-height: 50px;
	
   
   
}




.wrapperindex .button span{ 
font-size: 20px;
margin-left: 10px;

	line-height: 40px;
	
   
   
}

.wrapper{
   display: inline-block;
   
}



@media screen and (max-width:768px){

.fullscreen-bg__video{
	position: absolute;
	bottom: 0; 
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
}
}

.footersubtitleone {
	margin-top: 10px;
			
	justify-content: space-around;
	color: whitesmoke;
	font-weight: bold;
	
	font-size: 13px;
		
}

.footersubtitleone:hover {

}

.footersubtitletwo {
width: 100%;
     margin-top: 10px;
    
	text-align: center;
	justify-content:space-around;
	color: whitesmoke;
	border-radius: 8px;
	
	padding: 6px;
	font-size: 13px;
}

.mainlogo {
	line-height: 23px;
	margin-top: 10px;
	width: 80px;
	height: 35px;
	
}


@media screen and (max-width:1024px){
	
 
	.footersubtitleone {
		margin-top: 10px;
				
		justify-content: space-around;
		color: whitesmoke;
		font-weight: bold;
	
		font-size: 13px;
			
	}

	.footersubtitletwo {
		width: 100%;
			 margin-top: 10px;
			 
			text-align: center;
			justify-content:space-around;
			color: whitesmoke;
			border-radius: 8px;
			
			padding: 6px;
			font-size: 13px;
		}


}
@media screen and (max-width:768px){
	
	.footersubtitleone {
	display: none;
			
	}
	.footersubtitletwo {
	display: none;
		}
.sidebtn{
display: none;
}
.mutebtn{
display: none;
}
.centerbtn{
	display: none;
}
		.wrapperindex .button .icon i{ 
			font-size: 20px;
			line-height: 30px;
			 
			 
				 /* line-height: 50px; */
				 
				
				
			}
			
			
			
			
			 .wrapperindex .button span{ 
			font-size: 20px;
			 margin-left: 10px;
			 
				 line-height: 40px;
				 
				
				
			}
			
			 .wrapperindex{
				display: inline-block;
				
			}
			
			
			.wrapperindex .button {
				flex: 2;
			   display: inline-block;
				width: 30px;
				height: 30px;
				margin: 10px 10px 0 0 ;
				background: white;
				border-radius: 5px;
				cursor: pointer;
				box-shadow: 0 10px 10px rgba(0,0,0,0.1);
				transition: all 0.3s ease-out;
				overflow: hidden;
				color: #2F1A1A;
				
			   
			   
			}
			.wrapperindex .button:hover {
			   
			transform: scale(1.3);
			
				
			   
			   
			}
			
			
			
			
			.wrapperindex .button .icon{
			   display: inline-block;
				width: 30px;
				height: 30px;
			border-radius: 5px;
				box-sizing: border-box;
				text-align: center;
				line-height: 20px;
				
			   
			   
			}
			.fullscreen-bg__video {
			display: none;
				
			}
			
}
 



@keyframes navLinkFade{
	

	
}

@media screen and (max-width:300px){

			
	
	

}



/* @media screen and (max-width:768px){

.fullscreen-bg__video{
	position: absolute;
	bottom: 0; 
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
}
}

.footersubtitleone {
	margin-top: 10px;
			font-family: 'Montserrat', sans-serif;
	justify-content: space-around;
	color: whitesmoke;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
		
}

.footersubtitleone:hover {

}

.footersubtitletwo {
width: 100%;
     margin-top: 10px;
     font-family: 'Montserrat', sans-serif;
	text-align: center;
	justify-content:space-around;
	color: whitesmoke;
	border-radius: 8px;
	letter-spacing: 2px;
	padding: 6px;
	font-size: 12px;
}

.mainlogo {
	line-height: 23px;
	margin-top: 10px;
	width: 80px;
	height: 35px;
	
} */