@font-face {
    font-family: "iransans";
    src: url("/font/iransans.ttf");
          font-display: swap;
      
           }

html { 
  direction: rtl;
}

body {
    margin: 0;
    padding: 0;
    font-family: iransans; 
}


:root {
--color1: #000000;
--color2: #202020;
--color3: #282828;
--color4: #404040;
--color5: #606060;
--color6: #707070;
--color7: #808080;
--color8: #909090;
--color9: #A0A0A0;
--color10: #B0B0B0;
--color11: #C0C0C0;
--color12: #D0D0D0;
--color13: #E0E0E0;
--color14: #F0F0F0;
--color15: #F9F9F9;
--color16: #FFFFFF;
}



:root {
  --opacity1: #00000025;
  --opacity2: #00000050;
  --opacity3: #00000075;
  --opacity4: #00000090;
  --opacity5: #00000095;
  --opacity6: #F9F9F925;
  --opacity7: #F9F9F950;
  --opacity8: #F9F9F975;
  --opacity9: #F9F9F990;
  --opacity10: #F9F9F995;
}


:root {
    --origin1: #f6f9e6;
    --origin2: #edf4cd;
    --origin3: #e4efb4;
    --origin4: #dce99b;
    --origin5: #d3e482;
    --origin6: #cadf69;
    --origin7: #c2d950;
    --origin8: #b9d436;
    --origin9: #b0cf1d;
    --origin10: #a8ca05;
    --origin11: #97b504;
    --origin12: #86a104;
    --origin13: #758d03;
    --origin14: #546502;
    --origin15: #323c01;
    --origin20: #ff7900;
    --origin30: #2454ff;
    --origin10-25: #a8ca0525;
    --origin10-50: #a8ca0550;
    --origin10-75: #a8ca0575;
    --origin10-90: #a8ca0590;
    --origin10-95: #a8ca0595;
}


:root {
  --origin10-25: #c3a16125;
  --origin10-50: #c3a16150;
  --origin10-75: #c3a16175;
  --origin10-90: #c3a16190;
  --origin10-95: #c3a16195;
}



:root {
  --titr-line-height: 1.2;  
  --gap-1: .01%;
  --gap-2: .2%;
  --gap-5: .5%;
  --gap-1-5: 1.5%;
  --gap1: 1%;
  --gap2: 2%;
  --gap3: 3%;
  --gap4: 4%;
  --gap5: 5%;
  --gap6: 6%;
  --gap7: 7%;
  --gap8: 8%;
  --gap9: 9%;
  --gap10: 10%;
    --gap15: 15%;
    --gap20: 20%;
  --border-radius: 5px;
  --item-count1:1;
  --item-count2:2;
  --item-count3:3;
  --item-count4:4;
  --item-count5:5;
  --item-count6:6;
  --item-count7:7;
  --item-count8:8;
  --box-shadow: none;
  --very-big:3rem;
  --very-huge:2.5rem;
  --huge:2rem;
   --big:1.5rem;
   --normal:1rem;
  --medium:0.9rem;
  --small:0.8rem;
   --verysmall: 0.75rem;
  --tiny: 0.7rem
}

.bg-slide {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}



#hint
{
display:none;
  position:fixed;
  bottom:20px; 
  left:20px; right:20px;
  background:white;
  z-index: 108; 
  padding:16px; 
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);

}


.bg-slide2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg-slide3 {
  animation-duration:5s;
}


@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}


.social i:before
{
  margin:.1em;
}

#vcf
{
 display:none; 
}

.banner-place1 ul {
margin: 0px;
    padding: 0px;
}





.logo{
text-align: center;
  display: flex;
}
.logo h1
{
padding-top:20px

}


.banner-place ul li .caption {
    text-align: right;
    padding-right: var(--gap3);
  margin-bottom
}

.banner-place ul li {
  position: relative;
      flex-wrap: wrap;
  display: flex!important;
  visibility:hidden;
 
 
}

.banner-place1 ul li div {
width: calc(100% / var(--item-count2) - var(--gap2));
      text-align: left;
    margin: var(--gap1);
} 

.banner-place ul li:nth-child(1) {
visibility:visible;
}


.banner-place1 .caption h2 {
 font-size: var(--big);
  color: var(--color16);
  transition: .5s ease-out;
}
.banner-place {
  position: relative;
  padding: 4%;
  overflow: hidden;
 
}

.banner-place ul li img {
max-width: 400px;
    display: unset !important;
  max-height: 350px;
      object-fit: contain;
}


.banner-place ul li img:nth-child(1) {
    transition: .5s ease-out;
}


.dots-2 li.active {
  background-color: var(--origin6);
}

.dots-2 {
  display: flex;
  justify-content: center;
  padding: 0;
  margin:0px
}

.dots-2 li {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: var(--color6);
  cursor: pointer;
  list-style: none;
  display:none;
}


.path2 {
    right: 100px;
}

.path2:hover {
    transform: rotate(10deg);
}

.path1:hover {
    transform: rotate(-10deg);
}


.bot-footer {
padding: 10px;
  width: 100%;
  background-color: var(--origin5);
      text-align: center;
  margin-top: -9px;
}

.hr {
height: 4px;
border: none;
background-color: var(--origin8);
width: 100%;
margin: 0;
}

.all-titr-box h2 {
margin: auto;
width: 200px;
background-color: var(--origin10);
  padding: 8px 0;
  margin-top: -28px;
  color: var(--color16);
}

.master-container {
margin: var(--gap1) var(--gap10);
  
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

figure:not(.product-group section figure) {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.master-container h1  {
text-align: right;
    font-size: var(--big);
  margin-right: 10px;
}

.master-container h1::before {
content: '\f111';
  font-family: "webfont";
  color: var(--origin10);
font-size: var(--small);
padding-left: 10px;
}

a:visited,a:link{
    text-decoration: none; 
  color: black;
}

.all-titr-box {
text-align: center;
    margin: var(--gap1) 0px;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
  height: auto !important;
}

.product-group section figure {
  margin: 5px;
}

.product-group section img {
max-width: 100%;
  height: 350px;
width: 100%;
  object-fit: cover;
  background-color: var(--origin8);
  border-radius: 5px;
  transition: .5s ease-out;
}

.product-group section h4 {
font-weight: normal;
padding: 3% 0;
  margin-top: .3em;
  margin-bottom: 1.5em;
  text-align: center;
  color: var(--color1);
}

.up i {
  transition: .3s ease-out;
  margin: 8px 8px 0 0;
  
  position: absolute;
  color: #fff;
}

.up {
  cursor: pointer;
  position: fixed;
  bottom: 30px;
  left: 5px;
  z-index: 102;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  transition: .3s ease-out;
  display: none;

    background-color: var(--opacity2);
}

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: var(--origin14);
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: var(--origin8);
}

.lSAction > a {
  
  top: 96%;
}

.lSAction > .lSPrev {
  
  left: 1px;
  display:none
}

.lSAction > .lSNext {
 
  right: 1px;
  display: none;
}

.wrapper {
display: flex;
flex-wrap: wrap;
  justify-content: center;
  border-radius: var(--border-radius);
}

.second-adver a , .second-adver a:visited , .second-adver a:link,
.first-adver a , .firs-adver a:visited , .second-adver a:link{
color: var(--color16);

}

.product-group-effect {  
 flex-wrap:unset;

}

#product-slide section {
 width: calc(100%/var(--item-count4) - var(--gap2));
}

.product-group section img:hover {
  
  transform: scale(1.1);
}

.product-group h2 {
text-align: center;
}

.product-group a , .product-group a:visited , .product-group a:link {
color: var(--color16);
}

.mid-header {
    display: flex;
    align-items: center;
    padding: 0 var(--gap3);
  
    justify-content: space-between;

  flex-wrap: wrap;
}

.logo-place img {
    max-height: 90px;
    margin-top: 8px;
}

.social i:before , a:before {
color: var(--color16);
}

.copyright {
font-size: var(--tiny);
  padding-top: 18px;
  color: var(--color7);

}
footer
{
font-size: var(--small);
}
iframe{
border:none;
max-width:100%;
  height:300px;
  width:100%;

}

#product-effect,#product-slide
{
  background-color:var(--opacity1);

}

#product-slide
{
  margin-top:20px;
}


.button{

  display: flex;
}
.button a{
  padding:10px;
  margin:10px;
  cursor:pointer;
  background-color:var(--color16);
  border-radius:5px;
}

.button a:hover{
  background-color:var(--color12);
}


address{
font-style: normal;


}

  #qrcode {
    display: flex;
    justify-content: center;
  }

#qrcode img {
  width: 250px;
  padding: 10%;
}



    /* Under 1900px	*/
@media (max-width: 1920px) {

   
}

    /* Under 1600px	*/
@media (max-width: 1600px) {

  
}


    /* Under 1400px	*/
    @media (max-width: 1400px) {

      
     
      
}



    /* Under 1360px	*/
    @media (max-width: 1360px) {
      
      
     .master-container {
   
}
    }


    /* Under 1024px	*/
    @media (max-width: 1024px) {
      
.product-group section img {
 
  height:170px;

}
      
              
#qrcode  {
  


margin:5% 3%;
}
        
#qrcode img {
  


padding: 5%;
}
      
      
      #vcf
{
 display:block; 
}
      
      .master-container {
        margin: var(--gap1) var(--gap2);
    }
      
      .main-information section:nth-child(2) svg {
    width: unset;
}
      .path2 {
    right: unset;
}

}



    /* Under 820px	*/
    @media (max-width:820px) {
      
      .banner-place1 ul li div {
  text-align: center;
}
      
            .logo h1
{
padding:0px;
  margin: 0;
}
      
      .logo-place,.social
{
text-align: center;
  width: 100%;  
}
      .logo{display:unset}
      
 
      .button {
        width: 100%;
        justify-content: center;
        padding: var(--gap1) 0px;
}
      
      .banner-place ul li .caption {
    text-align: center;
        padding: 0px var(--gap3);
}
      .banner-place ul li {
    align-content: flex-start;
}
      
      
    :root {
      --item-count2:1;
      }
      
      .main-information {
    margin-bottom: var(--gap7);
}
      .main-information {
    flex-direction: column-reverse;
}

    }



    /* Under 620px	*/
    @media (max-width: 620px) {
     
      .banner-place {
 
  padding: 2%;
}
      
       :root {
          --item-count4:2;
      }
      
      .product-group section img {

  height: 170px;
 

}
      
      .product-group section h4 {

  line-height: 1.2;
}
      
      .social i::before , .social a::before {
  font-size: 1.8em;;
}
      

      
      .logo{display: block;
  flex-direction: column;}
      
       .banner-place ul li img:nth-child(2)  {
  max-width: 60%;

  max-height: 200px;
   top:unset;
   bottom:14%;
}
      
      .banner-place1 .caption h2{
        margin: 0;
      
      }
      
       
      .banner-place1 .caption h3{
        margin: 0;
        font-weight: normal;
        font-size: var(--normal);
      
      }

      
      
   .banner-place ul li img:nth-child(1) {
    max-width: 300px;
    max-height: 300px;
} 
      
      .button a {
  padding: 8px;
  margin: 3px;
  font-size: var(--verysmall);


    }


}
     /* Under 520px*/
    @media (max-width: 520px) {
      
      
.dots-2 {
  bottom: 40px;
}
      
      .mid-header {
    justify-content: center;
        margin-bottom: var(--gap4);
}
      
      .path2 {
      display:none
      }
      
   
      .social {
      font-size: var(--medium);
      }
      
   
}

     /* Under 430px*/
    @media (max-width: 430px) {
      
     .mid-header {
    align-items: center;
    justify-content: center;
}
       .main-information {
        margin-bottom: var(--gap10);
    }
      
      .all-titr-box h2 {
    width: 150px;
        font-size: var(--normal);
}
    }





 /* Under 360px*/
    @media (max-width: 360px) {
      
   

}