@font-face{font-family:'BMitra';src:url(../fonts/BMitra.eot);src:local('../fonts/BMitra'),local('../fonts/b Mitra'),url('../fonts/BMitra.eot?#iefix') format('embedded-opentype'),url(../fonts/BMitra.woff) format('woff'),url(../fonts/BMitra.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'FontAwesome';src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:400;font-style:normal;font-display:swap}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-copyright:before{content:"\f1f9"}.fa-check-square-o:before{content:"\f046"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-check-square:before{content:"\f14a"}.fa-check:before{content:"\f00c"}.fa-film:before{content:"\f008"}.fa-globe:before{content:"\f0ac"}.fa-question-circle:before{content:"\f059"}.glyphicon-home:before{content:"\e021"}.fa-star:before{content:"\f005"}
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');font-display:swap}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-home:before{content:"\e021"}.fa-certificate:before{content:"\f0a3"}
html,body{font-family:"BMitra";-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {
font-size:1em;
line-height:1.42857143;
-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; 
}
* {
 box-sizing: border-box;
 margin: 0; 
 padding: 0;
-webkit-tap-highlight-color: transparent; /* برای مرورگرهای وب‌کیوت */
 tap-highlight-color: transparent; /* برای مرورگرهای دیگر */
 } 
 .row::after {
  content: "";
  clear: both;
  display: table;
  padding-bottom:10px;
}
[class*="col-"] {
  float: left;
  padding: 5px 15px;
}
/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
@media only screen and (min-width: 200px) {
  /* For tablets: */
  .col-x-1 {width: 8.33%;}
  .col-x-2 {width: 16.66%;}
  .col-x-3 {width: 25%;}
  .col-x-4 {width: 33.33%;}
  .col-x-5 {width: 41.66%;}
  .col-x-6 {width: 50%;}
  .col-x-7 {width: 58.33%;}
  .col-x-8 {width: 66.66%;}
  .col-x-9 {width: 75%;}
  .col-x-10 {width: 83.33%;}
  .col-x-11 {width: 91.66%;}
  .col-x-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 992px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-2 {float:right;width: 16.66%;}
  .col-3 {width: 25%;}
  .col-3-right {float:right;width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-6-right{float:right;width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%}
}
img,video{max-width:100%;height:auto}

a {   
    text-decoration: none; /* حذف زیرخط */
	color:#051e97;
}
a:hover,
a:active {
	font-weight:bold;
    /*color: green;  جلوگیری از تغییر رنگ در حالت hover و active */
    background-color: transparent; /* جلوگیری از تغییر رنگ پس‌زمینه */
}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1;padding-top:20px}
h1 {
font-size:2.2em;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
border-radius: 8px;
background: url(../images/bg.jpg) repeat-x;
color:#000;
text-align:center
}

p{font-size:1.8em}
p.title {
font-size: 1.9em;
color: green;
font-weight: bold;	
}
mark  {
font-size: 1em;
padding: 0.2em 0.5em;
border: 1px solid #eee;
border-radius: 0.2em;
color: gray;
background-color:#fcf8e3;
display:inline-block;
margin-bottom:10px;
}
@media screen and (max-width: 768px) {
	mark {
		font-size: .8em;
	}
}
.footer {
color: #fff;
direction: rtl;
width: 100%;
position: absolute;
bottom: 0 px;
padding: 20px;
font-size: 1.2em;
background: #07026c;
margin-top: 50px;
}
.footer a {
color: #fff;
}
@media only screen and (max-width: 768px) {
	p,.copyright{font-size:1.4em}
	p.title {font-size:1.5em}
	h1 {font-size:1.5em}
	.footer{font-size: 1em}
}
nav {
background: #07026c;
height: 50px;
padding: 0 8px;
padding-top:5px;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width:100%;
position:fixed;  
direction:rtl
}
nav .m-menu__checkbox {
  display: none;
}
nav label.m-menu__toggle {
  cursor: pointer
}
nav .m-menu {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 300px;
  width: calc(100vw - 35px);
  -moz-transform: translate3d(-300px, 0, 0);
  -o-transform: translate3d(-300px, 0, 0);
  -ms-transform: translate3d(-300px, 0, 0);
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(300px, 0, 0);
  -moz-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  -webkit-transition: transform 0.35s;
  transition: transform 0.35s;
  z-index: 4;
  overflow: hidden;
  background-color: #07026c;  
  height:100vh;
}
nav .m-menu__overlay {
  background-color: rgba(1, 0, 14, 0.9);
  position: absolute;
  top: 0;
  width: 100%;
  height:100vh;
  bottom: 0;
  z-index: 4;
  display: none;
}
nav .m-menu__header {
  padding: 10px 16px 0 16px;
  height: 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #fff;
  direction:rtl
  }
nav .m-menu__header span {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color:#fff
}
@media only screen and (max-width: 250px) {
    nav .m-menu__header span {font-size: 1rem}
}
nav .m-menu .m-menu {
  -moz-transform: translate3d(480px, 0, 0);
  -o-transform: translate3d(480px, 0, 0);
  -ms-transform: translate3d(480px, 0, 0);
  -webkit-transform: translate3d(480px, 0, 0);
  transform: translate3d(480px, 0, 0);
}
nav .m-menu ul {
  height: 100%;
  overflow-y: auto;
}
nav .m-menu ul li a, nav .m-menu ul li label {
  display: block;
  text-align: right;
  padding: 0 10px;
  line-height: 47px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
  border-bottom: 1px solid #fff;
  position: relative;
}
nav .m-menu ul li a{
	border-bottom:none}
nav .m-menu ul li label.a-label__chevron::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-color: #fff;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 50%;
  margin-top: -5px;
  left: 16px;
}
nav .m-menu ul li .-invisible {
  border-bottom: 0;
}
nav .m-menu .m-menu label.m-menu__toggle {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height:100%;
}
nav .m-menu__checkbox:checked ~ .m-menu__overlay {
  display: block;
}
nav .m-menu__checkbox:checked ~ .m-menu {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.header-back{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:100%;
    height:100%;
    cursor:pointer;
    direction:ltr;   
}
.header-back span{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    direction:rtl;
}
.header-back svg{
    position:absolute;
    left:12px;
}
.wrapper {
  width: 100%;
  height:100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index:4;
}
.red{color:red}
.pur{color:#962602}
.white{color:#fff}
.big{font-size:1.5em}
.bigger{font-size:1.9em}
.green{color:green} 
.small{font-size:.8em}
.center-block{display:block;margin-right:auto;margin-left:auto}
.text-center{text-align:center}
.text-left{text-align:left}
.myarea { 
max-width:90%;
display:block;
margin-right:auto;
margin-left:auto;
width: 100%;
margin-top:70px;
text-align:justify;
direction:rtl;
}
@media screen and (max-width: 768px) {
	.myarea {
		max-width:99%;
	}
}
.ghab {
border: 1px solid #ccc;
border-radius: 10px;
}
.np{background-color:#07026c;box-shadow:0 0 10px #07026c;border-radius:3.75rem;text-align:center;padding:5px}
.np:hover{background-color:#040236;font-weight:700}
.np{box-shadow:0 0 10px #07026c;border-radius:3.75rem;}
a.np{color:#fff}