@font-face {
 font-weight:normal;
 font-style:normal;
 font-family:'codropsicons';
 src:url('https://tympanus.net/Development/AnimatedHeaderBackgrounds/fonts/codropsicons/codropsicons.eot');
 src:url('https://tympanus.net/Development/AnimatedHeaderBackgrounds/fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),url('https://tympanus.net/Development/AnimatedHeaderBackgrounds/fonts/codropsicons/codropsicons.woff') format('woff'),url('https://tympanus.net/Development/AnimatedHeaderBackgrounds/fonts/codropsicons/codropsicons.ttf') format('truetype'),url('https://tympanus.net/Development/AnimatedHeaderBackgrounds/fonts/codropsicons/codropsicons.svg#codropsicons') format('svg')
}
*,*:after,*:before {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.clearfix:before,.clearfix:after {
 content:'';
 display:table
}
.clearfix:after {
 clear:both
}
body {
 background:#fff;
 color:#383a3c;
 font-weight:400;
 font-size:1em;
 line-height:1.25;
 font-family:'Raleway',Calibri,Arial,sans-serif
}
a,button {
 outline:0
}
a {
 color:#566473;
 text-decoration:none
}
a:hover,a:focus {
 color:#34495e
}
section {
 padding:1em;
 text-align:center
}
p.ref {
 text-align:center;
 padding:2em 1em
}
.codrops-header {
 margin:0 auto;
 padding:2em;
 text-align:center;
 max-width:900px
}
.codrops-header h1 {
 margin:0;
 font-size:4.5em;
 line-height:1;
 font-weight:200
}
.codrops-header h1 span {
 display:block;
 padding:1em 0 1.5em;
 font-size:36%;
 color:#95a5a6;
 line-height:1.4
}
.codrops-top {
 width:100%;
 text-transform:uppercase;
 font-weight:700;
 font-size:.69em;
 text-align:center;
 padding:3em 0
}
.codrops-top a {
 display:inline-block;
 padding:1.5em;
 text-decoration:none;
 letter-spacing:1px
}
.codrops-icon:before {
 margin:0 4px;
 text-transform:none;
 font-weight:normal;
 font-style:normal;
 font-variant:normal;
 font-family:'codropsicons';
 line-height:1;
 speak:none;
 -webkit-font-smoothing:antialiased
}
.codrops-icon-drop:before {
 content:"\e001"
}
.codrops-icon-prev:before {
 content:"\e004"
}
.codrops-demos {
 padding-top:1em;
 font-size:.8em
}
.codrops-demos a {
 display:inline-block;
 margin:.35em .1em;
 padding:.5em 1.2em;
 outline:0;
 text-decoration:none;
 text-transform:uppercase;
 letter-spacing:1px;
 font-weight:700;
 border-radius:2px;
 font-size:110%;
 border:2px solid transparent
}
.codrops-demos a:hover,.codrops-demos a.current-demo {
 border-color:#383a3c
}
.codrops-demos h3 {
 margin:0;
 padding:1em 0 .5em 0;
 font-size:.9em;
 float:left;
 min-width:90px;
 clear:left
}
.codrops-demos div:not(:first-child) h3 {
 padding-top:2em
}
.codrops-demos a:hover,.codrops-demos a.current-demo {
 color:inherit;
 border-color:initial
}
.related {
 padding:10em 0
}
.related p {
 font-size:1.5em
}
.related>a {
 display:inline-block;
 text-align:center;
 margin:20px 10px;
 padding:25px;
 vertical-align:middle
}
.related a img {
 max-width:100%;
 opacity:.8;
 border-radius:10px
}
.related a:hover img,.related a:active img {
 opacity:1
}
.related a h3 {
 margin:0;
 min-height:63px;
 padding:.5em 0 .3em;
 max-width:300px;
 text-align:center;
 font-weight:400;
 font-size:1em
}
@media screen and (min-width:800px) {
 body #cdawrap {
  width:180px;
  right:25px;
  top:100%;
  position:absolute;
  margin-top:25px
 }
}
@media screen and (max-width:40em) {
 .codrops-header h1 {
  font-size:2.5em
 }
}
.large-header {
 position:relative;
 width:100%;
 background:#333;
 overflow:hidden;
 background-size:cover;
 background-position:center center;
 z-index:1
}
.demo-2 .large-header {
 background-image:url('../images/index.jpg');
 background-position:center bottom
}
.demo-3 .large-header {
 background:#7f8c8d
}
.demo-4 .large-header {
 background:#f9f1e9
}
.main-title {
 position:absolute;
 margin:0;
 padding:0;
 color:#f9f1e9;
 text-align:center;
 top:50%;
 left:50%;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0)
}
.demo-1 .main-title,.demo-3 .main-title {
 text-transform:uppercase;
 font-size:4.2em;
 letter-spacing:.1em
}
.demo-2 .main-title::before {
 content:'';
 width:20vw;
 height:20vw;
 min-width:3.5em;
 min-height:3.5em;
 background:url(https://tympanus.net/Development/AnimatedHeaderBackgrounds/img/deco.svg) no-repeat center center;
 background-size:cover;
 position:absolute;
 top:45%;
 left:50%;
 border-radius:50%;
 z-index:-1;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0)
}
.demo-3 .main-title {
 padding:10px 40px;
 border:10px double #f9f1e9;
 text-transform:uppercase;
 font-family:Londrina Outline,sans-serif
}
.demo-4 .main-title {
 font-size:6em;
 font-weight:300;
 padding:10px 30px;
 text-transform:uppercase;
 color:#222
}
.main-title .thin {
 font-weight:200
}
@media only screen and (max-width :768px) {
 .demo-1 .main-title,.demo-3 .main-title,.demo-4 .main-title {
  font-size:3em
 }
}
body {
 font-family:BNarm;
 font-size:11px
}
label {
 display:block
}
.main-amin {
 text-align:center;
 background:rgba(255,255,255,.75) none repeat scroll 0 0;
 width:500px;
 box-shadow:0 0 4px 0 rgba(0,0,0,.84);
 font-family:BNarm;
 margin:60px auto
}
.footer2 {
 background-color:#1d1919
}
@media only screen and (max-width:679px) {
 .main-amin {
  width:98%
 }
}
@media \0screen {
 img {
  width:auto
 }
}
img {
 max-width:100%;
 height:auto
}
.headerlow {
 margin-top:-45px;
 border-radius:11px;
 box-shadow:2px 3px 8px #010101;
 margin-bottom:10px
}
.loginbox {
 background:rgba(255,255,255,.82) none repeat scroll 0 0;
 width:85%;
 margin:0 auto;
 box-shadow:0 0 1px 0 rgba(0,0,0,.32)
}
.input_class {
 font-family:BNarm;
 font-size:11px;
 direction:rtl;
 text-align:center;
 float:none;
 border:1px solid #c9c9c9;
 width:86%;
 padding:8px 1% 8px 4%;
 margin:0;
 border-radius:2px
}
.ghavanin_ghoghnoos {
 text-align:justify;
 color:#FFF;
 line-height:1;
 padding:5px;
 margin-top:15px;
 background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,.72) 0,rgba(30,77,138,.69) 100%) repeat scroll 0 0;
 direction:rtl
}
.clearfix:before,.clearfix:after {
 content:" ";
 display:table
}
.clearfix:after {
 clear:both
}
.clearfix {
 *zoom:1;
}
.hadis-ghoghnoos {
 text-decoration:none;
 display:block;
 font-size:13px
}
.botun_ghoghnoos {
 margin-top:5px;
 transition:all 1s ease 0s;
 border:medium none;
 color:#FFF;
 font-family:BNarm;
 border-radius:20px 20px 0 0;
 padding:4% 18%
}
.botun_ghoghnoos:hover {
 );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e68027',endColorstr='#f7dd34',GradientType=1);
 cursor:pointer;
 border-radius:10px;
 padding:4% 20%
}
.gplus {
 position:fixed;
 top:100px;
 left:5px;
 border-radius:10px
}
.gplusimg {
 border-radius:10px
}
h1 {
 color:orange;
 font-family:BNarm;
 font-size:14px;
 text-align:center
}
h2 {
 color:#000;
 font-family:BNarm;
 font-size:12px;
 text-align:center
}
h3 {
 color:#e6e6e6;
 font-family:BNarm;
 font-size:8px;
 direction:rtl
}
.input_pass {
 margin:2% auto;
 padding:5px;
 border:1px #FFF solid;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 width:80%;
 background-color:rgba(14,89,9,.8)
}
@font-face {
 font-family:"BNarm";
 src:url("BNarm.ttf") format("truetype")
}
@font-face {
 font-family:"BNazanin";
 src:url("BNazanin.ttf") format("truetype")
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
 display:block
}
audio,canvas,video {
 display:inline-block
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden] {
 display:none
}
body {
 margin:0
}
a:focus {
 outline:thin dotted
}
a:active,a:hover {
 outline:0
}
h1 {
 f-size:2em;
 margin:.67em 0
}
abbr[title] {
 border-bottom:1px dotted
}
b,strong {
 f-weight:bold
}
dfn {
 f-style:italic
}
hr {
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 height:0
}
mark {
 background:#ff0;
 color:#000
}
code,kbd,pre,samp {
 f-family:monospace,serif;
 f-size:1em
}
pre {
 white-space:pre-wrap
}
q {
 quotes:"\201C" "\201D" "\2018" "\2019"
}
small {
 f-size:80%
}
sub,sup {
 f-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root)figure {
 margin:0
}
fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
button,input,select,textarea {
 f-family:inherit;
 f-size:100%;
 margin:0
}
button,input {
 line-height:normal
}
button,select {
 text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],html input[disabled] {
 cursor:default
}
input[type="checkbox"],input[type="radio"] {
 box-sizing:border-box;
 padding:0
}
input[type="search"] {
 -webkit-appearance:textfield;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box;
 box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner {
 border:0;
 padding:0
}
textarea {
 overflow:auto;
 vertical-align:top
}
table {
 border-collapse:collapse;
 border-spacing:0
}
html {
 overflow-x:hidden;
 -webkit-overflow-scrolling:touch;
 -webkit-tap-highlight-color:#fff;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%
}
body {
 margin:auto;
 max-width:100%;
 overflow:hidden;
 word-wrap:break-word
}
img,audio,video,canvas,iframe,object,embed {
 vertical-align:middle
}
img,audio,video,canvas {
 height:auto
}
img,audio,video,canvas,iframe,object,embed,input,textarea,progress,meter,datalist,output {
 max-width:100%
}
@media \0screen {
 img {
  width:auto
 }
}
[style] {
 max-width:100%
}
[data-fit-ratio] {
 position:relative
}
[data-fit-ratio="4:3"] {
 padding:75% 0 0 0
}
[data-fit-ratio="16:9"] {
 padding:56.25% 0 0 0
}
[data-fit-ratio] * {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 margin:0;
 padding:0;
 border:0
}
.void,.hidden {
 display:none !important;
 visibility:hidden
}
.invisible {
 visibility:hidden
}
.assistive,.visuallyhidden {
 clip:rect(0 0 0 0);
 overflow:hidden;
 position:absolute;
 width:1px;
 height:1px;
 border:0;
 margin:-1px;
 padding:0
}
.assist .assistive,.assistive:active,.assistive:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
 clip:auto;
 overflow:visible;
 position:static;
 width:auto;
 height:auto;
 margin:0
}
.diagnostic {
 display:none;
 visibility:hidden
}
.diagnose .diagnostic {
 display:initial;
 visibility:visible
}
@media print {
 * {
  color:black !important;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  -ms-filter:none !important
 }
 [href].print-href:after,.print-href a[href]:not(:empty):not([href^="#"]):after {
  content:" (" attr(href) ")";
  f-weight:normal
 }
 thead {
  display:table-header-group
 }
 audio,video,img,pre,tr,blockquote {
  page-break-inside:avoid
 }
 audio,video,img {
  max-width:100% !important
 }
 h2,h3,p {
  orphans:3;
  widows:3
 }
 h2,h3 {
  page-break-after:avoid
 }
}
body {
 margin:0 auto;
 word-wrap:break-word;
 padding:0
}
img {
 max-width:100%
}
ul,li {
 list-style:none outside none;
 padding:0;
 margin:0;
 direction:rtl
}
a {
 outline:medium none;
 text-decoration:none;
 -webkit-transition:all .2s linear 0s;
 -moz-transition:all .2s linear 0s;
 -ms-transition:all .2s linear 0s;
 -o-transition:all .2s linear 0s;
 transition:all .2s linear 0s
}
nav {
 width:100%;
 height:40px;
 background-color:#171c20;
 margin:0;
 padding:0 30px 5px;
 position:relative
}
nav ul {
 display:block;
 width:auto;
 background-color:#171c20
}
nav ul li {
 display:inline-block;
 position:relative
}
nav ul li>a {
 display:inline-block;
 f:12px/27px BNarm;
 color:#fff;
 padding:15px 15px 6px 8px
}
nav ul li>a:hover {
 color:#feef00
}
@media only screen and (max-width :1024px) {
 #menu-icon {
  display:inline-block
 }
 .topMenu nav {
  position:relative;
  z-index:100000;
  padding-top:9px
 }
 nav ul {
  display:none;
  position:absolute;
  padding:5px 0;
  z-index:100000;
  border:5px solid #444;
  right:28px;
  top:45px;
  width:150px;
  border-radius:4px 0 4px 4px
 }
 nav li {
  text-align:right;
  width:120px;
  padding:0;
  margin:0
 }
 nav:hover ul,nav:active ul {
  display:block
 }
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
 display:block
}
audio,canvas,video {
 display:inline-block;
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden] {
 display:none
}
html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
a:focus {
 outline:thin dotted
}
a:active,a:hover {
 outline:0
}
h1 {
 font-size:2em;
 margin:.67em 0
}
abbr[title] {
 border-bottom:1px dotted
}
b,strong {
 font-weight:bold
}
dfn {
 font-style:italic
}
hr {
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 height:0
}
mark {
 background:#ff0;
 color:#000
}
code,kbd,pre,samp {
 font-family:monospace,serif;
 font-size:1em
}
pre {
 white-space:pre-wrap
}
q {
 quotes:"\201C" "\201D" "\2018" "\2019"
}
small {
 font-size:80%
}
sub,sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:0
}
fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
button,input,select,textarea {
 font-family:inherit;
 font-size:100%;
 margin:0
}
button,input {
 line-height:normal
}
button,select {
 text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],html input[disabled] {
 cursor:default
}
input[type="checkbox"],input[type="radio"] {
 box-sizing:border-box;
 padding:0
}
input[type="search"] {
 -webkit-appearance:textfield;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box;
 box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner {
 border:0;
 padding:0
}
textarea {
 overflow:auto;
 vertical-align:top
}
table {
 border-collapse:collapse;
 border-spacing:0
}