@font-face {
font-family: "iran";
font-style: "normal";
src: url("../font/iran.eot");
src: url("../font/iran.eot") format("embedded-opentype"), url("../font/iran.woff") format("woff2"), url("../font/iran.woff") format("woff"), url("../font/iran.ttf") format("truetype");
font-display: swap; }

body{font-family: "iran" !important;}

.header {background-color: #323232;}
.header .row .col-xl-9 .row .col-3 p {
color: #fff;
font-size: 14;
}
.header .row .col-xl-9  .row .col-md-5 p {
color: #fff;
font-size: 14;
}
.header .row .col-xl-9  .row .col-md-5  {
    margin-right: auto;
}
.header .row .col-xl-9  .row .col-md-5 img {
width: 35px;    
}
.header .row .col-xl-9 .row .col-md-5 img {
width: 35px;    
}
.header .row .col-xl-9 .navbar {
background-color: #d98c00;
padding-left: 17;
}
.header .row .col-xl-9 .navbar a {
font-size: 14;
color: #000;
}
.header .row .col-xl-9  .navbar a:hover{

color: #eff1f0 ;    
}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 52px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
.header .row .col-xl-9 .main-menu .navbar-toggler {
margin-right: auto; 
}
.header .row .col-xl-3 img {
    padding-top: 10;
  }
ul {list-style-type: none;}

.back {
background-image: url('../img/pack_1.jpg');
background-size: cover;
background-position: center left;
}
.container .row .col-xl-9 .row .col-12 i {
color: #d98c00;
}

ul {list-style-type: none;} 
.row .col-xl-10 img {width: 100%;}
.comment {
background-color: #fafafa;
border-radius: 5px;
}
.comment .row {display: flex;}
.container .row .col-9 .container .row .col-md-8 .media .media-body button {background: #d98c00;}
.modal .modal-footer button {
background: #d98c00;
}

input[type=submit] {
background-color: #d98c00;
border: none;
color: white;
padding: 16px 32px;
text-decoration: none;
margin: 4px 4px;
cursor: pointer;
border-radius: 3em;
width: 200px;
}
.breadcrumb-item.active {
  color: #323232;
}
.breadcrumb-item a {
  text-decoration: none;
color: #323232;
padding: 10px;

}
.com {
border-radius: 5px;
padding: 20px;
}
.col-xl-2 .container-fluid .row .col-12 .collapse .list-group {
flex: 0 0 auto;
width: 100%;
}

.btn-one {
background-color: #d98c00;  
}
.container .row .col-xl-3 a {text-decoration: none;
color: #323232;
}

.box {
position: relative;
background: white;
height: 64px;
transition: all .35s ease-in-out;
}
.box::before {
content: '';
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
box-shadow: 0 -1px 0 #e5e5e5,0 0 9px -2px rgba(0,0,0,.12)
}
.header.box {
background: #d98c00;
z-index: 100;
cursor: initial;
box-shadow: 0 -1px 0 #e5e5e5,0 0 9px -2px rgba(0,0,0,.12)
}
.header .box-title {
margin: 0;
font-weight: normal;
font-size: 16pt;
color: white;
cursor: initial;
}
.box-title {
width: calc(100% - 40px);
height: 64px;
line-height: 64px;
padding: 0 20px;
display: inline-block;
cursor: pointer;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.box-content {
width: calc(100% - 40px);
padding: 30px 20px;
font-size: 11pt;
color: rgba(0,0,0,.54);
display: none;
}
.box-close {
position: absolute;
height: 64px;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none;
}
input:checked + .box {
height: auto;
margin: 16px 0;
box-shadow: 0 0 10px 0 rgba(0,0,0,.16)
}
input:checked + .box .box-title {
border-bottom: 1px solid rgba(0,0,0,.18);
}
input:checked + .box .box-content,
input:checked + .box .box-close {
display: inline-block;
}
.arrows section .box-title {
padding-left: 44px;
width: calc(100% - 64px);
}
.arrows section .box-title:before {
position: absolute;
display: block;
content: '\203a';
font-size: 18pt;
left: 20px;
top: -2px;
transition: transform .15s ease-in-out;
color: rgba(0,0,0,.54);
}
input:checked + section.box .box-title:before {
transform: rotate(90deg);
}

/*.footer .under .row .col-lg-3 button {*/
/*position: relative;*/

/*}*/
  .footer .under .row .col-lg-3 button:hover {
    color: #d98c00;
  }
@media (min-width: 1200) {
       .container .row .col-xl-9 img{
    width:100%!important;
        height:max-content!important;

}
.header .row .col-3 img {
width: 25%;  
}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 53px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
.footer .under .row .col-lg-4 a {
text-decoration:none; 
color: #fff;
font-size: 17;}
.footer p {
color: #fff;
font-size: 14;}
.footer .under .row .col-lg-4 h3 {
text-decoration:none; 
color: #fff;
font-size: 20;}
}

.g-mr-15 {
margin-right: 1.07143rem !important;
}

@media (min-width: 0){
       .container .row .col-xl-9 img{
    width:100%!important;
        height:max-content!important;

}
  .header .row .col-3 img {
    width: 45%;  
    }
.footer .under .row .col-lg-4 a {
text-decoration:none; 
color: #fff;
font-size: 17 ;}
.footer p {
color: #fff;
font-size: 14;}
.footer .under .row .col-lg-4 h3 {
text-decoration:none; 
color: #fff;
font-size: 20;}
.g-mt-3 {
margin-top: 0.21429rem !important;

}

.g-height-50 {
height: 50px;
}

.g-width-50 {
width: 50px !important;
}

@media (min-width: 0){
       .container .row .col-xl-9 img{
    width:100%!important;
        height:max-content!important;

}
.g-pa-30 {
padding: 2.14286rem !important;
}
}

.g-bg-secondary {
background-color: #fafafa !important;
}

.u-shadow-v18 {
box-shadow: 0 3px 8px -6px rgba(0, 0, 0, 0.10);
}

.g-color-gray-dark-v4 {
color: #777 !important;
}

.g-font-size-12 {
font-size: 0.85714rem !important;
}

.media-comment {
margin-top:20px
}


@media (min-width: 1200px ){
   .container .row .col-xl-9 img{
    width:100%!important;
    height:max-content!important;
}
  .header .row .col-3 img {
    width: 45%;  
    }
.footer .under .row .col-lg-3 a {
text-decoration:none; 
color: #fff;
font-size: 17;}
.footer p {
color: #fff;
font-size: 14;}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
color: #d98c00;
font-size: 20;}
}
}    

.container .row .col-xl-10 p{
font-size: 17;
text-align: justify;
padding-top: 2%;
}
.container .row .col-xl-10 h2 {font-size: 22;}
.container .row .col-xl-9 .ax img {width: 60%;
margin: auto;
}
.footer .under .row .col-lg-3 .font-weight-bold h3 {
color: #d98c00;     
}
.footer .row .col-xl-4 hr {
background: #fff;  
opacity: 1;
height: 1px; 
border: 0px; 
padding: 0%;
}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
color: #d98c00;
font-size: 20;}
/* .footer .row .col-xl-4 a { 
padding-right: 15%;} */
@media (min-width: 1200px ){
   .container .row .col-xl-9 img{
    width:100%!important;
        height:max-content!important;

}
.footer .under .row .col-lg-3 a {
text-decoration:none; 
color: #fff;
font-size: 17;}
.footer p {
color: #fff;
font-size: 14;}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
color: #d98c00;
font-size: 20;}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 53px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
}

@media (max-width: 1400px) and (min-width: 1200px ){
       .container .row .col-xl-9 img{
    width:100%!important;
        height:max-content!important;

}
.footer .under .row .col-lg-3 a {
text-decoration:none; 
color: #fff;
font-size: 17;}
.footer p {
color: #fff;
font-size: 14;}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
color: #d98c00;
font-size: 20;}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 56px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
}

@media (max-width: 1200px) and (min-width: 992px ){
   .container .row .col-xl-9 img{
    width:100%!important;
}
.footer .under .row .col-lg-3 a {
text-decoration:none; 
font-size: 17 ;}
.footer p {
color: #fff;
font-size: 14;}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
color: #d98c00;
font-size: 20;}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 56px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}    
}

@media (max-width: 992px) and (min-width: 768px ){
   .container .row .col-xl-9 img{
    width:100%!important;
        height:max-content!important;

}
.footer .under .row .col-lg-3 a {
text-decoration:none; 
color: #fff;
font-size: 14;}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 56px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
.footer p {
color: #fff;
font-size: 11;}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
font-size: 17;}
.footer .row .col-xl-4 a { 
padding-right: 11%;}

ul {
list-style-type: none;
}
.footer a {
color: #d98c00;
text-decoration: none;    
}
.container .row .col-xl-9 .row .col-12 {
font-size: 14;
display: flex;
color: #323232;
}
.container .row .col-xl-9 .row .col-12 i {
color: #d98c00;
}
.container .row .col-xl-9 i {
color: #d98c00;   
}
.container .row .col-xl-3 .share .row .s1 i {
color: #d98c00;
}
}
.container .row .col-xl-3 .list-group {
  position:sticky; 
  top: 148px!important;
}
.container .row .col-xl-3 .list-group .s1 i {
text-decoration: none;
color: #d98c00;
}
.footer {
background-color: #323232;

}

.container .row .col-xl-3 .share .row .s1 i {
  color: #d98c00;
  }

.footer a {
color: #d98c00;
text-decoration: none;    
}
.container .row .col-xl-12 .row .col-12 {
    font-size: 14;
    display: flex;
    color: #d98c00;

}
.container .row .col-xl-12 .row .accordionBox {

  border-radius: 0.4rem;
  background-color: #fff;
}

.container .row .col-xl-12 .accordionBox .row .col-xl-12 .accordionItem {
  transition: all 0.4s;
  border-radius: 0.4rem;
}

.container .row .col-xl-12 .accordionBox .row .col-xl-12 .accordionItem:first-child {
  margin-top: 0 !important;
}

.container .row .col-xl-12 .accordionBox .row .col-xl-12 .accordionItem:last-child {
  margin-bottom: 0 !important;
}

.container .row .col-xl-12 .accordionBox  .row .col-xl-12  .accordionItem .header1 {
  display: flex;
  cursor: pointer;
  padding: 10px 10px;
  align-items: center;
  border-radius: 0.4rem;
  justify-content: space-between;
}

.container .row .col-xl-12 .accordionBox .row .col-xl-12 .accordionItem .header1 h3{
font-size: 14;  
color: #fafafa;
}
.container .row .col-xl-12 .accordionBox  .row .col-xl-12 .accordionItem .header1 i {
  pointer-events: none;
}

.container .row .col-xl-12 .accordionBox .row .col-xl-12 .accordionItem .header1:hover {
  background-color: #d98c00;
}

.container .row .col-xl-12 .accordionBox  .row .col-xl-12 .accordionItem .header1 i {
  font-size: 18px;
  margin-right: 15px;
}

.container .row .col-xl-12 .accordionBox  .row .col-xl-12 .accordionItem .body {
  max-height: 0;
  overflow: hidden;
  margin-top: 0.5rem;
  transition: all 0.4s;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  color: #eff1f0;
}
/* .container .row .col-xl-12 .accordionBox  .row .col-xl-6 .accordionItem .body {
  max-height: 0;
  overflow: hidden;
  margin-top: 0.5rem;
  transition: all 0.4s;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
} */

.container .row .col-xl-12 .accordionBox .row .col-xl-12 .accordionItem.active {
  margin: 10px 0px;
  background-color: #d98c00
}

.container .row .col-xl-12 .accordionBox .row .col-xl-12 .accordionItem.active .body {
  margin-top: 10px;
  max-height: 20rem;
  padding-bottom: 0.5rem;
}

.container .row .col-xl-12 .accordionBox  .row .col-xl-12 .accordionItem .active .header {
  background-color: #d98c00;
}

.container .row .col-xl-12 .accordionBox .row .col-xl-12 .accordionItem .active .header i {
  transition: all 0.3s;
  transform: rotate(90deg);
}
.header.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  animation: header 1s;
  z-index: 1200;

  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}
img{
    width:100%!important;
}
@keyframes header{
  0%{
      top: -200px;
      opacity: 0;
  }
  100%{
      top: 0; 
      opacity: 1;
  }
}

.gallery .gallery__item img {
	 max-width: 100%;
	 vertical-align: top;
}
 .gallery {
	 display: flex;
	 margin: 10px auto;
	 max-width: 600px;
	 position: relative;
	 padding-top: 66.6666666667%;
}
 @media screen and (min-width: 600px) {
	 .gallery {
		 padding-top: 400px;
	}
}
 .gallery__img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 transition: opacity 0.3s ease-in-out;
}
 .gallery__thumb {
	 padding-top: 6px;
	 margin: 6px;
	 display: block;
}
 .gallery__selector {
	 position: absolute;
	 opacity: 0;
	 visibility: hidden;
}
 .gallery__selector:checked + .gallery__img {
	 opacity: 1;
}
 .gallery__selector:checked ~ .gallery__thumb > img {
	 box-shadow: 0 0 0 3px #0be2f6;
}