/*   **************** this my color *****************    */




:root {
 /*   use  --> var(--Name_color);  */


/*public value */
  --mask_audio	:#343746; /*blue mask */ 
  --mask_video	:#eb9500; /*orange_mask */
  
/*header value*/  
  --theme_color_header		:#10aab2;
  --theme_color_nav_item	:#ffec3c;
  --theme_color_red			:#e21e26;
 
/*content value */
  --shadow_gray			:#cccccc;/*audio & video */
  --light_gray			:#ececec;/*audio & video */
  --dark_gray 			:#444444;/*audio & video */
  --orange				:#eb9500;/*audio & video & chat*/
  --blue_roz_nevesht	:#0c7a80;/* roznevesht */
  --theme_yellow		:#ffd81a;/* roznevesht */  
  
/*footer  vlaue*/
  --footer_light_bg	:#f4f4f4; 
  --footer_dark_bg	:#005778;  

/*widget  vlaue*/
  --float_button		:#eb9500;
  --float_button_hover	:#f16100;  
  --float_button_hover	:#eb9500;  
  --progress_page		:#eb9500;
  --yellow				:#f9e14d; /*chat*/ 
  --dark_khaki			:#bdb76b;/*chat*/ 
  --dark_cyan			:#008b8b;/*chat*/ 
  --blue				:#7C93B2;/* chat & fehrest */
  --dark_purple			:#15162f;/* chat & fehrest */
  
/*responsive value */  
  --burger_color:#ffd81a;  
  --drawer_bg	:#0c7a80;
  
  --dark_white	:#ebebeb;
  --light_white	:#ffffff;
  --gray		:#888888;  
  --black		:#010101;
  --toast		:#99004d;
  --tag_p		:#222222;
  --tag_h1		:#010101;
  --tag_h2		:#000095;
  --tag_h3		:#454EF6;
  --tag_h4		:#5F1B9E;
  --tag_h5		:#950000;
  --tag_a		:#4169e1;

}

 


/* this css for pre css or public tags css */

 @font-face { font-family: b_yekan; src: url('/fonts/b_yekan.ttf'); }

 

 *{
		
 		font-family:'b_yekan','B Yekan';font-weight:bold;
   
		 
 }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: normal;
	font-size: 14px;
 	font-family:'b_yekan','B Yekan';font-weight:bold;
	vertical-align: baseline;
	
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration: none;
	outline:none;}
	
.tag_a_effect {
	 position: relative;
	 display: inline-block;
 
 	 color: var(--black);
	 overflow: hidden;
	 background: linear-gradient(to right, var(--tag_a), var(--tag_a) 50%, var(--black) 50%);
	 background-clip: text;
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 background-size: 200% 100%;
	 background-position: 100%;
	 transition: background-position 600ms ease;
	 text-decoration: none;
}
.tag_a_effect:hover {
	 background-position: 0 100%;
}	
	
p{
color:var(--tag_p);	

}	
	
	
h1{
color:var(--tag_h1);
text-align:center;
}	

h2{
color:var(--tag_h2);
text-align:center;

}

h3{
color:var(--tag_h3);
text-align:center;

}	

h4{
color:var(--tag_h4);
text-align:center;

}	

h5{
color:var(--tag_h5);
text-align:center;

}	

  /* custom scrollbar start */

 .hide_scrollbar {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.hide_scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.hide_scrollbar::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 2px solid transparent;
}
.hide_scrollbar::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.hide_scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}
.hide_scrollbar::-webkit-scrollbar-corner, .hide_scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
 
 /* custom scrollbar end*/
 
 
 
 
 
/* shimmer start */

.loading_shimmer,
.category_post_shimmer,
.comment_replay_shimmer,
.replay_sender_shimmer,
.profile_author_shimmer,
.name_author_shimmer,
.my_profile_shimmer,
.profile_user_shimmer {

border-radius:25px;	

  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: shimmer;
          animation-name: shimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #ccc;
  background: linear-gradient(to right, #eff1f3 8%, #e2e2e2 18%, #eff1f3 33%);
  background-size: 1200px 100%;
}

 


 


@-webkit-keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes shimmer {
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}




/* shimmer end */
 






/* video mask home start */

.svg_mask_video{
 	 margin-top:20px;
}
 .container_mask_video {
	 width: 100%;
	 text-align: center;
	 margin-top: 10px;
	 margin-bottom:10px;
	 
}
 .circle_mask_video {
	 stroke: var(--mask_video);
	 stroke-dasharray: 650;
	 stroke-dashoffset: 650;
	 -webkit-transition: all 0.5s ease-in-out;
	 opacity: 0.3;
	 
}
 .play_But_mask_video {
	width:100%;
	height:250px;
	 display: inline-block;
	 	background: var(--gray);
	 -webkit-transition: all 0.5s ease;
	   border-radius: 5px;
}
 .play_But_mask_video .triangle_mask_video {
	 -webkit-transition: all 0.7s ease-in-out;
	 stroke-dasharray: 240;
	 stroke-dashoffset: 480;
	 stroke: var(--black);
	 transform: translateY(0);
}
 .play_But_mask_video:hover .triangle_mask_video {
	 stroke-dashoffset: 0;
	 opacity: 1;
	 stroke: var(--mask_video);
	 animation: effect_mask_video 0.7s ease-in-out;
}

 .play_But_mask_video:hover .circle_mask_video {
	 stroke-dashoffset: 0;
	 opacity: 1;

}


 
 @keyframes effect_mask_video {
	 0% {
		 transform: translateX(0);
	}
	 30% {
		 transform: translateX(-5px);
	}
	 50% {
		 transform: translateX(5px);
	}
	 70% {
		 transform: translateX(-2px);
	}
	 100% {
		 transform: translateX(0);
	}
}




/* video mask home end */


/* audio mask home start */



.spinner_mask_audio{
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	height:40px;
	text-align:center;
	background:var(--mask_audio);
	border-radius:20px;
	}
.spinner_mask_audio > div{
	float:right;
	background:var(--light_white);
	height:100%;
	width:4px;
	display:inline-block;
	margin-left:3px;
	-webkit-animation:audio_equlazer_mask 1.2s infinite ease-in-out;
	animation:audio_equlazer_mask 1.2s infinite ease-in-out;
	}
.spinner_mask_audio > div:first-of-type{
	margin-right:15px;
	}
.spinner_mask_audio .rect_mask_audio_2{
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s;
	}
.spinner_mask_audio .rect_mask_audio_3{
	-webkit-animation-delay:-1.0s;
	animation-delay:-1.0s;
	}
.spinner_mask_audio .rect_mask_audio_4{
	-webkit-animation-delay:-0.9s;
	animation-delay:-0.9s;
	}
.spinner_mask_audio .rect_mask_audio_5{
	-webkit-animation-delay:-0.8s;
	animation-delay:-0.8s;
	}

.mask_audio_play_svg{
	width:30px;
	height:30px;
	float:left;
	display:inline-block;
	margin-top:2px;
	margin-left:10px;
}
.spinner_mask_audio p{	
display:inline-block;
text-align:left;
color:white;
margin-left:10px;
font-size:16px;
float:left;	
margin-top:5px;
}


 
	
	
 @-webkit-keyframes audio_equlazer_mask{
	0%, 40%, 100% { -webkit-transform: scaleY(0.25) }
	20% { -webkit-transform: scaleY(0.5) }
}
@keyframes audio_equlazer_mask{
	0%, 40%, 100% { 
		transform: scaleY(0.25);-webkit-transform: scaleY(0.25);
	}20%{ 
		transform: scaleY(0.5);-webkit-transform: scaleY(0.5);
	}
}


/*Animations*/
@keyframes prettyLoader{
	0% {background-position: -5vw 0;}
	100% {background-position: 0vw 0;}
}

/* audio mask home end */



 
 

 

  
 

/* end public css */