@font-face { 
		font-family: 'sans'; 
		src:  url('/fonts/IRANSans(FaNum).ttf') format('truetype'); 
	} 
body{
    font-family: sans;
}
.menu{
  background: #212121;
  color: white;
  height: 60px;
  padding:10px;
  overflow:hidden;
}
.menu-link{  float: right;}
.mlink{    font-size:16px; float: right;  padding: 10px;  color:#fff;}
.mlink_active{   font-size:16px; float: right;  padding: 10px; color:#6eb8ff;}
.mlink:hover{  color: #6eb8ff !important;  border-bottom:1px solid #fff;}
.mlink_active:hover{  color:red;}
.bottom_link{    font-size:18px;  padding: 10px;  color:#fff;}

.menu-btn{  float: left;}

.mbtn{
  float: left;
  margin-left: 10px;
  background: #444444;
  padding: 10px;
  color:#fff;
  border-radius: 7px;
}
.mbtn p{
  margin-top: -1px;
  margin-right: 5px;

}
.mbtn:hover{  background: #605e5e;}
.mbtn2{
  background: #c4c2c3;
  padding: 5px;
  color:#fff;
  border-radius: 20px;
  width:120px;
  margin:4px;
}
.mbtn2:hover{  background: #918e8f;}
#offical-page img{margin:8px}
#offical-page img:hover{opacity:0.5}
.ShareIcon{
  float: center;
  width:40%;
  padding: 10px;
  color:#fff;
  border-radius: 7px;
  border-color:white;
  border-style:solid ;
  border-width:1px;
}

/* The Modal (background) */
.ModalPage {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;  top: 0;  width: 100%;   height: 100%; 
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
  background: rgba(18, 18, 18, 0.8) none repeat scroll 0% 0%;  
}
/* Modal Content/Box */
.ModalContent1 {
  background-color: #252324;
  color: ffa205;
  border: 1px solid #888;
  margin:auto;
  padding:10;
  width:30%; 
  min-width:300px;
  height:80%;
  margin-top:80px;
  margin-right:50px;
  overflow:   auto;
}


.ModalTizer {
  margin:0 auto;
  padding:10;
  width:80%; 
  height:80%;
  display:block;
  margin-top: 100px;
  
}

.ModalDownload {
  margin:0 auto;
  padding:10;
  width:50%; 
  height:80%;
  display:block;
  margin-top: 5%;
  background:gray;
  overflow:   auto;
  
}

.ModalProfile {
  background-color: #636262;
  color: ffa205;
  border: 2px solid #888;
  position: fixed;
  z-index: 99;  
  padding:10px;
  margin:auto;
  width:250px; 
  height:360px;
  left:0px;
  border-radius:5px;
  top:57px;
}



/* The Close Button */
.close {  color: #aaa;  float: left;  margin-left:10px;  font-size: 28px;  font-weight: bold;}
.close:hover,.close:focus {  color: white;  text-decoration: none;  cursor: pointer;} 

.tvlink{
width:100px;height:100px;
padding:10px;
background-color:#212121;
border-radius:20px;
/*margin-bottom: 20px; */
}
.tvlink:hover{  background-color: #605e5e;}


.tvlink2{width:100px;padding:10px;color:white;}
.tvlink2:hover{  background-color: red; border-radius:5px;}
.tvlink3{width:100px;padding:10px;color:#b26d07; cursor: pointer;}
.tvlink3:hover{  color: #f9912f; }
.icon_share{width:20px;height:20px;padding:5px;color:white;
background-color:#273234;border-radius:50%;}
.icon_share:hover{  background-color: #605e5e; }
.icon_share img {width:12px;height:12px;}

.TetrLink{color:white;font-size: 20px;margin-right:5px;}
.TetrLink:hover{ color:red}

.TetrFilm{color:#db6d06;font-size: 20px;margin-right:5px;}
.TetrFilm:hover{ color:red}



.div_thumb {position: relative;display: block;height: 150px;}
.img_thumb {position: absolute;right: 0;top: 0;height: 150px; width:100%;
max-height: 150px;min-height: 150px;transition: all 0.3s ease-in-out;}
.img_thumb:hover{	transform: scale(0.95);   }
.div_thumb2 {position: relative;display: block;height: 350px;}
.img_thumb2 {position: absolute;right: 0;top: 0;height: 350px; width:100%;
max-height: 350px;min-height: 350px;transition: all 0.3s ease-in-out;}
.img_thumb2:hover{	transform: scale(0.95); }

.img_under_thumb {position: absolute;height: 30px;background-color:#212121; Opacity:0.4; width:100%;bottom:0px;}
.count_film{position: absolute;left: 5px;bottom: 3px;color: #fff;}
.time_film{position: absolute;right: 5px;bottom: 3px;color: #fff;}
.div_under_thumb {
	display:block;
	background-color:#212121;
	width:100%;
	color:white;
    height: 50px;    
	font-size: 10pt;
	padding-right:5px;
	}
.LinkFilm1{color:white;}
.LinkFilm1:hover{ color:red; border-color:red; border-width:2px;}

.PanelSearch{ margin:auto;margin-top:20px;margin-bottom:20px;}

.LinkFilm2{color:white;}
.LinkFilm2:hover{ color:red; border-color:red; border-width:2px;}
.circle_image { width:150px;height:150px; margin-left:25px; border-radius:50%;}

.CommentIcon{opacity:0.7; font-size:16pt; }
.CommentIcon:hover{ opacity:1; }

.CommentIcon2{opacity:1.0; font-size:16pt; }
.CommentIcon2:hover{ opacity:1; }


.InputText {background-color:white;color:black;border-radius:5px;}



.left{margin-left: 0}
.ll{float: left;}
.rr{float: right;}

.slider-content{  width: 100%;  float: right;}



.slideshow-container {  width: 100%;  position: relative;  margin: auto;  direction: ltr;  }

/* Hide the images by default */
.mySlides {  display: none;}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {  right: 0;  border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {  background-color: rgba(0,0,0,0.8);}

.big-img{
	width: 100%;
	margin-top: 5px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}
.big-img:hover{
	transform: scale(1.03);
}

.logo{
  width: 150px;
  height: 150px;
  border-radius: 100%;
  z-index: 2;
  position: relative;
}
.logo img{border-radius: 100%}
.footer{
  width: 100%;
  padding-top:30px;
  padding-bottom: 30px;
  background-color: #ffe9d8;
  margin-top: -10px;
}
.footer-content{
  width: 980px;
}
.footer hr{
  border-color:#00887A;
  margin-top: 10px;
}
.footer td{vertical-align: top;}
.item-footer{
  width: 100%;
  padding: 10px;
  height: 38px;
}
.item-footer:hover{background-color: #ececec}
.item-footer img{
  float: right;
}
.item-footer p{
  float: right;
  font-size: 13px;
  margin-top: -1px;
  margin-right: 5px;
  color:#00887A;
  font-weight: bold
}

.fbig{
  height: 90px;
}
.fbig:hover{background-color: inherit; }
.copyright{
  width: 100%;
  height: 45px;
  padding: 20px;
  color:#fff;
  float: center;
}
.gotop{
  float: left;
    width: 45px;
    height: 45px;
    background-color: #00695B;
    margin-top: -10px;
}
.gotop:hover{background-color: #005348}
.gotop img{margin-top: 5px;}

.tablebox2 {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #503001;
    background-color: #fff;
	width: 982px;
	margin: 0px auto; 	
	margin-top: 20px;
	
		
}	
.frm_label {color: white;}
.gozaresh_img {
    display: block;
    padding: 3px;
    margin: auto;
    border: 2px solid #d9ecff;
}
.bottom_nav {
	background-color: #00887A;
	width: 98%;
	margin: auto;
	border-radius: 10px 10px 0 0;
	text-align: center;
	direction: rtl;
	border:solid 1px #868A96;	
}
.ShowError { color: red; text-align:center;}	
.successfully{ color: green; text-align:center;}	
.Showdescription {text-align::right;  }
.ShowTetr {color: rgb(0, 0, 128); line-height: 150%;text-align: center; background-color:#E3F0FD ; 
		padding: 8pt;margin: 5pt;margin-top: 10px;border-top: 1px solid #0069D7;border-bottom: 1px solid #0069D7;
}	
#get_password { background:#fff;	margin:0 auto;	text-align:center;	width:600px; 	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);	     line-height: 300%;}
.frm_description {
		font-weight: normal;
		font-size: 10px;
		color: #666;
		font-family: tahoma;
}
.field_description {
		font-weight: normal;
		font-size: 12px;
		color: green;
		font-family: iran;
		
}
.dsc_img {
    display: block;
    padding: 3px;
    margin: 10px;
    border: 2px solid #d9ecff;
}

.tetr_title {
    font-size: 18px;
    color: white;
    padding: 10pt;
    margin: 10pt;
    text-align: right;
    line-height: 300%;
	direction:rtl;
}
.rutitr{font-size:12px; color:#707070; margin-bottom:10px; }
.rutitr2{font-size:14px; color:white;  }

.leds {
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    text-align: right;
    direction: rtl;
	text-align:justify; 
	color:	gray;
	margin:5px;
}

.leds2 {
    font-size: 16px;
    color: #d6d6d6;
    text-align: justify;
    line-height: 200%;
	direction:rtl;
	padding:20px;
}

/* Next & previous buttons */
.prev2, .next2 {
  cursor: pointer;
  position: absolute;
  width: auto;
  padding: 10px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */

/* On hover, add a black background color with a little bit see-through */
.prev2:hover, .next2:hover {
  background-color: rgba(0,0,0,0.5);
}