@font-face {
    font-family: 'IRANSans(FaNum)';
    src:url('/fonts/IRANSans(FaNum).eot?#') format('eot'),    
          url('/fonts/IRANSans(FaNum).woff') format('woff'),
          url('/fonts/IRANSans(FaNum).ttf') format('truetype');
font-style:normal;
font-weight:normal;
font-display:swap; 
}
a{ text-decoration: none;color:#336784;}
a:hover{ color:#424242;}
h1,h2{ direction:rtl;font-family: "IRANSans(FaNum)", Tahoma;}
h3{ direction:rtl;font-family: "IRANSans(FaNum)", Tahoma;color:#066; font-size:16px}
h4{
  background: linear-gradient(-90deg, #CCC, #fff);
  direction:rtl;font-family: "IRANSans(FaNum)", Tahoma;font-size: 16px; color: #066;
  padding:10px; line-height:35px;

}

h1{font-size: 14px; color:#FFF ; margin-right:10px; margin-top:20px }
#header table h2{ float:right; margin-right:-8px}
h5{font-family: "IRANSans(FaNum)", Tahoma;font-size: 10px;margin-top:-10px;
direction:rtl;color:#ccc;}
@media (min-width: 700px) {
h5{font-size: 11px;}
}
@media (min-width: 1280px) {
h5{font-size: 14px;}
}
@media (min-width: 1500px) {
h5{font-size: 14px;}
}
@media (min-width: 1900px) {
h5{font-size: 14px;}
}	
h2.background{ 
padding:15px 0;
margin:10px 2% -20px 0;
padding-right:58px;
background:url(/img/pencil.png) no-repeat right center; color:#b55833;font-weight: bold;font-size: 12px;
    }
	@media (min-width: 700px) {
h2.background{font-size: 10px; margin-bottom:-10px   }

}
	@media (min-width: 1024px) {
h2.background{font-size: 16px;   }

}
@media (min-width: 1280px) {
h2.background{font-size: 18px; }
}
@media (min-width: 1500px) {
h2.background{font-size: 18px; }
}
@media (min-width: 1900px) {
h2.background{font-size: 18px; }
}
h2{ 
font-family: "IRANSans(FaNum)", Tahoma; font-size: 2.5vh; position:relative;
}
h2 font{ 
position:absolute; top:-150px;
}
section font{ 
position:absolute; top:-150px;
}
#content h2{ 
padding:0;
margin:20px 0 20px 35px; color: #4190ac;font-family: "IRANSans(FaNum)", Tahoma;
  position: relative; 
 border-radius:5px; width:94%;

    }
#content h2 span:first-child { background:#e23d36;color:#eee;
border-radius:0 5px 5px 0 ; line-height:30px;padding:12px}
#content h2 span:nth-child(2) {     border-style: dashed;
    border-color: transparent;
    border-width: 0.20em;
    display: -moz-inline-box;
    display: inline-block;    /* Use font-size to control the size of the arrow. */
    font-size:128px;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0;
    background-color: #ffb311;   /* change background color acc to bg color */ 
    border-right-width: 0.15em;
    border-right-style: solid;
    border-right-color: #e23d36;
    right:0; margin-left:-25px; display:none}
#content h2 span:nth-child(3) { color: #523540;line-height:30px;
font-family: "IRANSans(FaNum)"; z-index:1; width:99%; background: linear-gradient(-90deg, #ffb311, #fff); padding:12px}
#content p i{font-size:22px;color: #930; vertical-align:middle }
#content h2 i{font-size:25px;color: #fff; vertical-align:middle }	
	@media (max-width: 700px) {
#content h2{margin:10px 0 20px 15px; width:92%  }
#content h2 i{}
p.speech { width:86% !important}	
}
	@media (min-width: 700px) {


}
@media (min-width: 1024px) {

p.speech { width:91.2% !important}
}
@media (min-width: 1280px) {
h2{margin:10px 0 20px 40px !important; width:95% !important ;   }
p.speech { width:93.2% !important}

}
@media (min-width: 1500px) {
h2{margin:10px 0 20px 50px !important; width:95.5% !important  }
p.speech { width:95% !important}

}
@media (min-width: 1900px) {
h2{margin:10px 0 20px 60px !important; width:96% !important  }
p.speech { width:96% !important }

}


p.speech {
  position:relative;
  padding:15px;

  color:#222;
  background:#b0c6cb;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:0 0 10px 10px; width:90%; margin-left:auto; margin-right:auto; margin-top:-15px
}

/* creates the triangle 
p.speech:after {
  content:"";
  position:absolute;
  top:-28px;
  border:15px solid transparent;
  border-bottom-color:#b0c6cb;

  display:block;
  width:0; right:43px
}*/
#content{  margin-left:auto; margin-right:auto; }
.simple_blog_title a{ background:url(/img/correct.png) no-repeat right center; }
.simple_blog_subtitle { font-size:13px; padding-right:30px }
.caption{ font-size:10px !important}
	@media (min-width: 700px) {
.simple_blog_subtitle{font-size: 10px;    }

}
	@media (min-width: 1024px) {
.simple_blog_subtitle{font-size: 16px;   }

}
@media (min-width: 1280px) {
.simple_blog_subtitle{font-size: 18px; }
}
@media (min-width: 1500px) {
.simple_blog_subtitle{font-size: 18px; }
}
@media (min-width: 1900px) {
.simple_blog_subtitle{font-size: 18px; }
}
.simple_blog_abbrev{ display:none}

/* مربوط به صفحه سوالات متداول */
		.faq-section{
			margin: 40px 50px 0 50px;
			position: relative; clear:both
		}

		.faq-section p{
			display: none; 
		}	

		.faq-section input{
			position: absolute;
			z-index: 2;
			cursor: pointer;
			opacity: 0;			
			display: none\9; /* IE8 and below */
            margin: 0;			
			width: 100%;
			height: 56px; 
		}				
        /* محتوا قبل از باز شدن */
		.faq-section label+p{
			display: block;	
			color: #999;
			font-size: 16px;
			-webkit-transition: all .15s ease-out; 
			-moz-transition: all .15s ease-out;
			-ms-transition: all .15s ease-out;
			-o-transition: all .15s ease-out;
			transition: all .15s ease-out;
			/* Clipping text */
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;						
		}
		.faq-section label+p a{ color:#999}
		.faq-section label+p br{ display:none}
		.faq-section label+p img,.faq-section label+p span{ display:none}
        
 		
        /* محتوا بعد از باز شدن */
		.faq-section input[type=checkbox]:checked~p{
			display: block;
			color: #222;
			font-size:16px;
			/* restore clipping defaults */
			text-overflow: clip; 
			white-space: normal;
			overflow: visible; background-color:#eee	
		}
		.faq-section input[type=checkbox]:checked~p a{ color: #06F}
		.faq-section input[type=checkbox]:checked~p br{ display: inline}
		.faq-section input[type=checkbox]:checked~p img,.faq-section input[type=checkbox]:checked~p span{ display: inline}
		

		.faq-section label{
			font-size: 16px;
			background: #42707f  ;
			background: linear-gradient(-90deg, #444, #42707f);
			color: #fff;
			display: block;
			position: relative;
			height: 35px;
			line-height:35px; 
			padding: 7px 10px 7px 40px;
			font-weight: bold;
			border: 1px solid #888;
			border-left: 1px solid #888;
			border-right: 3px solid #888;
			
			-webkit-transition: all .15s ease-out; 
			-moz-transition: all .15s ease-out;
			-ms-transition: all .15s ease-out;
			-o-transition: all .15s ease-out;
			transition: all .15s ease-out; 
			text-align:right;		
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			direction: rtl;
			min-width: 95%; cursor:pointer
		}
		.faq-section p
		{
			min-width: 97.7%;
			padding-right: 13px !important;
			padding-left: 13px !important; background-color:#eee;
			 margin-top:0; border:1px solid #ccc; font-size:16px !important;
		}
		.faq-section img
		{
			max-width: 100% !important;
			
		}
	
		.faq-section label::-moz-selection{ /* remove text selection when toggle-ing */
			background: none;
		}

		.faq-section label::selection{
			background: none;
		}

		.faq-section input[type=checkbox]:checked~label{
			border-color: #ff7f50;			
			background: #f5deb4;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5deb4));
			background-image: -webkit-linear-gradient(top, #fff, #f5deb4); 
			background-image: -moz-linear-gradient(top, #fff, #f5deb4); 
			background-image: -ms-linear-gradient(top, #fff, #f5deb4); 
			background-image: -o-linear-gradient(top, #fff, #f5deb4); 
			background-image: linear-gradient(to bottom, #fff, #f5deb4);
			-moz-box-shadow: 0 0 1px rgba(0,0,0,.4);
			-webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);
			box-shadow: 0 0 1px rgba(0,0,0,.4); color:#333				
		}

		.faq-section label::before{
			content: '+';
			position: absolute;
			left: 4px;
			top: 16%; font-size:30px; font-family:tahoma; color: #ffc411;
	
		}
		
		.faq-section input[type=checkbox]:checked~label::before{
			content: '-';
			left: 10px;	color: red;
		}
				.faq-section i
		{
			 color: #ccc; font-size:18px; margin-left:3px
			
		}
		
		.tabletop{text-align: center;float:left;width:20%; }
		.tabletop font{ font-size:15px;}
		.tabletop img {text-align: center;  height:125px;  }
		.faq-section p.player{
			 text-align:center !important
		}
	@media (max-width: 700px) {
.faq-section p.player{
			min-height: 100vw !important; text-align:center;
		}
}