@font-face {
font-family: 'iransans';
src: url('/font/IRANSansWeb.ttf');
}


html,body {
margin:0;
padding:0;
direction:ltr;
font-family: 'arial';
}

html[lang=fa] html,html[lang=fa] body { 
direction:rtl;
font-family: 'iransans';
}



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

: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 {
 --origin7: #fedfc6;
 --origin8: #fdc79b;
 --origin9: #fdb77f;
 --origin10: #fdaf71;
 --origin11: #e39d65;
 --origin12: #b17a4f;
 --origin13: #7e5738;
 --origin20: #ffa200;
  --opacity6:#fdaf71c2;
  --opacity7:#fdaf7191;
}

 :root {
    --gap-2: .2%;
    --gap-5: .5%;
    --gap1: 1%;
    --gap2: 2%;
    --gap3: 3%;
    --gap4: 4%;
    --gap5: 5%;
    --item-count1: 1;
    --item-count2: 2;
    --item-count3: 3;
    --item-count4: 4;
    --item-count5: 5;
    --item-count6: 6;
    --item-count7: 7;
    --item-count8: 8;
    --body-line-height: 2;
    --border-radius15: 15px;
    --border-radius30: 30px;
    --border-radius50: 50%;
  }

.product-group img {
    max-width: 100%;
    max-height: 120px;
    object-fit: cover !important;
    overflow: hidden !important;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    text-align: center!important;
}

.dropdown ul a:link, .dropdown ul a:visited {
    color: var(--color16);
}

.menu-place {
    width: 100%;
}

.caption {
position: absolute;
    z-index: 20;
    top: 140px;
    width: 55%;
      background-color: var(--opacity1);
    padding: 1%;
  text-align: center;
}

.wrapper {
  display: flex;
flex-wrap: wrap;
      justify-content: center;
  
}

.wrapper-banner figure {
    width: 100%;
}

.wrapper-banner {
    position: relative;
    margin-top: -110px;
}

.wrapper-banner figure img {
object-fit: cover;
    max-height: 700px;
    width: 100%;
    height: 100%;
    display: block;
    object-position: center;
}

.product-group-effect {
align-items: flex-end;
}

.medium {
  font-size: .9rem;
}

.small {
font-size: .8rem;
}

.very-small {
font-size: .7rem;
}
  
.titr {
    color: var(--color4);
    width: 250px;
    text-align: center;
    padding: 5px;
    font-size: 1.5em;
    margin: auto;
}

hr {
margin:0 20% 1.5%;
border: 2px solid var(--color3);
}


.contact-us-whatsapp {
    cursor: pointer;
    position: fixed;
    z-index: 110;
    float: left;
    left: 20px;
      width: 40px;
    height: 40px;
    bottom: 10px;
    transition: 0.5s ease-in-out;
    background-color: #37bf33;
    border-radius: 50%;
}

.contact-us-whatsapp i {
    color: #fff;
    cursor: pointer;
    font-size: var(--large);
}

.contact-us-whatsapp i::before {
    font-size: 1.5EM;
    padding: 3px;
}

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




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


figure {
  margin: 0;
  padding: 0;
  line-height: 0;
}



.product-wrapper  , .blog-news {
padding: 0 8%;
  padding-top: var(--gap3);
}

.new-product {
background-color: var(--color14);
  padding-bottom:30px;
}

header  {
padding: 0 8%;

}




header{
display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    position: sticky;
    top: 0;
    z-index: 90;
    background-color: var(--color4);
    box-shadow: 0px 2px 16px -9px rgba(0, 0, 0, 0.75);
}

header section {
display: flex;
}

header section .search {
  border: 2px solid var(--origin10);
border-radius: 50%;
padding: 7px 9px 1px 8px;
margin-left: 10px;
  display:none
} 

.butt-main {
border-radius: 20px;
padding: 8px;
color: var(--color1);
  transition: .5s ease-out;
}

.butt-main:hover {
background-color: var(--origin10);
}

.butt-main:hover a , .butt-main:hover a:visited , .butt-main:hover a:link {
color: var(--color16);
}



.content-button{
display: flex;
  padding: 2%;
  text-align: center;
  text-align: center;
  justify-content: center;

}
header .btn-lang   {
display: flex;
padding-left: 15px;
  display:none;
}

header .btn-lang section  img {
height: 25px;
}

header .btn-lang section {
padding: 0 5px;
}

header .btn-lang section div {
font-size: .8em;
color: var(--color1);
  text-align: center;
}



.master {
width: 100%;
}


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

.menu i {
display: none;
}

.social-place span{
margin: 0 5%;
}

.circle-place {
width: 100%;
float: right;
position: absolute;
z-index: 25;
bottom: 10px;
}

.bottom-header{
float: right;
width: 100%;
padding: .4% 1%;
}


.bottom-header section {
float: left;
text-align: center;
background: var(--color5);
width: 150px;
border-radius: 5px;
padding: 1%;
cursor: pointer;
}

.bottom-header .col-3 {
background: #cecece80;
padding: 2px;
margin: 1%;
width: 250px;
float: left;
}
.bottom-header .col-3 span img {
max-width: 80%;
}
.bottom-header .col-3 span:nth-child(2) >div{
color: #00adef;
text-align: left;
font-size: 0.8em;
}
.bottom-header .col-3 span:nth-child(2) > p{
margin: 0
}

.bottom-header div i{
float:left;
}
.bottom-header div span .icon-mail::before {
margin: 0px 6px;
}

.phone {
color: var(--color4);
padding: 3.5% 0 0 1%;
}

.phone i.icon-phone{
color: var(--color4);
font-size: .8em;
}

.logo-place img {

height: 80px;
  margin: 10px 7px;
}



.logo-place figure:nth-child(2){
  float:right;
  margin-top: -45px;
  
}





.edit-html {
display:flex
}


.banner-place {
    padding: 1%;
  height: 350px;
  position: relative;
}

.banner-place::before{
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    bottom: 9%;
    left: 25%;
    height: 10px;
    width: 50%;
    opacity: 100;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.banner{
   position: relative;
}


.banner figure:nth-child(2) img{  
position: absolute;
  visibility: visible;
  z-index: 2; 
  width: 55%;
  text-align: left;
  height: 450px;
  border-radius: 3%;
  top: 40%; 
transition: .5s ease-out;
  object-fit: cover;
}


.banner figure:nth-child(2) img:hover {
transform: translate(0,15px);
}



.banner figure:nth-child(1) img{
 position: absolute;
  visibility: visible;
  z-index: 1;
  left: 1%;
  width: 55%;
  text-align: left;
  border-radius: var(--border-radius15);
   box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); 
  object-fit: cover;
  height: 400px;
  object-position: bottom;
  transition: .5s ease-out;
}

.banner figure:nth-child(1) img:hover {
transform: translate(-19px,0);
}



html[lang=en] .banner figure:nth-child(1) img,html[lang=cn] .banner figure:nth-child(1) img
{

  right: 1%;
  left:unset;


}


.caption h2 {
color: var(--color16);
  font-size: xx-large;
}

.caption h3{
    color: var(--color16);
}

html[lang=en] .caption h3,html[lang=cn] .caption h3{
   line-height:2;
}




.about-us{
  display: flex; 
  align-items: center;
  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='2000' height='560' preserveAspectRatio='none' viewBox='0 0 2000 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1002%26quot%3b)' fill='none'%3e%3crect width='2000' height='560' x='0' y='0' fill='rgba(185%2c 93%2c 20%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c508.554C91.455%2c487.976%2c138.088%2c387.399%2c221.6%2c344.817C319.191%2c295.056%2c471.025%2c334.95%2c526.138%2c240.279C579.785%2c148.127%2c502.511%2c31.912%2c460.916%2c-66.27C427.409%2c-145.36%2c355.034%2c-195.575%2c310.396%2c-268.96C253.399%2c-362.662%2c267.999%2c-523.466%2c163.181%2c-555.743C58.879%2c-587.861%2c-20.211%2c-449.873%2c-117.679%2c-400.777C-193.467%2c-362.602%2c-283.798%2c-357.617%2c-345.6%2c-299.464C-410.937%2c-237.985%2c-446.893%2c-154.058%2c-471.55%2c-67.799C-499.162%2c28.799%2c-527.489%2c131.104%2c-495.941%2c226.489C-463.021%2c326.023%2c-387.652%2c409.569%2c-296.523%2c461.398C-207.728%2c511.9%2c-99.66%2c530.978%2c0%2c508.554' fill='%239d4f11'%3e%3c/path%3e%3cpath d='M2000 958.664C2084.216 949.846 2175.2 989.05 2248.6 946.8299999999999 2322.763 904.171 2345.65 811.697 2386.343 736.437 2430.215 655.297 2516.3940000000002 578.672 2496.346 488.63599999999997 2476.114 397.774 2352.27 377.926 2290.924 307.913 2230.09 238.48399999999998 2228.338 109.947 2140.278 82.25799999999998 2052.552 54.67399999999998 1977.709 157.77499999999998 1888.86 181.49200000000002 1796.666 206.10199999999998 1683.185 160.372 1611.539 223.397 1539.899 286.417 1540.963 397.887 1534.637 493.091 1528.688 582.616 1546.3 668.938 1576.316 753.49 1608.801 844.998 1628.134 960.323 1715.529 1002.645 1803.672 1045.329 1902.598 968.8620000000001 2000 958.664' fill='%23d56b17'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1002'%3e%3crect width='2000' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}




.about-us section img {
    max-width: 100%;   
    border-radius: var(--border-radius15);
    transition: .5s ease-out;
    object-fit: cover;
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
}

.about-us section img:hover {
margin-right: 15px;
}



.about-us section {
flex: 1;
  text-align: justify;
  padding: var(--gap2);
}

.about-us section:nth-child(1) {
line-height: var(--body-line-height);
  color: var(--color16);
}



.blog {
display: flex;
  justify-content: center;
}


.blog section {
padding: var(--gap1);
  text-align: center;
  box-shadow: 0px 0px 5px 0px rgba(133,133,133,0.75);
  border-radius: var(--border-radius15);
width: calc(100%/var(--item-count4) - var(--gap2));
  transition: .5s ease-out;
margin: var(--gap1);
}

.blog section:hover {
background-color: var(--color14);
transform: translate(0,12px);
}


.blog section:hover img {
filter: brightness(115%);
}


.blog section h4{
font-weight: normal;
  padding: 3%;
  margin: 0;
}

.blog section img {
max-width: 100%;
border: 1px solid var(--color6);
border-radius: var(--border-radius15);
height: 250px;
object-fit: cover;
width: 100%;
  transition: .5s ease-out;
  object-position: top;
}

.blog section h4 a , .blog section h4 a:visited , .blog section h4 a:link {
color: var(--color4);
}



.product-wrapper p{
float: right;
}

.product{
display: flex;
text-align: center;
  justify-content: center;
}

.product img {
background-color: var(--color16);
}


.product section{
    border: solid var(--origin10);
    padding: 1%;
    transition: all 0.5s ease-in-out;
    position: relative;
  width: calc(100%/var(--item-count5) - var(--gap2));
      margin: var(--gap2) var(--gap1);
}


.product section h3{
position: absolute;
  margin: auto;
  left: 10px;
  right: 10px;
  bottom: -40px;
  background: var(--origin20);
  padding: var(--gap3);
  height: 60px;
  font-weight: normal;
  border-radius: 0px 0px 10px 10px;
  line-height: 1.4;
  font-size: 1em;
  width: 100%;
  
  margin-right: -10px;
  padding: 15px;
}


.product section img{
    max-width: 100%;
    border: 1px solid var(--color6);
    border-radius: var(--border-radius15);
    max-height: 300px;
    object-fit: cover;
    width: 100%;
    padding: 30px;
}

.product section:hover{
transform: scale(1.02)
}
.product section a,.product section a:link,.product section a:visited {
color:var(--color16);
}

.product  .download  a,.product  .download a:link,.product  .download  a:visited {
color:var(--color1);
}

.product  .download{
width: 100%;
  height: 110px;
  line-height: 1.4;
  padding: 10px;
}

form[id^="form"]{
padding: 3% 7%;
  background-image:url(/directory/satriknet/images/image3-order.jpg);
  text-align: center;
  text-align: center;
background-color: var(--color10);
    background-repeat:repeat;
    background-attachment: scroll;
    background-size: auto;  
  background-repeat: repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position-y: bottom;
}






footer {
  background-size: cover;
  background-repeat: no-repeat;
  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='2000' height='600' preserveAspectRatio='none' viewBox='0 0 2000 600'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1057%26quot%3b)' fill='none'%3e%3cpath d='M62 600L662 0L1164.5 0L564.5 600z' fill='url(%26quot%3b%23SvgjsLinearGradient1058%26quot%3b)'%3e%3c/path%3e%3cpath d='M509 600L1109 0L1553 0L953 600z' fill='url(%26quot%3b%23SvgjsLinearGradient1058%26quot%3b)'%3e%3c/path%3e%3cpath d='M924 600L1524 0L1752 0L1152 600z' fill='url(%26quot%3b%23SvgjsLinearGradient1058%26quot%3b)'%3e%3c/path%3e%3cpath d='M1956 600L1356 0L1278 0L1878 600z' fill='url(%26quot%3b%23SvgjsLinearGradient1059%26quot%3b)'%3e%3c/path%3e%3cpath d='M1540 600L940 0L319 0L919 600z' fill='url(%26quot%3b%23SvgjsLinearGradient1059%26quot%3b)'%3e%3c/path%3e%3cpath d='M1118 600L518 0L122 0L722 600z' fill='url(%26quot%3b%23SvgjsLinearGradient1059%26quot%3b)'%3e%3c/path%3e%3cpath d='M1572.4414745116371 600L2000 172.44147451163707L2000 600z' fill='url(%26quot%3b%23SvgjsLinearGradient1058%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 600L427.55852548836293 600L 0 172.44147451163707z' fill='url(%26quot%3b%23SvgjsLinearGradient1059%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1057'%3e%3crect width='2000' height='600' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1058'%3e%3cstop stop-color='rgba(229%2c 229%2c 229%2c 0.29)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(229%2c 229%2c 229%2c 0.29)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1059'%3e%3cstop stop-color='rgba(229%2c 229%2c 229%2c 0.29)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(229%2c 229%2c 229%2c 0.29)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}


footer section > div{
display: flex;
}
.social-place a {
color: var(--origin10);
  transition: .5s ease-out;
}




footer section ul{
list-style-type: none;
padding: 0;
}

footer section{
padding:0px var(--gap2);
width: calc(100%/var(--item-count3) - var(--gap2));
margin: var(--gap1);
}

footer ul i{
color: var(--origin10);
font-size: .7rem;
}

footer ul:nth-child(2) i {
  line-height: 3;
}



footer li {
display: flex;
align-items: center;
width: 100%;
  padding: var(--gap-2) 0;
}

footer ul:nth-child(1) li:last-child a {
padding-bottom: 15px;
}


footer ul li::before{
color: #00adef
}

footer img{
height: 60px;
margin: 0 15px;
}

footer .top-footer p{
margin: 0;
color: var(--color5);
text-align: justify;
  line-height: var(--body-line-height);
}

.top-footer {
color: var(--color5);
padding: 2%;
justify-content: center;
  display: flex;
}



footer .top-footer a{
color: var(--color5);
transition: .5s ease-out;
}

.social-place a:hover{
transform: scale(0.8);
  
}

.social-place i {
background-color: var(--origin10);
  color: var(--color16);
  padding: 4px 5px;
  margin: 4px;
  border-radius: 50%;
  display: block;
  width: 35px;
  height: 35px;
  font-size: small;
}







.bottom-footer{
color: var(--color4);
padding: 5px 0;
font-size: .7em;
text-align: center;
border-top: 1px solid var(--color12);
  margin: 0 16%;
}

.bottom-footer a , .bottom-footer a:visited , .bottom-footer a:link {
color: var(--color4);
}


footer h4{
color: var(--color4);
border-bottom: 1px solid var(--color12);
width: 150px;
padding: .2%;
}

footer section:nth-child(1) h4 {
border-bottom: unset;
width: unset;
}

.bottom-footer small a:link ,.bottom-footer small a:visited ,.bottom-footer small a{
    color: var(--color4)
}

footer ul {
list-style-type: none;
}

.social-place {
display:flex
}

.master-container-content ul.contact_us {
list-style-type: none;
padding: 0;
}

.google-section {
float: right;
width: 48%;
margin: 0 1%;
padding: 0;
}


.master-container-content ul.contact_us li {
margin: 1% 5%;
background-color: var(--color14);
padding: 0;
display: flex;
  width: 50%;
}

.master-container-content ul.contact_us a, .master-container-content ul.contact_us a:link {
color: var(--color4);
}

.master-container-content .contact_us i {
  background-color: var(--color12);
  padding: 1%;
  color: var(--color1);
}


.master-container-content ul li span:nth-child(1) {
background-color: #9e9e9e;
margin: 0;
float: right;
padding: 1%;
}

.master-container-content ul li span:nth-child(2) {
float: left;
text-align: left;
width: 100%;
}

.master-container-content ul.contact_us li:last-child span:nth-child(2) {
float: right;
text-align: right;
}

.master-container-content .contact_us p {
display: inline-block;
padding: 1%;
margin: 5px;
text-align: right;
}





.content-body img {
border-radius: 20px;
border: 2px solid #e3e0e0;
padding: 4px;
max-width: 70%;
  margin: auto;
  text-align: center;
  display: block;
}

.content-body {
width: 100%;
  text-align:justify;
}

.contact-text {
float: right;
width: 40%;
min-height: 100px;
margin-bottom:20px
}


.contact-text div {
text-align:right;
min-height:35px;
padding:5px;
border-radius: 5px;
margin:2px;
float:right;
width:96%;
}

.master-container-title h1 {

  color: var(--color1);
  padding: 20px 4%;
  font-size: 1.7em;
  margin-bottom: 2px;
}

.master-container-content {
margin: 0 8%;
  padding: var(--gap2);
  text-align: justify;
  line-height: 2.5;
}


.product-container section:nth-child(1) {
text-align: center;
}
.product-container li{

list-style:none;

}
.product-container section:nth-child(1) figure img {
border-radius: var(--border-radius15);
max-width: 100%;
object-fit: cover;
}


.product-container section:nth-child(2) {
text-align: center;
  line-height: var(--body-line-height);
}






.master-container-content .content p{
text-align: right;
}











.margin_pig_page a,.margin_pig_page a:link,.margin_pig_page a:visited {
color: var(--color8);
}



.master-container-content div.blog-container{
  background-repeat: repeat-x;
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='1600' height='500' preserveAspectRatio='none' viewBox='0 0 1600 500'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1106%26quot%3b)' fill='none'%3e%3crect width='1600' height='500' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M -663.205755400118%2c191 C -556.41%2c228 -342.81%2c382.2 -129.20575540011805%2c376 C 84.39%2c369.8 191.19%2c153.6 404.79424459988195%2c160 C 618.39%2c166.4 725.19%2c425.6 938.794244599882%2c408 C 1152.39%2c390.4 1340.55%2c84 1472.794244599882%2c72 C 1605.04%2c60 1574.56%2c292.8 1600%2c348' stroke='rgba(243%2c 243%2c 243%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -746.0094108314237%2c172 C -639.21%2c209.6 -425.61%2c356.4 -212.0094108314237%2c360 C 1.59%2c363.6 108.39%2c192.2 321.9905891685763%2c190 C 535.59%2c187.8 642.39%2c370.6 855.9905891685763%2c349 C 1069.59%2c327.4 1241.19%2c89 1389.9905891685762%2c82 C 1538.79%2c75 1558%2c267.6 1600%2c314' stroke='rgba(243%2c 243%2c 243%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -13.344803415120737%2c396 C 93.46%2c352 307.06%2c192 520.6551965848793%2c176 C 734.26%2c160 841.06%2c302.2 1054.6551965848794%2c316 C 1268.26%2c329.8 1375.06%2c231.8 1588.6551965848794%2c245 C 1802.26%2c258.2 2120.39%2c396.2 2122.6551965848794%2c382 C 2124.92%2c367.8 1704.53%2c215.6 1600%2c174' stroke='rgba(243%2c 243%2c 243%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -548.6844062109519%2c351 C -441.88%2c314.2 -228.28%2c159.4 -14.684406210951927%2c167 C 198.92%2c174.6 305.72%2c380.6 519.3155937890481%2c389 C 732.92%2c397.4 839.72%2c225.6 1053.315593789048%2c209 C 1266.92%2c192.4 1477.98%2c308.6 1587.315593789048%2c306 C 1696.65%2c303.4 1597.46%2c218 1600%2c196' stroke='rgba(243%2c 243%2c 243%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1106'%3e%3crect width='1600' height='500' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

.master-container-content div.product-content div:nth-child(2) {
display: flex;
  justify-content: center;
  background-color: var(--color14);
  padding: 1%;
}



.master-container-content div.product-content div a  {
margin: 0 5px;
}

.master-container-content div.product-content div a:hover {
background-color: var(--origin10);
  color: var(--color16);
  transition: .3s ease-out;
}


.products-container {
  padding-top: 3%;
  padding-right: 14%;
  padding-left: 14%;
  display: flex;
background-repeat: repeat-x;
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='1600' height='500' preserveAspectRatio='none' viewBox='0 0 1600 500'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1106%26quot%3b)' fill='none'%3e%3crect width='1600' height='500' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M -663.205755400118%2c191 C -556.41%2c228 -342.81%2c382.2 -129.20575540011805%2c376 C 84.39%2c369.8 191.19%2c153.6 404.79424459988195%2c160 C 618.39%2c166.4 725.19%2c425.6 938.794244599882%2c408 C 1152.39%2c390.4 1340.55%2c84 1472.794244599882%2c72 C 1605.04%2c60 1574.56%2c292.8 1600%2c348' stroke='rgba(243%2c 243%2c 243%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -746.0094108314237%2c172 C -639.21%2c209.6 -425.61%2c356.4 -212.0094108314237%2c360 C 1.59%2c363.6 108.39%2c192.2 321.9905891685763%2c190 C 535.59%2c187.8 642.39%2c370.6 855.9905891685763%2c349 C 1069.59%2c327.4 1241.19%2c89 1389.9905891685762%2c82 C 1538.79%2c75 1558%2c267.6 1600%2c314' stroke='rgba(243%2c 243%2c 243%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -13.344803415120737%2c396 C 93.46%2c352 307.06%2c192 520.6551965848793%2c176 C 734.26%2c160 841.06%2c302.2 1054.6551965848794%2c316 C 1268.26%2c329.8 1375.06%2c231.8 1588.6551965848794%2c245 C 1802.26%2c258.2 2120.39%2c396.2 2122.6551965848794%2c382 C 2124.92%2c367.8 1704.53%2c215.6 1600%2c174' stroke='rgba(243%2c 243%2c 243%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -548.6844062109519%2c351 C -441.88%2c314.2 -228.28%2c159.4 -14.684406210951927%2c167 C 198.92%2c174.6 305.72%2c380.6 519.3155937890481%2c389 C 732.92%2c397.4 839.72%2c225.6 1053.315593789048%2c209 C 1266.92%2c192.4 1477.98%2c308.6 1587.315593789048%2c306 C 1696.65%2c303.4 1597.46%2c218 1600%2c196' stroke='rgba(243%2c 243%2c 243%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1106'%3e%3crect width='1600' height='500' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

.products-container section:nth-child(2) {
margin: 3%;
line-height: 2.2;
  text-align: justify;
}

.products-container section img {
max-width: 500px;
border-radius: 15px;
}




.blog-container {
display: flex;

  flex-wrap:wrap;
}


.blog-container section {
width:100%
}



.container-gallery {
display: flex;
text-align: center;
}

.container-gallery section {
width: calc(100%/var(--item-count4) - var(--gap2));
margin: var(--gap1);
}

.container-gallery section img {
width: 100%;
  object-fit: cover;
height: 250px;
  cursor: pointer;
  border-radius: 5%;
}






.master-container-content div.blog-container section:nth-child(2) {
margin:0 3%;
  line-height: 2.2;
}

.master-container-content div.blog-container section figure {

  
}


.master-container-content div.blog-container section figure img {
max-height: 600px;
  border-radius: 28px;
  max-width: 600px;
}

.master-container-content div.blog-container section p {

  text-align: justify;
  padding: 1% 1%;
 
  float: right;
  width:100%
}


div.blog-container section a,div.blog-container section a:link,
div.blog-container section a:visited {
color: var(--origin10);
}






.up {
cursor: pointer;
position: fixed;
bottom: 33px;
right: 20px;
width: 50px;
height: 50px;
transition: .3s ease-out;
border-radius: 50%;
background-color: var(--opacity7);
}


.up i {
transition: .3s ease-out;
color: var(--color16);
text-align: center;
display: block;
  font-size: .5em;
}

.icon-up::before {
margin: auto;
display: block;
padding-top: 35%;
}




form[id^="form"] fieldset li
{
 width:48%;
}

form[id^="form"] fieldset li input, form[id^="form"] fieldset li textarea {
 color: var(--color3);
  width: 97%;
  outline: none;
}

form[id^="form"] fieldset, fieldset
{

 width: auto;
  background: var(--opacity7);
  padding: 5%;
  font-size: 2em;
  border: none;
  color: white;

 
}


form[id^="form"] li select, select {
  color: var(--color6);
  font-family: iransans,yekan,b roya,b nazanin,tahoma;
  background-color: white;
}

html:lang(ar) form[id^="form"] fieldset li input, html:lang(ar) form[id^="form"] fieldset li textarea, html:lang(fa) form[id^="form"] fieldset li input, html:lang(fa) form[id^="form"] fieldset li textarea {

  text-align: right;
}


form[id^="form"] ul {
  font-size: 1rem;
}



form[id^="form"] input[type="button"], input[type="reset"], form[id^="form"] button, button, input[type="button"]
{
  color: white;
  background-color: var(--origin10)
}

form[id^="form"] input[type="button"]:hover, input[type="reset"], form[id^="form"] button:hover, button, input[type="button"] {
 
  background-color: var(--origin7);
}


.dropdown ul li {
    display:inline-block;
    vertical-align: middle;
    text-align: justify;
    transition: .2s ease-out;
  color: var(--color16);
}

.dropdown ul li.hover,
.dropdown ul li:hover {
    position: relative;
    z-index: 95;
    cursor: default;
}
.dropdown ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
 }
.dropdown ul li:hover > ul {
 display: block;
}
.dropdown ul li ul {
    right: 0;
    left: auto;
}
.dropdown ul li ul ul {
    top: 0px;
    right: 99%;
    left: auto;
}

.dropdown ul li:last-child {
    border-left: none;
}

.dropdown ul li li {
    padding: 15px 20px;
    width: 300px;
}


.dropdown ul li li li {
width: 210px;
}






.dropdown ul li li:last-child {
    border: none;
	}


.dropdown ul a:hover{
    color: var(--origin8);
}

.dropdown ul ul li {
    font-weight: normal;
 background: var(--color13);
    border-right: none;
       
}



.dropdown span::after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 0.313em;
    border-bottom-width: 0.313em;
    border-bottom-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-bottom: none;
    border-top-color: var(--color10);
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -5px;
}





.blog-container section figure{
float: left;
  padding: 1%;
  margin-right: 25px;
}

.brief-body {
  line-height: 2.3;
  padding: 5%;
}





body[data-page-type="detail"] footer {
margin-top: 10%;
}






@media (max-width: 1400px) {
  
header, .product-wrapper, .about-us, .blog-news {
  padding: 0 var(--gap1);
  }
  
  .master-container-content {
  margin: 0 var(--gap1);
  }
  
  
  .banner figure:nth-child(2) img {
    max-height: 370px;
  }
  
  .product section img , .khandani section img {
  max-height: 250px;
  }
  
  .banner figure:nth-child(2) img {  
     left: 38%;
}

.banner figure:nth-child(1) img{
  width: 69%;
  object-fit: cover;
  height: 400px;
}
    .caption {
    width: 70%;
}

}

@media (max-width: 1280px) {
  
.product section h3 {
    font-size: 1em;
}

  

}


@media (max-width: 1024px) {
  
  .icon-menu-1:before , .icon-close:before {
    color: var(--origin7);
}
  
    .caption h2 {
    font-size: x-large;
}
  
  .blog section {
    width: calc(100% / var(--item-count2) - var(--gap2));
}
  
  .product section {
    width: calc(100% / var(--item-count3) - var(--gap2));
}
  
  .dropdown ul li , .dropdown ul a:link, .dropdown ul a:visited {
    color: var(--color16);
}
  
  .social-place i {
    padding: 1px 2px;
    width: 30px;
    height: 30px;
    font-size: 0.8em;
}
  
  
  .dropdown ul li li a:link, .dropdown ul li li a:visited, .dropdown ul li:hover a, .dropdown ul li:hover ul li a {
  color: var(--color16);
}
  
  .dropdown ul ul {
  position: unset;
  }
  
  
  header {
  justify-content: unset;
  }
  

  
  header section:last-child {
  flex: 1;
  justify-content: flex-end;
  }
  
  .menu {
  margin: 0 var(--gap1);
  }
  
  
  .about-us section {
  flex: unset;
  }
  
  .about-us {
  justify-content: center;
  }
  
  
  
  
  .products-container {
    display: unset;
  }
  

 
  .dropdown ul li li {
  border-bottom: 1px solid var(--origin9);
    width: 100%;
  }

  
  .product section h3 {
  left: 5px;
  right: 5px;
  }
  
  
.dropdown ul ul li {  
   background: var(--origin10);          
}

  .dropdown {
  display: block;
  }
  
  .menu i {
  display: block;
   cursor: pointer;
}
  
  .menu-place {
  display: none;
  }
  
  
   .menu-place {
display: none;
right: -450px;
    position: absolute;
top: 75px;
  }
  
  
  header section {
  align-items: center;
  }
  


  
  .logo-place img {
  height: 60px;
  }

  
 
  
  .banner figure:nth-child(2) img {
  height: 300px;
  }
  


  
  footer .top-footer p , footer section ul {
  font-size: .95em;
  }
  
   
 .blog-container section:nth-child(1){
  text-align: justify;
 
  }
  
  .master-container-content div.blog-container section figure img {
  width: 90%;
  }
  
  .content-body img {
max-width:90%;
}
  
  
  .blog-container section figure {
  float: unset;
    text-align: center;
    margin-right: unset;
  }

}


/* Under 800px */
@media (max-width: 820px) {
  
  .product section img {

  padding: 5px;
}
  
  .product-group-effect {
      height: 190px!important;
  }
  
  :root {
--item-count4: 2;
  }
  
  
  .container-gallery section {
  width: calc(100%/var(--item-count4) - var(--gap2));
  }
  
  
  .product section {
  margin-bottom: var(--gap4);
  }
  
  
  
  
  
  
  .dropdown ul a:link,dropdown ul a,		
.dropdown ul a:visited	{
     text-decoration: none;
     transition: .3s ease-out; 
  color: var(--color16);
     }
  
  .dropdown ul li > a {
  border-bottom: 1px transparent solid;
  color: white;
}
  
  .top-footer {
  display: unset;
  }
  
  
  .caption {
  font-size: .8em;
    margin: 2%;
    width: 95%;
  }
  
  
  .wrapper-banner {
  display: block;
  }
  
  
  .banner figure:nth-child(2) img {
  height: 370px;
    top: 50px;
  }
  

  
  form[id^="form"] fieldset li {
  width: 100%;
}
  
  .about-us section {
  width: unset;
  }
  
 
  
  .about-us {
  background-size: cover;
  }
  
  .about-us section img {
  height: 400px;
  }
  
footer section {
    width: calc(100% / var(--item-count1) - var(--gap2));
}
  
  
  footer .social-place {
  padding: var(--gap1) 0;
}
  
  .about-us {
  padding: var(--gap4);
  }
  
  
  .master-container-content ul.contact_us li {
  margin: var(--gap1) 0;
    width: 100%;
  }
  
}
  
  
  
/* Under 600px */
@media (max-width: 620px) {
  
  .caption h2 {
    margin: 0px;
            font-size: large;
}
  
  .product-group img {
    max-height: 90px;
}
  
.social-place i {
            width: 25px;
            height: 25px;
            font-size: 0.7em;
        }
  
.product section {
            width: calc(100% / var(--item-count2) - var(--gap2));
        }
  
  :root {
  --item-count4: 1;
  }
  
  .container-gallery section {
  width: calc(100%/2 - var(--gap2));
  }
  
  
  
body[data-page-type="detail"] footer {
margin-top: 25%;
}
  
  
  header section:first-child {
  flex: .2;
}
  
  
  .blog-container section:nth-child(1) {
  display: unset;
}
  
.butt-main {
  padding: 3px;
  font-size: .9em;
      width: 140px;
}
  
  footer section {
  padding: 2% 4%;
  }
  
  
    .products-container section img {
  max-width: 100%;
  padding:1% 3%;
}
  
  form[id^="form"] li select, select {
  width: 95%;
}

  
  
 

form[id^="form"] {
  padding: 3% 3%;
  }
  
  
  
  form[id^="form"] fieldset li input, form[id^="form"] fieldset li textarea {  
  width: 95%;
}
  
  
  .banner figure:nth-child(1) img {
  width: 95%;
  }
  
  .banner figure:nth-child(2) img {
 height: 250px;
    top: -18%; 
  }
  
  
  
  
  header section {
  justify-content: space-between;
  }
  
  
  .banner figure:nth-child(1) img {
  left: 2%;
    top:55px;
  }
  
  .product section {
  margin: 5% 1%;
}
  
  legend {
  font-weight: normal;
}
  
  
  .about-us section img {
  height: 360px;
}
  
  
    .master-container-content div.blog-container section figure img {
  width: 100%;
  }

  
  .master-container-title h1 {
  font-size: 1.5em;
  }
  

  
  .bottom-footer {
  margin: 0;
  }
  
    .wrapper-banner figure img {
    max-height: unset;
    height: 350px;
}
  
  .caption {
    top: 120px;
}
}



@media (max-width: 440px) {
  
      .caption {
        width: 90%;
    }
  

  
  .product-group img {
    max-height: unset;
}
  
  .about-us section img
 {
        height: 220px;
    }
  
  .caption h3, .product section h3
 {
        font-size: 1em;
    }
  
      .blog section
 {
        width: calc(100% / var(--item-count1) - var(--gap2));
    }

  .banner-place video {
  width:100%!important;
  }
  
  
  header {
  justify-content: space-between;
  }
  
  
  header section:first-child  {
  flex: unset;
  }


  
   header section:last-child {
  flex: .9;
 justify-content: space-between;
  }
  
  .logo-place img {
  height: 60px;
  }
  
  .menu i {
  font-size: .8rem;
  }
  
  header .btn-lang {
  font-size: .8rem;
  }
  
  
  .butt-main {
  width: 110px;
  }
}