@font-face{font-family:Vazir;src:url('font/Vazir.eot');src:url('font/Vazir.eot?#iefix') format('embedded-opentype'),
url('font/Vazir.woff') format('woff'),
url('font/Vazir.ttf') format('truetype');font-weight:normal;}
@font-face{font-family:Vazir;src:url('font/Vazir-Bold.eot');src:url('font/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
url('font/Vazir-Bold.woff') format('woff'),
url('font/Vazir-Bold.ttf') format('truetype');font-weight:bold;}

*{
	font-family:Vazir,Tahoma;
	font-size:11pt
}

body{
font-family:Vazir,Tahoma;line-height:200%;
-webkit-font-smoothing:antialiased;
background-color:#f2f2f2;
background-attachment:fixed;
margin:0;color:#000000;
font-size:10pt;
overflow-x:hidden;
background-image:url('template/bg.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:top center;
background-color:#97afac;
}

.pt9, .pt9 *{font-size:9pt;}
.white{color:white}
#mobileHeader{display:none}
#mobileMenuBar{text-align:center;direction:rtl;box-sizing:border-box;position:fixed;top:0;;left:0;background:#222222;width:100%;min-height:50px;padding-right:13px;padding-left:13px;z-index:1998}
.mobileMenuTitle{line-height:50px;display:inline-block;white-space:nowrap;color:#ffffff;font-size:9pt;}
#mobilemenu{position:fixed;top:0;right:0;height:100%;overflow-y:auto;overflow-x:hidden;width:220px;margin-right:-220px;background:#222222;direction:rtl;padding-top:50px;box-sizing:border-box;;z-index:2000}
.mobileMenuItem{font-size:10pt;color:#ffffff;display:block;width:100%;line-height:35px;padding-right:10px;border-bottom:1px solid #555555;}
a.mobileMenuItem:hover{font-size:10pt;background:#555555;color:#ffffff;}
.mobileSubMenuItem{font-size:10pt;color:#ffffff;display:block;width:100%;height:35px;line-height:35px;padding-right:30px;}
.mobileSubMenuItem:hover{font-size:10pt;color:#ffffff;}
.mobileMenuItem:before{
	font-family:'Times New Roman';
	display:inline-block;
	content:'◄';
	font-size:6pt;
	margin-right:10px;
	margin-left:10px;
}
.mobileMenuItem.changed:before{
	font-family:'Times New Roman';
	display:inline-block;
	content:'▼';
	font-size:6pt;
	margin-left:5px;
}

#mobileMenuMask{
	position: fixed!important;
    top: 0!important;
    left: 0!important;
    width: 100vw!important;
    height: 100vh!important;
    opacity: 0.5;
    background-image: none!important;
    background-color: #000;
    z-index: 1999;
    display:none;
}

#backButton{width:60px;height:50px;position:fixed;top:0;left:15px;z-index:2000;;box-sizing:border-box;background:url('template/back.png') no-repeat left center;background-size:8px 12px}
#humburger{width:48px;height:48px;position:fixed;top:0;right:15px;z-index:2002;;box-sizing:border-box}
.c-hamburger {display: block;position: relative;overflow: hidden;margin: 0;padding: 0;width: 48px;height: 48px;
  font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;
  transition: background 0.3s;background:transparent;
}
.c-hamburger:focus {outline: none;}
.c-hamburger span {display: block;position: absolute;top: 22px;left: 9px;right: 9px;height: 4px;background: white;border-radius:2px;}
.c-hamburger span::before,.c-hamburger span::after { position: absolute;display: block;left: 0;width: 100%;border-radius:2px;  height: 4px;  background-color: #ffffff;  content: "";}
.c-hamburger span::before {top: -10px;}
.c-hamburger span::after {bottom: -10px;}
.c-hamburger--htx {}
.c-hamburger--htx span {transition: background 0s 0.3s;}
.c-hamburger--htx span::before,.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}
.c-hamburger--htx.is-active {background-color: transparent;}
.c-hamburger--htx.is-active span {background: none;}
.c-hamburger--htx.is-active span::before {top: 0;transform: rotate(45deg);}
.c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg);}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {transition-delay: 0s, 0.3s;}
@media all and (max-width:760px){
	body{padding-top:76px;}
	#mobileHeader{display:block;}
	#desktopHeader{display:none;}
}

.rtl{direction:rtl}
.ltr{direction:ltr}
.displayNone{display:none}
.inline{display:inline-block;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignJustify{text-align:justify;}
.floatLeft{float:left;}
.floatRight{float:right;}


.col125{width:12.5%;float:right;box-sizing:border-box;display:inline-block}
.col50{width:50%;float:right;box-sizing:border-box;display:inline-block}
.col25{display:flex;flex: 1 0 25%;box-sizing:border-box;}
.col20{width:20%;float:right;box-sizing:border-box;display:inline-block}
.fp33{width:33.33%;float:right;box-sizing:border-box;display:inline-block;margin-bottom:10px;}

@media all and (max-width:900px){
.fp33{width:50%;}
}
@media all and (max-width:750px){
.col20{width:25%;}
.col25{flex: 1 0 50%;}
.col125{width:25%;}
}

@media all and (max-width:600px){
.col50{width:100%;float:none;}
.fp33{width:100%;float:none;}
}


@media all and (max-width:460px){
.col125{width:50%;}
.col20{width:50%;}
.col25{flex: 1 0 100%;}
.col50{width:100%;float:none;}
}

h1{font-size:26pt;padding:0;margin:0;}
h2{font-size:20pt;font-weight:normal;}


.specialbox {overflow:auto;}
.specialbox p:empty{margin:0;padding:0}
.specialbox p:empty{margin:0;padding:0}

.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.max440{width:440px;max-width:100%;box-sizing:border-box;}
.max220{width:220px;max-width:100%;box-sizing:border-box;}



.full{width:98%;max-width:1240px;;margin:auto;}
.inner{width:calc(100% - 20px);margin-right:10px;margin-left:10px;box-sizing:border-box}
.inner *{max-width:100%;}

.box{
	overflow:auto;
	background:rgba(255,255,255,0.85)
}


table{border-collapse:collapse;}
.clear{clear:both}
a{color:#4861c2;text-decoration:none;outline: none;}
a:hover{color:#005875;}
.bordered{text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,1px 1px 0 #000;}
.photothumb{border:1px solid #888888;border-radius:2px;vertical-align:top;}

.titles{margin:0;width:100%;box-sizing:border-box;padding:10px;color:#000000;font-weight:bold;background-color:#DAE3F1;font-size:12pt}
.titles h1{
	font-size:12pt;
}
.clear{clear:both;display:block;}

form{margin:0}
input{outline:0;}

input,textarea{box-sizing:border-box;}
.topmenu{position:relative;top:0;left:0;}
.menu{color:#000000;display:inline-block;min-width:140px;}

.brief{;color:#dddddd;font-size:8pt;display:block;}
.myhr{height:1px;background:#999999;}

.paging{display:inline-block;width:25px;height:25px;background:#eeeeee;border:1px solid #666666;vertical-align:middle;}
.pagingActive , .paging:hover{display:inline-block;width:25px;height:25px;background:#03cbff;border:1px solid #666666;vertical-align:middle;color:#000000;}


.listitem{
	transition:box-shadow 0.5s linear;
	box-shadow:0 0 2px 0 rgba(80,80,80,0.2);
	width:19%;margin-right:0.5%;margin-left:0.5%;margin-bottom:20px;
	vertical-align:top;display:inline-block;
	background:#ffffff;box-sizing:border-box;
	text-align:center;overflow:hidden;
	border:1px solid #999999;float:right;
	padding:10px;
}
.listitem:hover{
box-shadow:0 0 12px 0 rgba(80,80,80,0.7);
}
@media all and (max-width:800px){.listitem{width:24%;}}
@media all and (max-width:600px){.listitem{width:49%;;}}
@media all and (max-width:450px){.listitem{width:100%;margin-right:0;}}
.listthumb{width:100%;vertical-align:top;box-sizing:border-box;border-radius:10px;margin-bottom:10px;}
.listlink{display:block;width:100%;text-align:center;color:#000000;}
.listlink:hover{color:#111111;}
.pagerinactive{display:inline-block;width:12px;height:12px;background:#888888;cursor:pointer;border-radius:10px;margin:0;padding:0;}
.pageractive{display:inline-block;width:12px;height:12px;border-radius:10px;background:#0082c5;margin:0;padding:0;}

@media all and (max-width:760px){
#mobileMenuIcon{display:block;}
#topmenu{display:none;}
#mobilemenu{display:block;}
}

.adminDelete{width:25px;height:25px;display:inline-block;background:url('template/admin/delete.png') no-repeat;}
.adminGrayDelete{width:25px;height:25px;display:inline-block;background:url('template/admin/delete-gray.png') no-repeat;}
.adminArchive{width:25px;height:25px;display:inline-block;background:url('template/admin/archive.png') no-repeat;}
.adminAdd{width:25px;height:25px;display:inline-block;background:url('template/admin/add.png') no-repeat;}
.adminSub{width:25px;height:25px;display:inline-block;background:url('template/admin/sub.png') no-repeat;}
.adminEdit{width:25px;height:25px;display:inline-block;background:url('template/admin/edit.png') no-repeat;}
.adminUp{width:25px;height:25px;display:inline-block;background:url('template/admin/up.png') no-repeat;}
.adminVisible{width:25px;height:25px;display:inline-block;background:url('template/admin/visible.png') no-repeat;}
.adminHidden{width:25px;height:25px;display:inline-block;background:url('template/admin/hidden.png') no-repeat;}
.adminUpload{width:25px;height:25px;display:inline-block;background:url('template/admin/upload.png') no-repeat;}

@media print{}


.billboardHolder{
	width:100%;padding-top:40%;position:relative;top:0;left:0;overflow:hidden;}

.billboard{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:absolute;
	top:0;left:0;bottom:0;right:0;
	width:100%;display:none;
	z-index:1;
}
.billboard:first-of-type{
	display:block;
}


.billboardbullet{
	display:inline-block;width:18px;height:18px;background-color:#ffffff;cursor:pointer;margin-right:5px;
	border:1px solid #888888;box-sizing:border-box;cursor:pointer;
	border-radius:20px;
}

.billboardText{
	position:absolute;top:0;left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index:50;
	color:#000000;
	display:none;
    direction:rtl;
}

.billboardText td{
	text-align:right;
	padding:20px;
	font-size:20pt;
	line-height:50px;
}
.billboardText td div{
border-top-right-radius:20px;
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 74%, rgba(255,255,255,0.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 74%, rgba(255,255,255,0.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 74%, rgba(255,255,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);	
}

.billboardText td h1{
	margin:0;
	padding:0;
	display:block;
	font-size:22pt;
	line-height:50px;
	font-weight:bold;
}

.billboardText td h2{
	font-weight:normal;
	margin:0;
	padding:0;
	display:block;
	font-size:18pt;
	line-height:50px;
}


@media all and (max-width:700px){
.billboardText td div{
border-top-right-radius:10px;
}
.billboardText td h1{
	margin:0;
	padding:0;
	display:block;
	font-size:14pt;
	font-weight:bold;
}

.billboardText td h2{
	font-weight:normal;
	margin:0;
	padding:0;
	display:block;
	font-size:11pt;
	line-height:100%;
}
	
}

.membersLink{
	font-size:9pt;min-width:90px;padding:5px;border-radius:15px;background:#ffffff;border:1px solid #aaaaaa;text-align:center;display:inline-block;
}

.membersMenu{
	background:#ffffff;border-radius:5px;;font-size:9pt;display:inline-block;padding:10px;margin:5px;text-align:center;border:1px solid #aaaaaa;margin-bottom:0;margin-top:0;
}

#rainbow { 
	width: 200px;
	margin:auto;
	
	background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
	background-size: 180% 180%;
	-webkit-animation: rainbow 6s cubic-bezier(0.645, 0.045, 0.355, 1.000) infinite;
	-z-animation: rainbow 6s cubic-bezier(0.645, 0.045, 0.355, 1.000) infinite;
	-o-animation: rainbow 6s cubic-bezier(0.645, 0.045, 0.355, 1.000) infinite;
	animation: rainbow 6s  cubic-bezier(0.645, 0.045, 0.355, 1.000) infinite;
}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

.treeDiv{
	background:rgba(255,255,255,0.85);
	font-size:9pt;text-align:left;padding-left:10px;padding-right:10px;box-sizing:border-box;border-top:1px dashed #aaaaaa;border-bottom:1px dashed #aaaaaa;
}

.treeDiv a{
	font-size:9pt;color:#000000;
}

.treeDiv a:hover{
	color:#005875;
}

.bottomMenu{ list-style: none;}
.bottomMenu li::before {
  content: "\2022";
  color: #eeeeee;
  font-weight: bold;
  display: inline-block;
  width: 1em; 

}


.bottomMenu li{
	margin:5px;padding:5px;display:inline-block;width:140px;float:right;color:#eeeeee;
}
.bottomMenu li a{
	color:#eeeeee;
	font-size:9pt;
}

.AudioBar{
	transition: height 0.5s; transition-timing-function: linear;
	background:rgba(0,0,0,0.2);z-index:40;position:absolute;bottom:0;height:0px;width:1%;
}

.social{
	zoom:0.5;position:relative;top:0;left:0;display:inline-block;width:70px;height:70px;border-radius:35px;background:#eeeeee;
}
.socialHover{
	background-color:#888888;transition:background-color 1s ease-out;
}

.social img:first-child{
	position:absolute;top:0;left:0;z-index:2;
}
.social img:nth-child(2){
	position:absolute;top:0;left:0;z-index:1;
}

.counterBox{
	width:100%;
	height:100%;
	margin-right:5px;
	margin-left:5px;	
	text-align:center;
	background:rgba(255,255,255,0.8);
	padding-top:20px;
	padding-bottom:20px;
	box-sizing:border-box;
}