@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;
}
.rh3-2> .rh3-2Div
 {
  width: 100%;
  text-align: right;
  padding-right: 5px;
}
.left2>form>div
{
  display: inline-flex;
} 
.rhitem
{
width:100%;
display:inline-block;
text-align:right;
}
.rh6item
{
	margin: 1%;
    float: right;
    width: 14%;
}

.anti_spam_math
{
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

.expanded .close
{
	margin-right:10px;
}

.blog_nav_links
{
width: 90vw;
position: inherit;
margin: 0px auto;
text-align: center !important;
}
.blog_nav_links >span
{
display:inline-block;
margin-top: 15px;
}
.contactform label span.title {
    float: right ;
}
.contactform label {
    width: 100%;
  }
.captchaForm >div {
    display: inline !important ;
}
#logoImg
{
  visibility: hidden;
}
#UserDataForm{
  display: inline-block;  
}
.hideMenu
{
  display: none !important;
}
#m_header{
  visibility: hidden;
  display: none;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1099;
  direction: rtl; font-size:22px;
}

form #edit
{
width: 90px;
right: 19px;
text-align: center;
}

#timingDiv
{
	width: 100%;
  text-align: right;  margin-top:20px 
}
#timingDiv label
{
	display: inline-block;
}

.rh4
  {
    display: inline-block;
    margin: 1% 1% 3% 1%;
    width: 22.5%;
    text-align: center;
    position: relative;
  }
  .rh4 img
  {
border: 3px solid #966; width: 150px; height: 150px;
  }

  .rh3
  {
    display: inline-block;
    margin: 1%;
    float: right;
    width: 31%;
    text-align: center;
    position: relative;
  }
  .rh2
  {
    display: inline-block;
    margin: 1%;
    float: right;
    width: 48%;
    text-align: center;
    position: relative;
  }
    .rh3-2
  {
   	display: inline-block;
	margin: 1%;
	float: right;
	width: 130%;
	text-align: center;
	position: relative;
	max-width: 388px;
  }
  .rhtbl{
    display: block;
    position: relative;
  }

  .rhtbl>div{
    clear:both;
    width: 100%;
    display: inline-block;
  }
  .scrollRight
  {
    right: 2px;
    padding-top: 4px;
    padding-left: 2px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    cursor: pointer;
  }
  .scrollLeft
  {
    padding-top: 4px;
    padding-right: 12px;
    padding-left: 2px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    cursor: pointer;
    left: 3px;

  }

 #private_pages a
{
  display: inline-block;
  white-space: nowrap;
}
#content{
  margin-top:20px;
}
#private_pages {
  width: 80% !important;
  overflow-x: scroll;
  display: inline-flex;
  float: right;
  clear: none;
  line-height: 29px;
  height: 103px;
  margin-right: 10%;
  -moz-box-shadow:    inset 0 0 30px #000000;
  -webkit-box-shadow: inset 0 0 30px #000000;
  box-shadow:         inset 0 0 30px #000000;
  text-align:center;

}
h3 >.editable_area
{
padding-left:5px;
}
.clear + .category_container
{
padding:5px;
}
#pp_scrolling
{
  width: 100%;
  height: 60px;
  overflow: hidden;
  background-color: #555;
  position: fixed;
  top: 88px;
  z-index: 900;
  right: 0px; 
}
#pp_scrolling > span
{
width: 20px;
border-radius: 100%;
padding-right: 10px;
font-size: 32px;
height: 32px;
position: absolute;
margin: 15px 10px;
line-height: 25px;
}

.logotd
 {
  width:80px;
  display:inline-block;
  float:right;
  text-align:center;
  margin-top:2px;
 }
 .logotd *
 {float:right;}
 .logotxt
 {
  display:inline-block;
  float:right;
  width: 45%;
  min-width: 150px;
 }
 .logotxt *
 {
  clear:both;
    float: right;
 }


#header 
{
  top: 0px;
  left: 0px;
}
#header .expanded
{
  background: #50a9d0; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #50a9d0 , #1b4d4e); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #50a9d0, #1b4d4e); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #50a9d0, #1b4d4e); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #50a9d0 , #1b4d4e); /* Standard syntax */
  }
  #header .menu
{
  position: absolute !important;
  height: 85px;
  }
 .managetable {
    display: inline-table;
	}
 .managetable input
 {
 	max-width: 73vw !important;
 }
 .managetable >div>div {
	border: 1px inset;
	display: inline-block;
	padding: 0px;
	border-radius: 5px;
	max-width: 79vw;
	line-height: 56px;
	background-color: rgba(222,222,222,222);
	float: none !important;
	}
@media screen and (min-width:950px) {
	.showelement{ display:none !important}
	#timingMenu{ margin-right:7%}
	.forpc{margin-left:10% !important;}
	.forpc2{margin-right:-100px !important; font-size:19px !important}
	.forpc3{margin-right:-180px !important; font-size:20px !important}
	.hidelement{ margin-left:240px !important}
	.hidelement img{ width:75px !important;margin-left:15px !important;}
	.profileimg{
  width: 80px;
  height: 95px;}
	
}
@media screen and (max-width:950px) {
.hidelement{display:none;}
.tooltip .tooltiptext::after
{
  right: 5px !important;
  left:95% !important;
}
.tooltip .tooltiptext
{
  right: 0px !important ;
  border-radius: 8px 8px 8px 8px;
}

}
@media screen and (max-width:860px) {
html 
{
   overflow-x: hidden;
}
.rh6item
{
min-width:130px;
}
.simple_blog_subtitle
{
	padding-top: 0px !important;
	margin-top: 0px; 
}


.blog_post> h2
{
  line-height: 36px !important;
  text-align: center;
  margin-right: 0;
  padding: 6px !important; font-size:18px
}

#content{
  margin-top:0px;
}
#ajax_content
{
max-width: 100%;
overflow: scroll;
max-height: 70vh;
display: inline-block;
text-align: center; 
}
#ajax_content td
{
	font-size:10px 
}
.managetable
{
	margin-top:25px;
}
#copyright{ background:none}
#footer .left1
{
  max-height:300px ; margin-top:-40px;height:300px;
}
#footer .left1
{
   margin-right: 2px; overflow: hidden; 
}	
#footer .left3
{
	display:none
}
#footer .right
{
  text-align: center; margin-top:-40px;min-height:320px 
}
#footer .right p, #footer .right h3
{
	line-height:22px
}
#footer .right>div
{
max-width: 300px;
margin: 0 auto;
text-align: right; 
}
.faq-section label
{
	display: inline-table;
	white-space: pre-line;
	text-align: justify;min-width: 90%;font-size: 15px;
}
.faq-section p
		{
			min-width: 98%; margin-top:0;
		}


.speech-bubble
{
  position: initial !important;
}
.commentUserInfo2 + div,.commentUserInfo3 + div
{
  position: relative !important;
  display: inline-block !important;
  width: 100%;
  text-align: center;
  margin-top: 8px !important;
}
.commentUserInfo3
{
  right:180px !important;
}
.faq-section
{
  margin: 12px 40px 0 18px !important;
}
.contactform label span.title {
    float: none;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 1px;
}
.contactform 
{
  text-align: center;

}
.contactform  input
{
  text-align: center;
  width: 98% !important;
  float: none; margin-top:10px
  
}
.contactform  input ,.contactform textarea
{
  text-align: center;
  padding-left: 0px !important;
  float: none;
  
}
.contactform  label
{
  
  float: none;
  clear: none;
}
.captchaForm input
{
  width:84% !important;
}
.comment_area_easy_comment > div
{
  width:92% !important;
  padding: 2% !important;
  margin-left: 2% !important;

}
.csslider1,.csslider1 > ul
{
  height: 50vw;
}


#contentM p 
{
  padding: 10px 22px;
}
#contentM .speech 
{
  padding: 10px 12px; width:85%
}

.gp_slideshow
{
  left:0 !important;
  height:108px;
  overflow-x:scroll;
  display:flex;
  padding-top:20px !important;
  border:1px outset !important;
  width:100% !important;
  padding-left:20px !important;

  
}
.gp_slide_thumbs
{

  left: 0;
  float: none;
  width: 91% !important;
  margin: 0 auto;
  padding-right: 28px;
  padding-left: 3px;  
}
.gp_nosave
{
  max-height:50vw;
  
}
.slideShow_slide img
{
  max-height:50vw;
  width:100%;
}
.slideShow_slide
{
  width:100%;
}

a.slideshow_slide
{
  width:100%;
}


   
.gp_slideshow
{
  left:0 !important;
  height:98px;
  overflow-x:scroll;
  display:flex;
  padding-top:20px !important;
  width:100% !important;
  padding-left:20px !important;

  
}
.gp_slide_thumbs
{
  clear:both;
  left: 0;
  float: none;
  width: 91% !important;
  margin: 0 auto;
  padding-right: 28px;
  padding-left: 3px;  
}
.gp_nosave
{
  max-height:50vw;
  
}
.slideShow_slide img
{
  max-height:50vw;
  width:100%;
}
.slideShow_slide
{
  width:100%;
}

a.slideshow_slide
{
  width:100%;
}

.slideshow-container {
   width:100%;
    min-height: 50vw;
  margin-left:0;
}
.gp_slideshow{
 clear:both !important;

}

.caption-container
{
float: right;
width: 100%;  

}
.caption-container
{
float: right;
width: 100%;  
}
.easy_comment_form
{
  max-width:99% !important;
  display:inline-block;
  
} 
#commentbox
{
   max-width: 89vw !important;
}
.rhimg
{
  width:100% !important;
 height:auto !important;
}
.rh2 .rhimg
{
  margin:auto auto !important;
}
#ExtraEditArea4
{
  width:94%;
  margin: 0 auto;
}
.easy_comment_form
{
  margin-right:0;
  width:100%;
}
.easy_comment_form *
{
  max-width:97% !important;
}
.comment
{
  width:90%;
  margin: 0 auto;
}

.gp_gallery li
{
  width:47% ;
  float:none ;
  padding-bottom:65px;
  overflow: hidden;
  margin:5px 1px 1px 1px;
}
.player
{
    max-width:98% !important;
    max-height:71vw !important;
 
}
.spruto-video
{
    max-width:100% !important;
    max-height:53vw !important;
 
}
.player embed,.splayer{
  max-width: 100%;
  max-height: 53vw;
}
#header
{
  overflow:hidden;
}
#pp_scrolling
{
top: 67px;
}
  .popupcontent >*
  {
    position:relative !important;
  }
  
  #header 
  {

    height: 65px;
    }

  .logotd
 {
  width:60px;
  
 }
  .btn-group li {
     display: ruby-base !important;margin:5px !important;
   }
  .btn-group{
    text-align:center;
  }
  .btn-group a{
	  margin-top:10px !important;
    white-space:nowrap;
    padding:15px !important;  
  }
  #cmslider{
    height: 500px  !important;  width:80%;
  }

  .rh1,.rh4,.rh3,.rh2
  {
    display: block;
    width:100%;
    clear: both;
  }
  .rh1
  {
    width:92%;
    margin-right: 4%;
    line-height: 25px;
    float: right;


  }
#footer>div
{
  min-width: 260px;
  margin: 0 auto;
  float: right;
  width: 95%;
  padding: 10% 2% 2% 2%;
}
  .left2{
    float: none;
  }
  #footer{
    overflow-y: scroll;
    position: relative;
    display: inline-table;

  }
  #contentM{
    position: relative;
  }
  #contentM h2 { line-height: 36px !important;}
body{
    max-width: 100vw;
    overflow-x: hidden;
    min-height: 100vh;
  }
  

  body>div{
     max-width: 100vw;
  }
  #wrapper>div{
     max-width: 100vw;
     /*! max-height: 60vh; */
  }
 #m_header{
  visibility: visible;
  display: inline-block;
}
 #m_header .toggle{
	 margin-top:-16px;margin-right:16px
}
#header_wrap
{
  height: 65px;
  width:  10%; 


}
.menu.expanded {

display: none
}
.container {
  position: absolute;
  top: 22.5px;
  left: calc(100% - 98.125px);
  height: 42.75px;
  width: 58.5px;
  transition: 1s; 
}
.container.close {
  right: calc(100% - 98.125px);
}
.toggle.close:before {
  transform: rotate(-225deg);
  top: 0; background:#FFF
}
.toggle.close:after {
  transform: rotate(225deg);
  top: 0;  background:#FFF
}

div.popup3container {
  text-align: center;
  width: 100%!important;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 5px auto; 
	}
.menu
{
  width: 55px;
}
.miniHeader
{ width: 75%!important;
  overflow: hidden;
  float: right;
  height: 88px !important;
  display:none;
}
#m_menu a {
  float: right;
  display: inline-block;
  clear: both;
  width: 100%;
  direction: rtl;
  color: #efe;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 15px;
  text-align: right;
  font-family: "IRANSans(FaNum)", Tahoma;
  font-size:17px;
  border:1px solid #366c6d
  }


#m_menu a:nth-child(even) 
{
    background-color:  #225a60;
}
#m_menu a:nth-child(odd) 
{
    background-color:  #225a60;
}
#m_menu a:hover {
    background-color: #eee;
    color:#285758;
    
  }
  #m_menu
  {
    background-color: #285758;
    display: grid;
    font-family: initial;
    max-height: 60vh;
    width: 120%;
    direction: rtl;

  }

.expanded
{
  margin-left: 0px;
  margin-top: 0px;
  overflow: visible !important;
  direction: ltr !important;
}
.hideHeader a {
       /* background-color: lightblue;*/
       visibility: hidden ;
       display:none !important;

    }
  .hideContent {
       /* background-color: lightblue;*/
       visibility: hidden ;
       display:none !important;

    }
 #header h1 {
  font-size: 12px !important;
  margin-right:10px; margin-top:14px; width:400px;
 }   
  #header h2 {
  font-size: 10px !important;
  line-height: 15px;width:400px;margin-right:-113px;

 }
 .logo
 {
  width: 60px !important;;
  height: 60px !important;;
 }
 .logo canvas
 {
  width: 60px !important;
  height: 60px !important;

 }
 #logoImg
 {
  width: 57px !important;
  height: 57px !important;
 }
 #logotbl
 {
  width: 60px !important;
 }
 .popup {
	 
padding: 30px!important;
    width:60% !important;
    max-height: 70vh !important;
    overflow: hidden;
}
.novisible{display: block}	
.left1,.left2,.left3
{
  text-align:center ; border-bottom:1px solid #555; border-left:0  ;
  
}
.left3 p{ margin-top:20px}

@media screen and (max-width: 400px) {
.miniHeader
    {
    max-width: 250px !important;
    
    
    
    
    }

.spruto-video
{
    max-width:100% !important;
    max-height:47vw !important;
 
}
.player embed,.splayer{
  max-width: 100%;
  max-height: 47vw;
}

    }

.menu{
  top:-13px;
}

.popup {
    max-height: 70vh !important;
    overflow: hidden;
    overflow-y: auto;
	overflow-x: hidden!important;
    padding-right: 100px;
    width: 240px !important;
}
#logoImg
{
  visibility: visible;

}



}

#C_waiting {visibility:hidden;position: fixed;top:0px;left: 0px;width: 100%;height: 100%;background-color:rgba(47, 79, 79, 0.9); }
.progress { position:fixed; top: 35%;left: 33%; width:32%; border: 0; padding: 1px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px;border: 1px solid #ddd; }
.percent { position:absolute; display:inline-block; top:22px; left:48%; }
li{   color:#fc9400; font-size: 25px;}
.error {
  font-size: 22px; 
  text-align:right;
  direction:rtl;
   font-family:'IRANSans(FaNum)'; width:98%; color:#6eff75; clear:both
}
img{
    image-orientation:from-image ;
    
}
.cke_source {
    white-space: pre-wrap !important;
}






/*
.scrollSensitive #header
{
  max-height:50px;
}

.scrollSensitive .menu{
  height:50px;
}

.scrollSensitive .menu .container
{
  top:2px;
}

.scrollSensitive #header canvas ,.scrollSensitive #header #logoImg
{
  height:46px;
  top: -3px !important;
  
}

.scrollSensitive #header 
{
  
  height: 50px;
}

.scrollSensitive .logo{
  width:50px !important;
}

 .scrollSensitive .logotd
 {
  width:55px;
  display:inline-block;
  float:right;
  text-align:center;
  margin-top:2px;
 }
 
 .scrollSensitive  .logotd *
 {float:right;}
 
 .scrollSensitive .logotxt
 {
  display:inline-block;
  float:right;
  width: 30%; margin-top:-5px
 }
 .scrollSensitive .logotxt *{
   text-align:right;
 }
 .scrollSensitive .logotxt h2
 {
   display:none !important;
 }
  .scrollSensitive .logotxt h1
 {
   margin-top:20px !important;
 }
 .scrollSensitive .logo canvas ,.scrollSensitive #header #logoImg
 {
    width: 50px !important;
    height: 50px !important;
 }

.scrollSensitive .menu
{
  top: 0px;
}
.scrollSensitive #pp_scrolling,.scrollSensitive  #m_header
{
  display:none;
}
.scrollSensitive #scrollHeader
{
  width: 100%;
  height: 52px;
  position: fixed;
  z-index: 10000;
}
.scrollSensitive .miniHeader{
  visibility:hidden;
  display:none;
}
.scrollSensitive .hideContent {
       visibility: hidden ;
       display:none !important;
    }
.scrollSensitive #m_header {
    visibility: visible;
}

.scrollSensitive .menu {padding:0px;height:50px !important;}

#headerScrollEvent
{
z-index:999;
height:50px;
width:100%;
display:inline-block;
position:fixed;
top:0;

}
*/