@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: #fff4e5;
	--origin2: #ffe9cc;
	--origin3: #ffdeb2;
	--origin4: #ffd399;
    --origin5: #ffc87f;
    --origin6: #ffbd66;
    --origin7: #ffb24c;
    --origin8: #ffa732;
    --origin9: #ff9c19;
    --origin10: #ff9100;
    --origin11: #e58200;
    --origin12: #cc7400;
    --origin13: #b26500;
    --origin14: #995700;
    --origin15: #4c2b00;
    --origin20: #f94144;
    --origin30: #7209b7;
    --origin10-25: #ff910025;
    --origin10-50: #ff910050;
    --origin10-75: #ff910075;
    --origin10-90: #ff910090;
    --origin10-95: #ff910095;
  --o:rgba(217%2c 195%2c 178%2c 0.49);
}


: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 {

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

.svg0{

 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1900' height='700' preserveAspectRatio='none' viewBox='0 0 1900 700'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1028%26quot%3b)' fill='none'%3e%3cpath d='M430.45 430.55 a146.63 146.63 0 1 0 293.26 0 a146.63 146.63 0 1 0 -293.26 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M601.687%2c525.152C628.925%2c526.073%2c659.275%2c523.952%2c674.068%2c501.062C689.8%2c476.719%2c685.685%2c444.175%2c669.608%2c420.059C655.081%2c398.268%2c627.866%2c393.199%2c601.687%2c392.488C573.723%2c391.728%2c541.786%2c392.403%2c527.058%2c416.186C511.84%2c440.76%2c520.979%2c472.591%2c537.312%2c496.439C551.542%2c517.216%2c576.518%2c524.301%2c601.687%2c525.152' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1292.8 377.83 a170.06 170.06 0 1 0 340.12 0 a170.06 170.06 0 1 0 -340.12 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M-5.94 368.09 a167.32 167.32 0 1 0 334.64 0 a167.32 167.32 0 1 0 -334.64 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M928.24 363.41 a93.91 93.91 0 1 0 187.82 0 a93.91 93.91 0 1 0 -187.82 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1954.866%2c695.211C2004.319%2c695.404%2c2048.868%2c668.545%2c2075.097%2c626.621C2103.18%2c581.733%2c2116.349%2c525.114%2c2090.028%2c479.17C2063.588%2c433.018%2c2008.029%2c415.107%2c1954.866%2c416.756C1904.764%2c418.31%2c1858.232%2c443.535%2c1833.484%2c487.126C1809.039%2c530.185%2c1811.301%2c582.919%2c1836.25%2c625.688C1861%2c668.117%2c1905.746%2c695.019%2c1954.866%2c695.211' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M774.13 56.34 a164.85 164.85 0 1 0 329.7 0 a164.85 164.85 0 1 0 -329.7 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1467.89 536.55 a165.14 165.14 0 1 0 330.28 0 a165.14 165.14 0 1 0 -330.28 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M719.737%2c308.125C741.436%2c308.721%2c760.095%2c293.206%2c769.896%2c273.838C778.815%2c256.214%2c774.54%2c236.042%2c764.955%2c218.771C755.008%2c200.848%2c740.234%2c183.661%2c719.737%2c183.457C698.986%2c183.251%2c682.502%2c199.442%2c672.932%2c217.856C664.14%2c234.773%2c665.358%2c254.282%2c674.134%2c271.207C683.783%2c289.816%2c698.783%2c307.549%2c719.737%2c308.125' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M247.737%2c441.64C264.591%2c441.231%2c280.841%2c433.95%2c289.359%2c419.401C297.963%2c404.706%2c296.822%2c386.69%2c288.664%2c371.742C280.118%2c356.084%2c265.575%2c343.066%2c247.737%2c343.14C230%2c343.214%2c216.271%2c356.723%2c207.398%2c372.081C198.52%2c387.448%2c193.559%2c406.159%2c202.462%2c421.511C211.343%2c436.824%2c230.04%2c442.07%2c247.737%2c441.64' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1105.52 270.34 a134.79 134.79 0 1 0 269.58 0 a134.79 134.79 0 1 0 -269.58 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1757.06 293.28 a103.78 103.78 0 1 0 207.56 0 a103.78 103.78 0 1 0 -207.56 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M579.699%2c379.35C603.781%2c380.133%2c625.022%2c365.555%2c637.825%2c345.143C651.595%2c323.19%2c658.386%2c296.053%2c646.339%2c273.11C633.543%2c248.74%2c607.216%2c233.766%2c579.699%2c234.448C553.237%2c235.104%2c530.095%2c252.459%2c518.548%2c276.278C508.272%2c297.475%2c515.752%2c321.306%2c527.771%2c341.565C539.478%2c361.298%2c556.767%2c378.604%2c579.699%2c379.35' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1028'%3e%3crect width='1900' height='700' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
 }


#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);

  
}

.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;

}

.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;
  text-align: center;
  color: var(--color1);
  margin: 0px 0px 10px;
}

.product_footer {
text-align: center;
    margin-bottom: var(--gap3);
    color: var(--origin11);
  direction:rtl;
  
}

.product_footer sub {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:4px;
  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:3%;
}


    /* 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: 200px;

}
      
      
     
#qrcode img {
  
  width:250px;

padding: 3%;
}

  #qrcode {
    display: flex;
    justify-content: center;
    margin:8% 4%;
  }


      
      
      #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) {
      
      #product-slide section , .product-group section {
    font-size: var(--medium);
}
      
      .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) {
      
   

}