@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/Vazirmatn-Regular.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/Vazirmatn-Bold.woff2") format("woff2");
    font-weight:700;
    font-style:normal;
    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-instagram:before{background:red;border-radius:40%;content:"\f16d"}.fa-facebook-f:before,.fa-facebook:before{border-radius:50%;padding:0 5px;background:blue;content:"\f09a"}.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-linkedin-square:before{border-radius:50%;color:blue;background:#fff;content:"\f08c"}.fa-globe:before{content:"\f0ac"}.fa-question-circle:before{content:"\f059"}.glyphicon-home:before{content:"\e021"}
@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"}
html,body{font-family:"Vazirmatn";-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {
font-size:1.2em;
line-height:1.42857143;
-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; 
background-image: url(../images/foliage2.png);
background-repeat:no-repeat;
background-position: right bottom;
}
html {
  background: url(../images/foliage.png) no-repeat top left fixed; 
}
* {
 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-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}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1;padding-top:20px;color:#9e0909}
nav {
ckground: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(122,15,15,1) 51%, rgba(0,0,0,1) 100%);
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: #580109;  
  height:100vh;
}
nav .m-menu__overlay {
  background-color: rgba(35, 16, 17, 0.8);
  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;
}
h1,h2{font-size:1.5em;font-weight:bold;margin-bottom:.5em}
h1.home {font-size: 2em;color:#ce1414}
p,.footer{font-size:1em}
@media only screen and (max-width: 768px) {
	p,.copyright{font-size:.8em}
	h2,h3{font-size:1em}
	h1{font-size:1.2em}
}
.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}
.mybox {
max-width:90%;
display:block;
margin-right:auto;
margin-left:auto;
width: 100%;
margin-top:100px;
text-align:justify;
direction:rtl;
}
.mybox p {
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
.mybox2{max-width:650px}
.eslidebox {
max-width:80%;
display:block;
margin-right:auto;
margin-left:auto;
margin-top:10px;
color:#962602;border-radius:8px;
font-size:.8em;
}
@media only screen and (max-width: 640px) {
  .mybox{max-width:85%;margin-top:50px}
  .eslidebox{max-width:100%;}
}
.circle{border-radius:50%}
.bor-btm{border-bottom: 1px solid #fff}
@media only screen and (min-width: 768px) {
.bor-btm{border-bottom:none}	
}
.footer{
font-family: "Vazirmatn";
font-style: italic;	
margin-top:20px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
background-image: url(../images/foliage2.png), 
linear-gradient(to top, rgb(90 1 8 / 100%), rgb(255 255 255 / 0%));
background-repeat: no-repeat, no-repeat;
background-position:
bottom right,
right;
color:#fff;}
.footer a{color:#fff}
hr{color:white}
figure{margin:0}img{vertical-align:middle}.img-rounded{border-radius:12px}
figcaption{text-align:center}
figure img{-webkit-box-shadow: 0px 0px 15px 0px rgba(175,4,4,0.47); 
box-shadow: 0px 0px 15px 0px rgba(175,4,4,0.47);}
figcaption{padding-top:15px}
@media only screen and (max-width: 768px) {
figcaption{padding-top:8px}
figure img{-webkit-box-shadow: 0px 0px 15px -3px rgba(88,1,9,0.98); 
box-shadow: 0px 0px 15px -3px rgba(88,1,9,0.98);}
}
.slideshow-container {
    position: relative;
    width: 100%;
    max-width: 1200px;   /* مقدار دلخواه */
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(175,4,4,0.47);
    box-shadow: 0px 0px 15px 0px rgba(175,4,4,0.47);
}
@media only screen and (max-width: 768px) {
   .slideshow-container {
	-webkit-box-shadow: 0px 0px 15px -3px rgba(88,1,9,0.98); 
    box-shadow: 0px 0px 15px -3px rgba(88,1,9,0.98);
   }
}
.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
}
.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* تنظیم انیمیشن برای هر تصویر */
.fade:nth-child(1) {
    animation: slideAnimation 18s infinite;
}
.fade:nth-child(2) {
    animation: slideAnimation 18s infinite 3s;
}
.fade:nth-child(3) {
    animation: slideAnimation 18s infinite 6s;
}
.fade:nth-child(4) {
    animation: slideAnimation 18s infinite 9s;
}
.fade:nth-child(5) {
    animation: slideAnimation 18s infinite 12s;
}
.fade:nth-child(6) {
    animation: slideAnimation 18s infinite 15s;
}
@keyframes slideAnimation {
    0%, 16.66% { opacity: 0; }
    16.66%, 33.33% { opacity: 1; }
    33.33%, 100% { opacity: 0; }
}
.fade3:nth-child(1) {
    animation: slideAnimation3 9s infinite;
}
.fade3:nth-child(2) {
    animation: slideAnimation3 9s infinite 3s;
}
.fade3:nth-child(3) {
    animation: slideAnimation3 9s infinite 6s;
}
@keyframes slideAnimation3 {
    0%, 33.33% {
        opacity: 0;
    }
    33.33%, 66.66% {
        opacity: 1;
    }
    66.66%, 100% {
        opacity: 0;
    }
}
/* تنظیمات واکنش‌گرا */
@media (max-width: 600px) {
    .slideshow-container {
        max-width: 100%; /* عرض کامل صفحه */
        aspect-ratio: 4 / 3; /* تغییر نسبت تصویر در صفحه‌های کوچک‌تر */
    }
}
a {   
    text-decoration: none; /* حذف زیرخط */
	color:#051e97;
}
a:hover,
a:active {
	font-weight:bold;
    /*color: green;  جلوگیری از تغییر رنگ در حالت hover و active */
    background-color: transparent; /* جلوگیری از تغییر رنگ پس‌زمینه */
}
.footer a:visited{color:#fff}
.footer a:hover{color:#fff}
.catg{padding-bottom:20px;color:red;font-size:1.1em}
.customi{background: rgb(18,1,1);
background: linear-gradient(0deg, rgba(18,1,1,1) 36%, rgba(77,8,8,1) 57%, rgba(116,52,52,1) 71%, rgba(208,150,137,1) 85%, rgba(59,2,2,1) 97%);}
@media only screen and (max-width:500px){}
.customi {
max-width: 90%;
padding:15px;
border-radius: 8px;
margin-bottom: 50px;
color: #fff;
-webkit-box-shadow: 0px 1px 15px 3px #3D050A; 
box-shadow: 0px 1px 15px 3px #3D050A;
}
.customi a {
color: #fff;
}
.customi img {
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.customi {
max-width: 90%;
padding:0px;
display:table;
margin-bottom: 30px;
padding-top:10px;
box-shadow: 0px 0px 6px #000;
}
}
.myheader {
background: url(../images/bghead.png) no-repeat center center;
/*background-size:100% 100%;*/
background-size:contain;
padding: 10px 60px 15px 60px;
text-align: center;
width:100%;
}
.myheader a{
display: block;
height:100%;
width:100%;
cursor:pointer;
}
@media screen and (max-width: 967px) {
	.myheader {background-size:content;display:inherit;}
	.customi {max-width:100%}
	.myheader a{font-size:.9em;}
}
@media screen and (max-width: 400px) {
    .myheader a{font-size:.7em;}
}
@media screen and (max-width: 260px) {
	.myheader {background: red none;padding:2px;border-radius:8px;margin-bottom:8px}
}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:3px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:12px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
@media screen and (max-width:768px){.img-thumbnail{padding:2px;border-radius:6px}}
.style_prevu_kit{box-shadow:0 0 15px #eee}.style_prevu_kit:hover{box-shadow:0 0 15px #152D6F;z-index:2;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1.2);-ms-transition:all 200ms ease-in;-ms-transform:scale(1.2);-moz-transition:all 200ms ease-in;-moz-transform:scale(1.2);transition:all 200ms ease-in;transform:scale(1.2)}
.copy{border:1px solid red;max-with:90%;border-radius:8px;padding:4px;font-size:.7em;display:table}
.modal-link{display:inline-block;padding:10px 20px;margin:20px;background-color:#962602;color:#fff;text-decoration:none;border-radius:5px;border:none;cursor:pointer;transition:background-color 0.3s;font-size:.7em}.modal-link:hover{background-color:#751f03}.modal-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:1000;align-items:center;justify-content:center}.modal-container.show{display:flex}.modal{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:500px;position:relative;max-height:90vh;overflow-y:auto}.close-btn{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;background:none;border:none;color:red}.close-btn:hover{color:#666}.modal-content{margin-top:20px;font-size:.7em}@media (max-width:480px){.modal{width:95%;padding:15px}}
.mycolpad{padding-left:7px;padding-right:7px}
.breadcrumb {
padding: 10px 5px;
font-size:.75em;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
direction:rtl;
}
@media screen and (min-width:641px){.breadcrumb{margin-top:-40px}}
.biopic{float:right;padding:5px;margin-left:30px}
@media screen and (max-width:641px){.biopic{float:none;display:block;margin-right:auto;margin-left:auto}}
.breadcrumb a {
text-decoration: none;
color: #051e97;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.np{background-color:#962602;box-shadow:0 0 10px #962602;border-radius:3.75rem;text-align:center}
.np:hover{background-color:#872100;font-weight:700}
.np{box-shadow:0 0 10px #962602;border-radius:3.75rem;}
a.np{color:#fff}