html {
 font-size:16px;

}

html,body {
    margin: 0;
    padding: 0;
    font-family: 'iransans';
  background-color: var(--color16);

    direction: rtl;
}




main
{
content-visibility: auto;
}

* {
  
          -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; 

}

: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;
  --color17: #f9f9f9;
  --color18: #ffffff;
}


:root {
  --opacity0: #00000005;
  --opacity1: #0000001a;
  --opacity2: #00000050;
  --opacity3: #00000075;
  --opacity4: #00000090;
  --opacity5: #00000095;
  --opacity6: #F9F9F925;
  --opacity7: #F9F9F950;
  --opacity8: #F9F9F975;
  --opacity9: #F9F9F990;
  --opacity10: #f9f9f9f5;
}



:root {
  	--origin1: #e6f5fd;
  	--origin2: #cdebfb;
    --origin3: #b4e1f9;
    --origin4: #9cd7f8;
    --origin5: #83cdf6;
    --origin6: #6ac3f4;
    --origin7: #52b9f3;
    --origin8: #39aff1;
    --origin9: #20a5ef;
    --origin10: #00a4ff;
    --origin11: #078cd6;
    --origin12: #067cbe;
    --origin13: #056da6;
    --origin14: #044e77;
    --origin15: #022e47;
    --origin20: #0093ff;
    --origin21: #00daff;
}



:root {
  	--origin10-5:  #00a4ff08;
    --origin10-15: #00a4ff0d;
  	--origin10-25: #00a4ff25;
    --origin10-50: #00a4ff50;
    --origin10-75: #00a4ff75;
    --origin10-90: #00a4ff90;
    --origin10-95: #00a4fff5;
}

:root {
    --gap-2: .2%;
  	--gap-5: .5%;
  	--gap1: 1%;
  	--gap2: 2%;
  	--gap3: 3%;
  	--gap4: 4%;
  	--gap5: 5%;
  	--gap6: 6%;
  	--gap7: 7%;
  	--gap8: 8%;
    --titr-line-height: 1.2;
    --item-count1:1;
    --item-count2: 2;
    --item-count3: 3;
    --item-count4: 4;
    --item-count5: 5;
    --item-count6: 6;
   	--body-line-height: 2;
  	--border-radius: 15px;
  	--huge:2.7em;
  	--very-big:2.3em;
  	--big:2em;
  	--very-large:1.5em;
    --large:1.2em;
  	--normal:1em;
  	--medium:0.92em;
  	--small:.8em;
    --verysmall:.7rem;
}

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

body[data-page-type=homepage] {

}



header {
display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 5px;
  width: 100%;
      position: relative;
    z-index: 90;
      background: var(--color14);
}

a {
    text-decoration: none;
    transition: .3s ease-out;
  	color: var(--color1);
}

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

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

.master-container-content .contact_us{ 
  float: right;
    width: 48%;
    margin: 0 1%;
}

.master-container-content .contact_us li {
 margin: .5%;
  background-color: #f0f0f0;
  padding: 0;
  width: 100%;
  float: right;
  display: flex;
  padding: 1%;
}


.master-container-content .contact_us li:last-child span:nth-child(2) {
   float: right;
  text-align: right;
}
.master-container-content .contact_us p {
    display: inline-block;
    padding: 0;
    margin: 5px;
    text-align: right;
}
.contact_us li:last-child p {
    min-height: 70px;
}

.module-container-ad aside a {
color: white;
padding:3% 7%;
width: 100%;
float: right;
margin: 2% 0;
text-align: center;
border-radius: 5px;
box-shadow: rgba(0,0,0,0.25) 0 0 15px;
}

.product-group-effect {
display:flex;
}

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

.lightboxed {
    cursor: pointer;
}

.karik-logo-place {
flex:1
}
.karik-logo-place img
{
max-height: 80px;
  width: auto;
  padding: 10px;
}
.menu {
  display:none }

i {
    cursor: pointer;
}

.menu i {
display: none;
}

.menu-place {
    text-align: center;
  flex:4.5
}

.dropdown a:before {
	float: right;
    margin-left: 15px;
  margin-top:0;
  padding-top:0;
  color: var(--color9);
}

.dropdown li span {
float: left;
  padding-right: 10px;
}

.dropdown span::after {
border-top-color: var(--origin4);
}

.dropdown ul li.hover, .dropdown ul li:hover {
  border-bottom: unset;
    
}

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

.dropdown ul li li.hover, .dropdown ul li li:hover {
  background-color: var(--origin3);
}

.karik-start {
flex:1  ;
      text-align: left;
      font-size: var(--small);
      display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.karik-start a {
color: var(--origin14);
    padding: 5px 10px;
    border-radius: 10px;
      margin-right: 5px;
}

.karik-start a.icon-basket-1 {
display:none
}

body[data-id='47195'] .karik-start a.icon-basket-1 {
  
display:block
  
}

.karik-contact strong

{
  font-size:1.4em;
}

.karik-start a:hover {
color: var(--color18);
    background-color: var(--origin20);
}

.karik-banner {
    display: flex;
    width: 100%;
    flex-wrap: wrap; 
      position: relative;
    z-index: 2;
}
.karik-banner , header {
        padding: 0px var(--gap8);
  }

.karik-banner {
        padding: 10px 10%;
      overflow: hidden;
  }

.karik-banner section {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 10;
    margin-top: var(--gap5);
}

.karik-banner section:nth-child(2) {


  
}

.karik-banner section:nth-child(2) figure,.karik-content-products section figure,
.karik-content-features section figure,.karik-content-features section:nth-child(2){

background-color: transparent;
  background-image: radial-gradient(circle, rgba(40,90,180,0.08) 3px, transparent 3px);
  background-size: 16px 16px;
  background-position: 0 0;
  border-radius:20%;
}

.karik-banner video {
border-radius: 70px;
  box-shadow: 0 0 14px 5px rgb(90 97 105 / 40%), 0 2px 3px rgb(90 97 105 / 40%);
}

.karik-banner h1 {
    color: var(--color4);
    font-size: 2.2rem;
  font-family:dastnevis;
     
}

.karik-banner h2 {
color: var(--origin14);
      margin: 0 0 20px 0;
 
  font-size: 1.5rem;
}

.karik-banner h3
{
color: var(--origin12);
  margin-bottom: 40px;

}

.karik-svg {
    position: relative;
    z-index: 5;
}

.fixed {
transition: .5s ease-out;
    position: sticky ;
    padding: 0px var(--gap5);
      
      z-index: 100;
  height: 70px;
  background-color: var(--color14);
  top:0;
}

.fixed .karik-logo-place img {
    height: 70px;
    padding-top: 10px;
  width: auto;
}

.karik-link-blue {
    color: var(--color18);
    border: 2px solid var(--color18);
      padding: 10px 20px;
    border-radius: var(--border-radius);
    background-color: var(--origin10);
  font-size: .9em;
}

.karik-link-blue:hover {
    padding: 10px 15px;
    background-color: var(--origin5);
}
.karik-link-orange {
    color: var(--color18);
    padding: 10px 20px;
    border-radius: var(--border-radius);
    background-color: #FF9800;
    position: relative;
    z-index: 10;
    border: 2px solid var(--color18);
    font-size: .9em;
}

.karik-link-orange:hover {
background-color: #ffc876;
    padding: 10px 15px;
}

.karik-link-green {
    color: var(--color18);
    padding: 10px 20px;
    border-radius: var(--border-radius);
    background-color: var(--origin20);
      position: relative;
    z-index: 10;
}

.karik-link-green:hover {
background-color: var(--origin21);
    padding: 10px 30px;
    color: var(--color2);
}



.karik-svg path {
    fill: var(--origin14);
}

.karik-svg svg {
margin-bottom: -11px;
}

.karik-content-pricelist {
flex-wrap: wrap;
    display: flex;
    justify-content: center;
  position: relative;

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

.karik-content-pricelist section {
width: calc(100% / var(--item-count4) - var(--gap1));
  border-radius: 15px;
    text-align: center;
    transition: transform .5s, box-shadow .3s;
    min-height: 650px;
    margin: var(--gap-5);
 padding:1%;
  background: var(--color18);
  border: 1px solid var(--color13);
}

.karik-content-pricelist section:hover {
    box-shadow: 0 7px 35px rgb(90 97 105 / 40%), 0 2px 3px rgb(90 97 105 / 40%);
    
  background-color: var(--color18);
}

.karik-content-pricelist section img {
max-width: 100%;
    height: 300px;
    object-fit: cover;
      border-radius: 25% 5%;
  transition: .3s ease-out;
}

.karik-content-pricelist section:hover img {
  padding:4px;
      border-radius: 20px;
}

.karik-content-pricelist section figure {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.karik-content-pricelist section figure:before {
position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.karik-content-pricelist section:hover figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.karik-content-pricelist h2,.karik-content-option h2 {
display: flex;
    width: 100%;
    text-align: center;
    justify-content: space-evenly;

  
  font-size: 2.2rem;
  font-family: dastnevis;
  line-height: 1.5;
}

.karik-content-pricelist section h3 {
    color: var(--origin10);
}

.karik-content-pricelist section h4 {
    color: var(--origin13);
}

.karik-content-pricelist section ul {
    list-style: none;
    padding-right: 0;
    text-align: right;
    min-height: 130px;
}

.karik-content-pricelist section li:before {
    content: '\e82a';
    margin: 0px 10px;
    color: var(--origin10);
    font-family: 'webfont';
    float: right;
 
}

.karik-content-pricelist section li{
    color: var(--color6);
  float: right;
}

.karik-content-option {
text-align:center;
background-color: var(--origin14);
  color: var(--color15);
}
.karik-content-option i
{
  font-size:var(--very-large)
}

.karik-content-option > div {
flex-wrap: wrap;
    display: flex;
    justify-content: center;
      margin: var(--gap5) 0px;
  margin-top: var(--gap1);
}

.karik-content-option div section {
width: calc(100% / var(--item-count5) - var(--gap2));
  text-align: center;
    transition: transform .5s, box-shadow .3s;
    padding: var(--gap1);
   transition: .3s ease-out;
 
  margin: .1%;
  border-radius: 15px;
}

.karik-content-option div section:hover img  {
transform: scale(0.9);
}

.karik-content-option div section:nth-child(1) {
border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: var(--origin10-25);
}

.karik-content-option div section:nth-child(2) {
border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: var(--origin10-25);
}

.karik-content-option div section:nth-child(3) {
border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: var(--origin10-25);
}

.karik-content-option div section:nth-child(4) {
border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: var(--origin10-25);
}

.karik-content-option div section:nth-child(5) {
border-bottom: solid 1px var(--origin10-25);
}

.karik-content-option div section:nth-child(6) {
border-left: solid 1px var(--origin10-25);
}

.karik-content-option div section:nth-child(7) {
border-left: solid 1px var(--origin10-25);
}

.karik-content-option div section:nth-child(8) {
border-left: solid 1px var(--origin10-25);
}

.karik-content-option div section:nth-child(9) {
border-left: solid 1px var(--origin10-25);
}

.karik-content-option div section:hover {

    box-shadow:rgb(29, 60, 83) 0px 0px 10px 2px inset
}

.karik-content-option div section:hover a {
    color: var(--origin10);
  transform: scale(0.8);
}

.karik-content-option div section a {
    color: var(--color18);
    transition: .3s ease-out;
}

.karik-content-option div section img {
max-width: 100%;
    height: 50px;
      margin-bottom: 20px;
    transition: .3s ease-out;
}

.karik-content-products {
     padding: var(--gap4) var(--gap8) var(--gap3);
        flex-wrap: wrap;
    display: flex;
    justify-content: center;
      position: relative;
    z-index: 1;
}

.karik-content-products > div {
text-align: center;
}

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

.karik-content-products section , .karik-work-samples > section {
width: calc(100% / var(--item-count2) - var(--gap2));
  margin: 0px var(--gap1);
      text-align: center;
}

.karik-content-features section {
width: calc(100% / var(--item-count2));
    text-align: center;
    padding: 6%;
}

.karik-content-features section:nth-child(1) , .karik-content-features section:nth-child(4)  , .karik-content-features section:nth-child(5) {
background: var(--origin3);
}

.karik-content-features section:nth-child(2) , .karik-content-features section:nth-child(3) , .karik-content-features section:nth-child(6) {
background: var(--color18);
}



.karik-content-features article {
    text-align: justify;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
      border-bottom: 3px solid var(--origin3);
}

.karik-content-products h2 , .karik-portfolio h2 , .karik-content-features h2 , .karik-content-Subsystem h2 , .karik-content-faq h2 , .karik-content-article h2 {
    color: var(--origin13);
}

.karik-products h2 {
margin:0px;
}

.karik-content-products h3 ,  .karik-portfolio h3 {
    color: var(--origin10);
}
.karik-content-features h3 {
text-align: right;
  font-size: 1.1em;
  font-weight: normal;
}
.karik-content-products hr , .karik-portfolio hr , .karik-content-Subsystem hr , .karik-content-faq hr , .karik-content-article hr{
    width: 50%;
       background-color: var(--origin13);
    height: 3px;
    padding: 0px;
    border: unset;
}

.karik-content-features hr {
    width: 50%;
    background-color: var(--origin13);
    height: 3px;
    padding: 0px;
    border: unset;
  margin: auto;
}

.master-container-title hr {
    width: 30%;
    background-color: var(--origin13);
    height: 3px;
    padding: 0px;
    border: unset;
    margin: unset;
}

.karik-content-products section p , .karik-content-features section p {
    text-align: justify;
  line-height: 2.8em;
    font-size: 1.1em;
}

.karik-content-features article section h2 {
font-family: dastnevis;
      font-size: var(--very-big);
}



.karik-products {
flex-wrap: wrap;
    display: flex;
        justify-content: flex-start;
}

.karik-products article {
width: calc(100% / var(--item-count2) - var(--gap2));
    padding: 0px var(--gap2);
  text-align: justify;
}

.karik-products article a {
color: var(--origin14);
}

.karik-products article div > a {
background-color: var(--origin13);
    border-radius: 50px;
    color: var(--color16);
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 8px;
    margin-left: 10px;
}

.karik-products article div {
  transition: .3s ease-out;
display:flex;
  align-items: center;
}

.karik-products article div:hover {
padding-right:10px;
  color: var(--origin13);
}

.karik-products article div:hover > a {
transition: transform 0.7s;
    transform: rotateY(360deg);
}

.karik-content-products section figure , .karik-content-features section figure {
text-align: center;

}

.karik-content-products section img , .karik-content-features section img {
  max-height:600px;
height: auto;
  transition: .3s ease-out;
  max-width: 100%;
}

.karik-content-products section img:hover , .karik-content-features section img:hover {
    max-width: 100%;
    transition: .3s ease-out;
    transform: scale(0.95);
}

.karik-content-option , .karik-content-portfolio , .karik-content-Subsystem , .karik-content-faq , .karik-content-article {
padding: var(--gap4) var(--gap8);
}


.karik-content-option
{
  padding-top: 1px;
}

.karik-content-option h3
{
  font-weight:normal;
  font-size:1em;
}

.karik-content-portfolio { 
  background-color: var(--color15);
  text-align:center;
      padding-bottom: 50px;
  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='900' preserveAspectRatio='none' viewBox='0 0 2000 900'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1037%26quot%3b)' fill='none'%3e%3cpath d='M -1016.821999170501%2c83 C -816.82%2c220.4 -416.82%2c734.2 -16.82199917050109%2c770 C 383.18%2c805.8 583.18%2c293.8 983.178000829499%2c262 C 1383.18%2c230.2 1779.81%2c604.6 1983.1780008294988%2c611 C 2186.54%2c617.4 1996.64%2c357.4 2000%2c294' stroke='rgba(255%2c 255%2c 255%2c 0.45)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -1368.8099768581612%2c87 C -1168.81%2c180.8 -768.81%2c527.6 -368.8099768581612%2c556 C 31.19%2c584.4 231.19%2c202 631.1900231418388%2c229 C 1031.19%2c256 1357.43%2c664.6 1631.1900231418388%2c691 C 1904.95%2c717.4 1926.24%2c427 2000%2c361' stroke='rgba(255%2c 255%2c 255%2c 0.45)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -948.7922240807633%2c699 C -748.79%2c591.8 -348.79%2c205.8 51.20777591923675%2c163 C 451.21%2c120.2 651.21%2c474.4 1051.2077759192368%2c485 C 1451.21%2c495.6 1861.45%2c185.2 2051.2077759192366%2c216 C 2240.97%2c246.8 2010.24%2c554.4 2000%2c639' stroke='rgba(255%2c 255%2c 255%2c 0.45)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -1131.3129250999566%2c380 C -931.31%2c409 -531.31%2c549.2 -131.31292509995652%2c525 C 268.69%2c500.8 468.69%2c237.8 868.6870749000435%2c259 C 1268.69%2c280.2 1642.42%2c630.6 1868.6870749000434%2c631 C 2094.95%2c631.4 1973.74%2c335 2000%2c261' stroke='rgba(255%2c 255%2c 255%2c 0.45)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1037'%3e%3crect width='2000' height='900' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

.karik-content-pricelist section li
{
  width:100%;
}

.karik-content-portfolio h2 { 
      color: var(--origin20);
}

.karik-portfolio {
    padding: var(--gap3) var(--gap4);
  background-color: var(--color14);
    text-align: 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%23SvgjsMask1046%26quot%3b)' fill='none'%3e%3cpath d='M1241.55 93.09 a124.82 124.82 0 1 0 249.64 0 a124.82 124.82 0 1 0 -249.64 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M699.51 417.73 a178.49 178.49 0 1 0 356.98 0 a178.49 178.49 0 1 0 -356.98 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M586.22 179.8 a101.55 101.55 0 1 0 203.1 0 a101.55 101.55 0 1 0 -203.1 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M256.63 332.46 a151.66 151.66 0 1 0 303.32 0 a151.66 151.66 0 1 0 -303.32 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M-7.94 303.27 a94.81 94.81 0 1 0 189.62 0 a94.81 94.81 0 1 0 -189.62 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1356.08 106.35 a110.81 110.81 0 1 0 221.62 0 a110.81 110.81 0 1 0 -221.62 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1181.945%2c637.745C1225.807%2c637.806%2c1273.976%2c629.9%2c1295.823%2c591.866C1317.614%2c553.93%2c1301.819%2c507.349%2c1277.879%2c470.731C1256.448%2c437.95%2c1221.11%2c417.772%2c1181.945%2c417.68C1142.613%2c417.588%2c1106.709%2c437.331%2c1085.231%2c470.281C1061.351%2c506.916%2c1046.743%2c553.682%2c1068.613%2c591.551C1090.48%2c629.414%2c1138.221%2c637.684%2c1181.945%2c637.745' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M474.381%2c559.884C503%2c557.42%2c521.771%2c532.344%2c534.658%2c506.672C545.996%2c484.084%2c549.02%2c457.961%2c536.589%2c435.956C523.961%2c413.602%2c500.009%2c401.511%2c474.381%2c399.975C445.332%2c398.234%2c414.207%2c403.626%2c397.767%2c427.638C379.328%2c454.569%2c376.616%2c490.628%2c392.978%2c518.87C409.303%2c547.049%2c441.935%2c562.677%2c474.381%2c559.884' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1675.44 185.24 a133.4 133.4 0 1 0 266.8 0 a133.4 133.4 0 1 0 -266.8 0z' fill='rgba(255%2c 255%2c 255%2c 0.21)' class='triangle-float2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1046'%3e%3crect width='2000' height='560' 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");
  background-position: bottom;
    background-repeat: no-repeat;
}

.karik-portfolio img {
border-radius:10px;
}



.karik-content-consulting {

    
      background-color: var(--origin13);
    margin: auto;
    padding: 1rem;
    border-radius: 30px;
  display:flex;
  
 min-height: 300px;
   
   transition: .3s ease-out;
  margin: 2% 4%;
 
}

.karik-content-consulting form {
    
  text-align: center;
}

.karik-content-consulting section{width:100%;}

.karik-content-consulting h3 {
    color: var(--color18);
    font-size: var(--very-large);
  text-align: center;
}

.karik-content-consulting fieldset {
background-color: unset !important;
    border: 0px !important;
}

.karik-content-consulting legend {
    display: none;
}

.karik-content-consulting fieldset ul li {
    width: 50%;
  height: 50px;
}

.karik-content-consulting fieldset ul li textarea {
    height: 115px !important;
}


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 {

  border-radius: 10px;

        text-align: right ;
  
}

.form-table-place-box ul li
{
  text-align:right;
}

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

  font-weight: normal;
          margin: 5px;
}

form[id^="form"] button:hover {
    background-color: var(--origin21);
    color: var(--color1);
}

.karik-content-consulting h6 {
display:none
}

.message {
    background-color: #a5cf8ff5;
    width: 100%;
    padding: 20px 0px;
    margin: unset;
}

.karik-content-features {
  flex-direction: row-reverse;
}

.icon-angle-double-down {
background-color: var(--origin8);
    border-radius: 500px;
    padding: 20px 10px 8px 10px;
    color: var(--color16);
  transition: .3s ease-out;   
}

.icon-angle-double-down:before {
float:unset
}

.icon-angle-double-down:hover {
    background-color: var(--origin5);
    padding: 15px 5px 0px 5px;
}

.karik-content-Subsystem hr , .karik-content-article hr , .karik-content-faq hr{
    margin: auto;
}

.karik-content-Subsystem , .karik-content-faq {
    text-align: center;
      position: relative;
  overflow: hidden;
}

.karik-Subsystem-place {
flex-wrap: wrap;
    display: flex;
    justify-content: center;
  margin-top: 20px;
}

.karik-Subsystem-place p
{
  text-align:justify
}

.karik-Subsystem-place article {
    margin: 10px;
    border-radius: var(--border-radius);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 2px solid var(--color18);
    padding: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 27%, rgb(245 245 245) 100%);
  transition: .5s ease-out;
      position: relative;
    z-index: 20;
  width: calc(100% / var(--item-count3) - var(--gap2));
}

.karik-Subsystem-place article:hover {
transform: scale(0.98);
}

.Subsystem-first {
 width: 50%;
}

.karik-Subsystem-place article > div {
display: flex;
    flex-direction: column;
    align-items: center;
}


.Subsystem {
    background-color: var(--origin10);
    width: 70px;
    height: 70px;
    padding: 20px 0px;
    border-radius: 50px;
    text-align: center;
      color: var(--color18);
}
.karik-Subsystem-place strong
{
padding: var(--gap2);
}
.Subsystem:hover {
    background-color: var(--origin10);
        transition: transform 0.7s;
    transform: rotateY(360deg);
}

.karik-Subsystem-place article div:hover strong a {
	color:var(--origin11);
}

.karik-content-faq details , .karik-products-faq details {
    background-color: var(--color15);
    width: 100%;
    margin: .2% auto;
 
    border: 1px solid var(--color13);
    text-align: right;
    transition: all 0.5s ease-in-out;
    border-radius: 20px;
  padding: 0 1%;

}

.karik-content-faq details > summary , .karik-products-faq details > summary {
    list-style: none;
    cursor: pointer;
    position: relative;
  display: flex;
  justify-content: space-between;
margin: .3% 1%;
  padding-top: 1%;
}

.karik-content-faq p,details > p {
padding: 0 10px;
 
  margin: 1%;
  margin-top:0;
}

.karik-content-faq details summary:after , .karik-products-faq details summary:after {
    content: '\e831';
    font-family: "webfont";

        color: var(--color9);
  

    font-weight: normal;
  padding:15px;
}

.karik-content-faq h3 , .karik-products-faq h3 {

  font-weight: normal;
  line-height: 1.6;
}

.karik-content-article {
text-align:center;
  background-color: var(--color14);
}

.karik-article-place {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
      margin-top: 20px;
  padding-bottom:20px;
}

.karik-article-place article {
    width: calc(100% / var(--item-count3) - var(--gap2));
        margin: var(--gap1);
    border-radius: var(--border-radius);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
    background: var(--color18);
  transition: .5s ease-out;
}

.karik-article-place article:hover {
transform: scale(0.98);
}

.karik-article-place article img {
	height: 250px;
    object-fit: cover;
    width: 100%;
    transition: .5s ease-out;
    object-position: top;
}

.karik-article-place article figure {
    overflow: hidden;
}

.karik-article-place article img:hover {
   transform: scale(1.1);
}

.karik-article-place article sup {
text-align: left;
    float: left;
    width: 100%;
  color: var(--origin11);
}

.karik-article-place article h3 {
    text-align: center;
    width: 100%;
    line-height: 1.5;
}

.karik-article-place article h3 a {
color: var(--origin13);
}

.karik-article-place article h3 a:hover {
color: var(--origin9);
}

.svg-footer {
  
}

.svg-footer path {
fill: var(--origin12);
}

.svg-footer svg {

}

footer {
   
font-size: var(--medium);
    
}

footer h4
{
  font-weight:bold;font-size:var(--large);
  margin-bottom:5px;
}

footer hr
{
  color:var(--color16)
}

.karik-footer-links {
padding: 0px var(--gap8);
  background-color: var(--origin12);
}

.karik-footer-links h2 {
    color: var(--origin3);
  margin:0
}

.karik-footer-links hr {
    width: 30%;
    background-color: var(--origin3);
    height: 3px;
    margin: 0px;
    padding: 0px;
    border: unset;
}

.karik-links-place ul {
flex-wrap: wrap;
    display: flex;
    margin:0px;
  justify-content: flex-start;
  list-style-type: none;
padding: 10px;
}
.karik-links-place
{

}

.karik-links-place li {
width: calc(100% / var(--item-count3) - var(--gap2));
          margin: var(--gap1) var(--gap1) 0;
  border-bottom: 1px dashed var(--origin8);
  transition: .5s ease-out;
      list-style-type: none;
}

.karik-links-place a {
    color: var(--color18);
}

.karik-links-place a:hover {
padding-right:10px;
  color: var(--origin3);
}

.karik-links-place a:before {
    content: '\e801';
    color: var(--origin6);
    padding-left: 10px;
    font-family: 'webfont';
  font-size: var(--normal);
}

.karik-contact {
    padding: var(--gap2) var(--gap8);
  flex-wrap: wrap;
    display: flex;
  justify-content: flex-start;
      color: var(--color18);
  background-color: var(--origin12);
}

.about-karik img
{
filter: brightness(0) invert(1);
  padding: 10px;
  height: auto;
}

.namad img
{
filter:none;
  height:160px;
  
}

.karik-contact section {
width: calc(100% / var(--item-count2) - var(--gap2));
      margin: var(--gap1);
  text-align: justify;
 
}

.karik-contact section ul {
margin: 0;
    padding: 0;
    list-style: none;
}

.karik-contact section a:before {
  
    color: var(--color14);
    padding-left: 5px;
   width: 40px;
  background-color: var(--origin10-75);
  height: 40px;
  margin-top: 0px;
 
  line-height: 1.8;
}

.karik-contact section a {
color: var(--color18);
  transition: .5s ease-out;
}

.karik-contact section a:hover {
color: var(--origin6);
  padding-right:10px;

}

.karik-copyright {
text-align: center;
   
    color: var(--color16);
    background-color: var(--origin13);
  padding: 15px;
  font-size: var(--verysmall);
}

.karik-copyright a {
color: var(--color16);
}
    --top
polygon(0 0,100% 0,100% calc(100% - 104px),50% 100%,0 calc(100% - 104px))
: polygon(0 0, 100% 0, 100% calc(100% - 104px), 50% 100%, 0 calc(100% - 104px));
    --bottom: polygon(0 0, 50% 104px, 100% 0, 100% 100%, 0 100%);
    --m: -104px;


#demo.clip:before , #demo2.clip:before {
    clip-path: var(--top);
}
#demo:before {
    background: var(--origin15);
}
#demo2:before {
            background-color: var(--color18);
}
#demo:before, #demo:after , #demo2:before, #demo2:after {
    content: "";
}

#demo.clip:after , #demo2.clip:after {
    clip-path: var(--bottom);
}

#demo:after {
    background: var(--color18);
    margin-top: var(--m);
}

#demo2:after {
    background: var(--color14);
    margin-top: var(--m);
}

#demo {
margin-top: -150px;
    height: 210px;
    display: grid;
    grid-template-rows: calc(50% - var(--m) / 2) calc(50% + var(--m) / 2);
    --top: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px));
    --bottom: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
    --m: -40px;
}

#demo2 {
    height: 210px;
    display: grid;
    grid-template-rows: calc(50% - var(--m) / 2) calc(50% + var(--m) / 2);
    --top: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px));
    --bottom: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
    --m: -40px;
      position: relative;
    margin-top: -100px;
    z-index: 0;
}

.hide {
display:none
}


.module-container-ad aside{
   flex:1;
  
    padding: .5% 1%;
    text-align: right;
   background: #f4f4f4;
  margin-top: .5%;
  position: sticky;
 
 
  top: 100px;
height:100%

}

.module-container-ad .master-container {
 flex:4;
  padding: 0 1%;

  text-align: right;
}
 .module-container-ad .search{
    width: 100%;
   display: flex;
   background-color: white;

}

.module-container-ad {
  min-height: 450px;
  display: flex;
  flex-wrap: wrap;
  padding:0 4%;
}


.up {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 20px;
    border-radius: 5px;
    width: 40px;
    height: 35px;
    transition: .3s ease-out;
  text-align: center;
          background-color: var(--opacity1);
  z-index: 30;

}

.up i {
    transition: .3s ease-out;
}

.icon-up::before {
    margin-top: 10px !important;
  color: var(--origin10);
  font-size: 1.2em !important;

}

.fullscreen-video-container {

  position: relative;



  width: 100vw;

  overflow: hidden;
  
  display: flex;

  justify-content: center;

  align-items: center;

}

.fullscreen-video-container video {

  position: absolute;

  width: auto;

  height: auto;

  min-width: 100%;

  min-height: 100%;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  z-index : 1;

}

.wrapper {
	
	direction: rtl;
}


.toc i{
  float:left;
  color:var(--origin10);
  cursor:pointer;
  
  
}
.toc {
PADDING:40PX;
}

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

.contact-us-tele {
cursor: pointer;
position: fixed;
z-index: 110;
float: left;
left: 75px;
padding: 5px 5px 0px 5px;
bottom: 10px;
transition: 0.5s ease-in-out;
background-color: var(--origin11);
border-radius: 50%;
}

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

.contact-us-whatsapp i::before, {
    font-size: 1.5EM;
    margin-top: 8px;
}

.karik-circle01 {
    position: relative;
    width: 100%;
    top: -500px;
}

.karik-circle02 {
position: relative;
    width: 100%;
    top: -800px;
}

.karik-circle01 svg {
    position: absolute;
    z-index: 0;
        fill: var(--origin10-15);
}

.karik-circle01 svg:nth-child(1) {
    width: 200px;
    right: 100px;
    top: 0px;
          fill: var(--opacity0);
}

.karik-circle01 svg:nth-child(2) {
    width: 400px;
    right: -250px;
    top: 50px;
}

.karik-circle01 svg:nth-child(3) {
    width: 400px;
    left: -350px;
    top: 0;
}

.karik-circle02 svg {
    position: absolute;
    z-index: 0;
    fill: var(--origin10-5);
}

.karik-circle02 svg:nth-child(1) {
width: 400px;
    right: -200px;
    top: 300px;
}

.karik-circle02 svg:nth-child(2) {
width: 200px;
    right: 0px;
    top: 50px;
    fill: var(--origin10-15);
}

.karik-circle02 svg:nth-child(3) {
    width: 400px;
    left: -300px;
    top: 50px;
    fill: var(--origin10-15);
}

.karik-circle02 svg:nth-child(4) {
    width: 300px;
    left: -80px;
    top: 450px;
    fill: var(--opacity0);
}

.karik-circle02 svg:nth-child(5) {
    width: 500px;
    right: 50px;
    top: 1000px;
    fill: var(--opacity0);
}

.product-group-effect figure {
    margin: 0px 5px!important;
}

.product-group-effect img {
    max-width:100%!important;
}

.product-group-effect {
height:unset!important
}

.product-group-effect figure {
height: 310px!important;
    object-fit: cover!important;
    overflow: hidden!important;
}

.master-container-title {
     padding: 0 5%;
}

.master-container-title h1 {
    color: #2185C5;
   margin-bottom: 0;
  font-size: 1.3em;
  padding: 10px;
}

.master-container-content {
    min-height: 600px;
 padding: 1% 6%;

 
}

.master-container-content .karik-content-pricelist {
  
}

#formlogin fieldset {
    background-color: unset;
  border-radius: 20px;
    border: 1px solid #edeaea;
}

#formlogin legend {
    text-align: right;
    color: var(--color13);
    font-size: var(--big);
}

.footer-article {
    background-color: var(--color15);
}

.footer-article li {
width: calc(100% / var(--item-count3) - var(--gap1));
    border-bottom: 1px dashed #9a9c9d4f;
    transition: .5s ease-out;
    list-style-type: none;
    font-size: var(--medium);
    margin: var(--gap-5) var(--gap-5) 0;
}

.faq-place strong{font-weight:normal;}

.access-menu ul {
display: flex;
  padding: 40px var(--gap4);
  flex-wrap: wrap;
  margin: 0;
}

.karik-login {
display: flex;
    flex-wrap: wrap;
  padding: 0px 150px;
  align-items: center;
}
.karik-login section {
width: calc(100% / var(--item-count2) - var(--gap1));
  text-align: center;
}

.karik-login section:nth-child(2) {
text-align:left
}

.login-cont {
    margin: auto;
     background-color:unset; 
    border: 0px;
      width: unset;
}

form[id^=form] .login-cont li label:not([class=error]) {
    min-width: unset;
    padding: var(--gap1) 0;
    position: absolute;
    top: 10px;
    z-index: 2;
    margin-right: 15px;
    width: 80px;
    background-color: var(--color16);
    text-align: center;
}

form[id^=form] fieldset li {
    position: relative;
  text-align: right;
}

 form.m24699 fieldset li {
width: 50%;
}

form.m24699 #extrastrtiny,
form.m24699 #extrastrlarge,
form.m24699 #link
{
   text-align: left;
 
}

#qrcode img

{
  margin:auto;
  text-align:center;
}
form[id^="form"].m24699 fieldset li input input,
form[id^="form"].m24699 fieldset li textarea

{
   
  font-size:.9em;
}

 form.m24699 ul{
display: flex;
  flex-wrap: wrap;
}
.login-cont input {
 
}

.login-cont small {
color: red;
    float: right;
}

.forget-password {
    display: block;
    text-align: left;
    color: var(--origin9) !important;
}

.remember {
        margin-top: 0px!important;
  font-size:var(--medium);
}

.remember input {
height:0px!important;
      min-height: 15px !important;
}

input:-internal-autofill-selected {
    background-color: unset!important;
}

.remember a {
color: var(--origin9) !important;
}

.master-container-text2 .karik-content-pricelist {
padding: 0px;
  background-color: unset;
}

.karik-work-samples  {
    width: 100%;
    display: flex;
  flex-wrap: wrap;
    background: linear-gradient(rgba(24, 48, 66, .7), rgba(24, 48, 66, .7)), url(/directory/karikwebcom/images/karik-work-sample-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  padding: 0 var(--gap4) var(--gap3);
}

.karik-work-samples section section , .design-process {
    border-radius: 30px;
      font-size: var(--large);
text-align: right;
background-color:var(--opacity10);
    padding: var(--gap4);
margin: 2% 0 2% 0;
  box-shadow: 0 7px 35px rgba(214, 223, 234, 0.2), 0 2px 3px rgba(159, 166, 174, 0.25);
      transition: transform .5s, box-shadow .3s;
}

.karik-work-samples section section:hover , .design-process:hover {
  box-shadow: 0 7px 35px rgb(90 97 105 / 40%), 0 2px 3px rgb(90 97 105 / 40%);
    transform: scale(1.03);
}

.karik-work-samples section section strong {
    color: #1cbd08;
  font-size: var(--very-large);
}

.karik-work-samples section section article ul {
    list-style: none;
    padding: 5% 0;
}

.karik-work-samples section section article ul li:nth-child(1)::before {
    content: '\e83c';
    color: #7ab502;
    padding-left: 10px;
    font-family: 'webfont';
    font-size: 1.2em;
}

.karik-work-samples section section article ul li:nth-child(2)::before {
    content: '\e810';
    color: #7ab502;
    padding-left: 10px;
    font-family: 'webfont';
    font-size: 1.2em;
}

.karik-work-samples section section article ul li:nth-child(3)::before {
    content: '\e853';
    color: #7ab502;
    padding-left: 10px;
    font-family: 'webfont';
    float: right;
    font-size: 1.2em;
}

.karik-work-samples section section a {
    background: #1cbd08;
    padding: 1rem 1.9rem;
    border-radius: 1.4rem;
    margin: 0 0;
    color: white;
    width: 100%;
    display: block;
    text-align: center;
}

h2.banner-Work-samples-title{
  color: #1cbd08;
  text-align: center;
}

.banner-home {
    border-radius: 30px;
    text-align: center;
    background-color: var(--opacity10);
    padding: var(--gap4);
    margin: 2% 0 2% 0;
    box-shadow: 0 7px 35px rgba(214, 223, 234, 0.2), 0 2px 3px rgba(159, 166, 174, 0.25);
    transition: transform .5s, box-shadow .3s;
}

.karik-product-img img {
    transition: .3s ease-out;
  
     max-width: 100%;
    border-radius: 100%;
      transition: .3s ease-out;
    max-height: 400px;
  width: auro;
  height: auto;


}

body[data-id='29653'] .karik-product-img img {
 
  
  border-radius: unset;

}

body[data-page-type='homepage'] .karik-product-img img {
  
  max-height: 400px;
    width: unset;
    height: auto;
    border-radius:unset;

}

.karik-product-img img:hover {
    transform: scale(0.95);
}

.master-container-text2 {
  padding:3% 4%;
  
}

.karik-prod-place {

}
.theme_parent

{
  background-color: var(--color16);
  text-align: center;
}

.master-container-content .col-3 {
display: inline-block;
    vertical-align: top;
    background: var(--color18);
    transition: all 0.5s ease;
  
    margin: 4px;
    border-radius: 10px;  
  box-shadow: 1px 1px 5px 1px var(--color13);
}

.subsystem-module .col-3

{
 text-align: right;
  background-color: var(--color14);

}

.master-container-content .Possibilities .col-3{

padding: 1%;
}

 .service-container-box i{
color: var(--origin10);
}

.product-home article {
    width: calc(100% / var(--item-count2) - var(--gap2));
  text-align: center !important;
}

.product-home article h2 {
  text-align: center !important;
}

.product-home a:before {
font-size: var(--huge);
}

.advantages-container-pic a:before {
font-size: var(--huge);
    color: var(--color18);
    margin: 0px 25px;
}

.advantages-container-pic h2 {
text-align:center!important
}


.plan-options
{
 margin:2% 9%;
  background-color: var(--color14);
  
  
}

.plan-options li span
{
  min-width: 19%;
  text-align: center;
}


.plan-options .subject,
{
 min-width:35%;
}


.plan-options .first-row
{

}

.plan-options .first
{

}
.plan-options .second
{
 
}
.plan-options li span.third,.plan-options li span:nth-child(4)

{

}

.plan-options li .template-link
{
background-color: var(--origin8);
  border-radius: 10px;
  color: white;

  min-width: auto;



}

.plan-options li:nth-child(2n)
{
  background-color:var(--color15);
  
}


.plan-options ul li 
{
 list-style:none;
  font-size:var(--medium);
  padding:12px;
border-bottom: 1px solid var(--color13);

  
}

.box-plan li code {
  padding: 2px 7px;
  border-radius: 5px;
  font-family: 'iransans';
  font-size: 1.9em;
  color: orange;
}


.template-link a:link,.template-link a:visited,.template-link a

{
  
   background-color: var(--origin8);
  
  color: var(--color16);
  padding: 10px;
  border-radius: 10px;

  display: block;

  margin: auto;
  
}

.template-link a

{
  
   background-color: var(--origin11);

  
}


.template-link a:hover

{
  
   background-color: var(--origin11);
}

.parent-box-plan
{
 display: flex;
  justify-content: center;

  
}

.form-table-place-box ul{padding:2% 10%}


.box-plan
{

  margin: 7px;
  border-radius: 5px;
  padding: 10px;
  width: 250px;
  text-align: center;
 
  box-shadow: 0 8px 16px #303fa114 !important;
  background-color: white;
  
}
.customize .box-plan{
background-color: var(--color14);
}
.box-plan strong{

color: var(--origin10);
  font-size: 2.5em;
  font-family: iransans;

}

strong.other-price{



width: 60px;

}

.box-plan sub{


}
.customize 
{
  display:flex;

  justify-content: center;
 
}

.customize .box-plan article{


  
 padding: 25px;
 height:110px;
  
  color: var(--color1);
  font-size: 1.1em;
 

}

.box-plan article {
  color: var(--color5);
  font-size: .9em;
  font-family: iransans;
  height: 30px;
  line-height: 1.2;
}

.plan-text
{
  display:flex
}

.plan-text article
{
  
width: 120px;
  padding: 6px;
  text-align: center;
  margin-bottom: 30px;
}


.plan-options .h3
{
  text-align:center;


 color:navy;

  font-size: 2em;
 margin-top: -11px;
font-weight: bold;


}
.plan-options .h4
{
  text-align:center;


 color:var(--color12);

  font-size: 1.5em;
  margin-bottom: 0;



}

.plan-options .h5
{
text-align: center;
  color: orange;
  font-size: 1.2em;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: iransans;
  line-height: 1.2;


}

.template-link {margin-top:10px;
margin-bottom: 10px;
}

 .plan-options li  code
  {
      padding:4px 8px;
  border-radius: 5px;
  font-family: 'vazir';
}
  .plan-options li  code[data-code="✔"]
  {
  
  color: green;
  background-color: #c1eec1;

}

  .plan-options li  code[data-code="✖"]
  {
  
  color: red;
  background-color: #eec1c1;
 
}
  

.plan-options ul
{
  
  margin:0;
    padding:0;
   background-color:var(--color14);
}
  

.tab {
  overflow: hidden;
  border-bottom: 1px solid var(--color14);
 
  margin: auto;
  text-align: center;
  border-bottom: 0;
 background-color: white;

  border-radius: 5px;


}

section.tab-internal
{
  background-color:var(--color14) ;
}

 button, html:lang(fa) input[type="button"] {

  color: var(--origin15);
   text-align: center;
  color: white;
}

.form-table-place-box {
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #cbcbcb;
  margin-top: 10px;
  padding-bottom: 20px;
  text-align:center;
}

.form-place form fieldset {


    background-color: white;
  border-radius: 10px;
}


.tab button {
   background-color: var(--origin4);

  border: none;
  outline: none;
  cursor: pointer;
  padding: 7px 2px;
  transition: 0.3s;

  min-width:150px;
  
  border-radius:0;
  margin:0 5px;
  border-radius: 6px 6px 0px 0px;
  font-size: var(--medium);
  color: black;

}


.tab button:hover {
  background-color: var(--color14);
}


.tab button.active {
  background-color: var(--color14);
  color: black;
}


.tabcontent{
  display: none;
 border-radius: 10px;
  

}

.tabcontent:first-child {
  display: block;
  

}


.tabcontent ul{
margin: 0;
  padding: 0;

  background-color: var(--color16);

}


.gogetform
{
  cursor:pointer
}

  
  .body a:link,.body a:visited
  {
    color:#1a73e8;
  }
.content-body{
background-color: var(--color16);
  padding: 1% 5%;
  text-align: justify;
}

.Possibilities 
{

display:flex;
flex-wrap:wrap;
    justify-content: center;
  background-color: white;
 
 
  border-radius: 20px;
  padding-top:1%;
   padding-bottom:3%;

}
  .Possibilities section
  {
  width: calc(100%/var(--item-count5) - var(--gap2));
    text-align:right;
  }



.namad

{

display:none
}


.karik-link-blue
{
  cursor:pointer
}


.access-menu .row
{
  display:flex;width:100%
}



.master-container-text {
   min-height: 600px;

width:100%;

  margin-top: 0;
  text-align: justify;
  padding: 2% 3%;
 
}
form label:not(.error) {

  font-size: .9em;

  text-align: right;

}



    .body  table {
            width: 80%;
            border-collapse: collapse;
            margin: 5px auto;
    
        }
       .body th, .body td {
            border: 1px solid var(--color11);
            padding: 2px;
            text-align: center;
        }
        .body th {
            background-color: var(--color12);
        }


.body tr:nth-child(odd) {
            background-color: var(--color14);
        }
.ckeditor-html5-video
{
  text-align:center
}


.module-container-ad aside div a {
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='600' height='200' preserveAspectRatio='none' viewBox='0 0 600 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1023%26quot%3b)' fill='none'%3e%3cpath d='M -228.32642441081242%2c97 C -198.33%2c111.4 -138.33%2c170.6 -78.32642441081241%2c169 C -18.33%2c167.4 11.67%2c93.4 71.67357558918759%2c89 C 131.67%2c84.6 161.67%2c146.2 221.67357558918758%2c147 C 281.67%2c147.8 311.67%2c88 371.6735755891876%2c93 C 431.67%2c98 476.01%2c185.2 521.6735755891876%2c172 C 567.34%2c158.8 584.33%2c56 600%2c27' stroke='rgba(255%2c 255%2c 255%2c 0.23)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -58.280100839265444%2c89 C -28.28%2c92.2 31.72%2c111.6 91.71989916073456%2c105 C 151.72%2c98.4 181.72%2c46.2 241.71989916073454%2c56 C 301.72%2c65.8 331.72%2c156.2 391.71989916073454%2c154 C 451.72%2c151.8 481.72%2c46.6 541.7198991607346%2c45 C 601.72%2c43.4 680.06%2c147.8 691.7198991607346%2c146 C 703.38%2c144.2 618.34%2c58 600%2c36' stroke='rgba(255%2c 255%2c 255%2c 0.23)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -111.47154769252819%2c155 C -81.47%2c130.2 -21.47%2c38.2 38.5284523074718%2c31 C 98.53%2c23.8 128.53%2c116.8 188.5284523074718%2c119 C 248.53%2c121.2 278.53%2c45.4 338.5284523074718%2c42 C 398.53%2c38.6 428.53%2c92 488.5284523074718%2c102 C 548.53%2c112 616.23%2c87.8 638.5284523074718%2c92 C 660.82%2c96.2 607.71%2c116.8 600%2c123' stroke='rgba(255%2c 255%2c 255%2c 0.23)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -137.41427482510954%2c144 C -107.41%2c123.6 -47.41%2c40.4 12.585725174890467%2c42 C 72.59%2c43.6 102.59%2c148.2 162.58572517489046%2c152 C 222.59%2c155.8 252.59%2c55.8 312.58572517489046%2c61 C 372.59%2c66.2 402.59%2c170.4 462.58572517489046%2c178 C 522.59%2c185.6 585.1%2c98 612.5857251748905%2c99 C 640.07%2c100 602.52%2c166.2 600%2c183' stroke='rgba(255%2c 255%2c 255%2c 0.23)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1023'%3e%3crect width='600' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

.module-container-ad aside div a:nth-child(1) {
  background-color: rgb(82, 165, 41);
}

.module-container-ad aside div a:nth-child(2) {
    background-color: rgb(79, 105, 234);
}


.module-container-ad aside div a:nth-child(3) {
    background-color: rgb(82, 165, 41);
}

.module-container-ad aside div a:nth-child(4) {
    background-color: rgb(255, 128, 0);
}

.module-container-ad aside div a:nth-child(5) {
    background-color: rgb(239, 79, 79);
}


.module-container-ad aside div a:nth-child(6) {
    background-color: rgb(59, 89, 152);
}

.module-container-ad aside div a:nth-child(7) {
  background-color: red;
}
.master-container-content img {
  max-width: 100%;
}

#confirmmobile,#confirmcode

{
text-align:left;
  width:70%;

}

.formCodeconfirm span
{
  font-size:.9em;
}

.theme-category h3
{
  line-height:1.4;
  font-weight:normal;
  margin:1%;
 
  min-height: 70px;
  border-radius: 5px;
}

.sample-container h3
{
   font-weight:normal;
  font-size:1em;
}

.sample-container-link a
{
  border-radius:5px;
}

.karik-content-article
{
  
  display:none;
}

.customize
{
 
}


.slideup-price
{
    text-align:center;
  width:100%;
}

.slideup-price h2
{
font-size: 1.3em;


  font-weight: normal;
  line-height: 1.2;
  padding: 10px;
  margin: auto;
  cursor: pointer;
  text-align: center ! important;
  border-radius: 10px;
}

.icon-angle-down::before {
  content: unset ! important;
}
.icon-angle-down::after {
  content: '\f107';
  font-family: "webfont";

  width: 1em;
  color:var(--origin7);
  padding:5px;
  margin-top:10px
}

#txtsearch, #txtsearch:focus, #txtsearch:active, #txtsearch:hover {
  outline: none;
  min-height: 40px;
}
#txtsearch {
  background-color: transparent;
  color: var(--color1);
  padding: 0px;
  margin-top: 0px;
  border: 0px;
  float: right;
  font-family: 'iransans';
  text-align: right;
  width: 80%;
  padding: 2px 5px 0px 0px;
}

.access-menu li:last-child {
  border: none;
}

.pathUrl {
  background-color: #f4f4f4;
  padding: 15px;
  width: 100%;
  float: right;
  text-align: right;
  margin-bottom: 10px;
  border-radius: 10px;
}

.master-container-content .view {
  text-align: center;
  cursor: pointer;
}

.sample-container-link {
  padding: 2px;
  width: 100%;
  bottom: 0px;
  position: absolute;
  z-index: 5;
  background: rgba(255, 255, 255, 1);
  min-height: 50px;
  border-top: 1px #bfbfbf solid;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.sample-container {
 
  text-align: center;
  padding: 0 var(--gap4);
}



.sample-container .col-4 {
  width: 30%;
  margin: 20px 1.5%;
  outline: 2px #ffffff solid;
  box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);
  border-radius: 15px;
  transition: 0.5s ease-out;
}
.sample-container-link div:nth-child(1) a {
  border-radius: 0px 0px 30px 0px;
  font-size: .9em;
}
.sample-container-link div a:hover {
  color: black;
}
.btn a:hover {
  background: rgb(0, 202, 255) !important;
}
.view img {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
}
.effect img {
  opacity: 1;
  transform: scale(1,1);
  transition: all 0.3s ease-in;
}

.theme-category h3 {
  display: inline-block;
  display: inline-block;
  width: 17%;
  margin: 10px 0.5%;
  padding: 2% 1%;
  color: white;
  vertical-align: middle;
  background-color: var(--origin11);
}

.col-4 {
  width: 31%;

  display: inline-block;
}

.view {
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin: 1%;
  height: 550px;
  outline: 2px #ffffff solid;
  box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);
  width: 23%;
}


.view .content {
  top: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.g29653 .view,.g34208 .view,body[data-id='46814'] .view,body[data-id='46694'] .view

{
  height: 320px;
}

.btn a {
  padding: 10px;
  background: #2185c5;
  color: #fff;
  transition: 0.5s ease-out;
  margin: 0px 5px;
  cursor: pointer;
  margin: 1%;
  display: inline-block;
}

.sample-container-link a {
  float: right;
  background: #2185c5;
  color: white;
  width: 140px;
}
.btn a {
  margin: 0;
}

.theme-category h3 a:link, .theme-category h3 a:visited {
  color: white;
  padding: 4%;
}


.introduce h3:hover, .theme-category h3:hover {
  transform: translateY(-5px);
}

.formMobileconfirm fieldset .register, .formCodeconfirm fieldset .register {
  text-align: center;
  float: none;
}



  .index-pic img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 5px;
    padding: 3%;
border: 2px solid #e3e0e0;
transition: .5s ease-out;
  
}

.bounce-top::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #5f7500;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.portfolio-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}

.portfolio-content .bounce-top {
  border-radius: 15px;
  width: 31%;

}
.portfolio-content .bounce-top h3 {

  background: var(--color13);
  margin: 0;
  padding: 5%;

  border: 5px solid #fff;
  border-radius: 10px;
}

.portfolio-content .view
{
  height:auto;
}

.portfolio-content img {
  height:250px;
  width: 100%;
  object-fit: cover;
  padding-bottom: 5px;
  border-bottom: 1px solid #c1c1c1;
  object-position: top;
}

.body, .bodytext {
  line-height: 2.2;
  background-color: white;
  padding: 2% 4%;
  text-align: justify;
}

.master-container-content h2 {
  color: #2b658a;
  text-align: right;



  margin-bottom: 10px;


}



.master-container-content .col-3:hover {
  box-shadow: 1px 1px 5px 1px #9f9f9fc7;
}

#txtsearch  , #txtsearch:focus , #txtsearch:active, #txtsearch:hover{
  	outline:none;
  min-height: 40px;
}
.search-result {
    float: right;
    width: 100%;
}
.search-result article {
    float: right;
    width: 100%;
}
.search-result article.icon-circle::before {
    font-size: 0.8em;
    color: #1a466b;
}


.form-table-place-box #form4 label:not(.error)

{
  
    min-width:60px;
   direction: ltr;
  padding-top: 10px;
  background-color: var(--color14);
  border-radius:0 ;
  margin-right: 0px;
  text-align: right;

font-size: .75em;
  height: 40px;
  margin-top: 0;

  border: 1px solid var(--color13);
  border-right: none;
 


}
.form-table-place-box #form4 fieldset li input
{text-align: left;float:left;
  direction:ltr;
 border-radius:0 ;

}
.form-table-place-box #form4 fieldset li input:focus
{outline: none;
border:1px solid var(--color12);}

.rdodomain{display:none}

.form-table-place-box #form4 fieldset li li{width:auto}
.form-table-place-box #form4 fieldset  li{}

#txtdomain{
  width:200px;
  margin: 0;
  border-left: none;

text-align: left !important;
  font-size:.8em;

}

.form-table-place-box form ul
{
  padding:2% 10%;
}

.form-table-place #form1 ul{

padding:2% 30%;

}

.form-table-place-box fieldset div {
  width: 100%;
  padding-top: 15px;
  float: left;
  text-align: center;
}

#form4
{

}

.formMobileconfirm fieldset .register, .formCodeconfirm fieldset .register {

  text-align:center;
  float: none;
 
}
.form-table-place-box fieldset div {
  width: 100%;
  padding-top: 15px;
  float: none;
  text-align: center;
}
.form-table-place-box #form4 fieldset li .li-domain
{
  display:flex;
  border-radius: 0;
  justify-content: center;

}


#txtsuffix{
  
width: 110px;
  text-align: left !important;
  font-size: .8em;
  margin: 0;
  border-left: none;


}

.form-table-place-box > div {

  width:50%;
  margin: auto;

  text-align: center;
  margin-top: 20px;
}

.form-title {
  text-align: right;
  font-weight: bold;
  color: #747474;
  padding:1% 2%;
    
  padding-bottom: 0;
}
.master-container video
{
  max-width:100%;
}
.label-bot {
  width: 99%;
  text-align: right;
  margin-top: 30px;
  margin-bottom: 20px;
}

.form-place .form-table-place:nth-child(3) li {
    width: 100%;
  text-align:right;
}
.form-table-place-box fieldset {
border: none;
    margin: 0;
    
    width: 100%;

}

.form-place {
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin: auto auto;

  margin-bottom: 50px;
}

.form-place .form-table-place-box ul li figure {
    border: unset;
}

.form-table-place-box kbd{width:60px;}

.form-table-place-box fieldset i{
     font-size: 6em;
    color: #b7b7b7;
}

form label.error {

  
  left: 20%;
  right:unset;

}

.form-place ul li figure:hover {
  transition: transform 0.7s;
  transform: rotateY(360deg);
}
.form-place ul li figure {
  border-radius: 50px;
  width: 60px;
  transition: 0.8s ease-out;
  height: 60px;
  background-color: white;
  margin: 5px auto;
  border: 7px solid;
  line-height: 45px;
  text-align: center;
  color: #969696;
}
.tick {
  font-family: "webfont";
  color: green !important;
}

.tick::before {
  content: '\e851' !important;
  font-family: 'webfont' !important;
  color: #80c802 !important;
}

.tick > span {
  display: none;
}
.form-place ul li span {
  font-weight: bold;
}
.form-color1 {
  color: #747474;
}



.form-place ul li {
  display: inline-block;
  margin: 1% 3%;
  text-align: center;
  vertical-align: top;
}

.form-icon-place li
{
  line-height:1;
}

.form-place ul li figure {
  border-radius: 50px;
  width: 60px;
  transition: 0.8s ease-out;
  height: 60px;
  background-color: white;
  margin: 5px auto;
  border: 7px solid;
  line-height: 45px;
  text-align: center;
  color: #969696;
}

.stepbystep ul {
  display: flex;
  padding: 0;
  margin: 0;
}
.form-place ul {
  list-style: none;

  width: 100%;
  padding-right: 0;
  justify-content: center;
  margin-top: 10px;
  text-align: center;
}

form[id^="form"] input[type="button"]:hover, form[id^="form"] button:hover {
  background: rgb(0, 202, 255);
}
.form-table-place-box .btn a {
  width: 140px;
}

.contactform {
  float: left;
  width: 48%;
  margin: 0 1%;
  padding: 0;
}
.master-container-content .contact_us {
  float: right;
  width: 48%;
  margin: 0 1%;
}

.faq-place {
  width: 100%;
  text-align: justify;
}

.faq-place fieldset {
  border: 1px solid #e0e0e0;
  margin-bottom: 5px;
}
.faq-place fieldset {
  border: 1px solid #e0e0e0;
  margin-bottom: 5px;
  text-align: justify;
  width: 100%;
}

.reply {
  padding: 10px 2px;
  display: none;
  color: black;
}

.tabcontent span {
  display: inline-block;
}

.article-list {
    display: flex;
    flex-wrap: wrap;
}

.index-pic {
    flex: 1;
}

article.toc {
background-color: #ececec;
    padding: 1.5%;
    border-radius: 2%;
    flex: 1;
    margin-left: 20px;
}

article.toc ul 
{
padding:4%;
margin:1%;
  padding-top: .2%;
}

article.toc a:link, article.toc a:visited {
  color: black;
}

.body img {
  border-radius: 20px;
  border: 2px solid #e3e0e0;
  padding: 4px;
  max-width: 100%;
  transition: .5s ease-out;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}




.master-container .master-container-text h2::before {
  content: '\e82e';
  color: #2185c5;
  padding-left: 10px;
  font-family: 'webfont';
  margin-right: 2px;
  text-align: right;
}
.search-place {
  float: right;
  width: 100%;
  text-align: right;
}
.search {
  display: inline-block;
  text-align: right;
  background-color: #fff;
  border: 1px #e1e1e1 solid;
  width: 50%;
}
.film-section {
  line-height: 250%;
  padding: 15px;
    padding-top: 15px;
  text-align: justify;
  font-weight: normal;
  margin-bottom: 20px;
  float: right;
  text-align: center;
  width: 100%;
  padding-top: 35px;
}

.film-section ul li::before {
  content: "•";
  margin-right: 5px;
  position: relative;
  top: 11px;
  color: #2185c6;
  font-size: 3em;
}
.film-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.help-group {
  width: 48%;
  float: right;
  border: 1px dotted #c8c5c5;
  padding: 0;
  text-align: right;
  display: flex;
  margin: 5px;
  min-height: 50px;
}
.help-group a {
  color: #1b3d53;
  text-decoration: none;
  transition: all 0.4s;
}
.help-group h4 {
  text-align: right;
  margin: 0;
  padding-top: 2%;
}

.master-container-content .news-section.news-section-video {
  width: 31%;
  margin: 1%;
  display: inline-block;
  float: none;
  vertical-align: top;
  border: 1px #ccc solid;
}
.master-container-content .news-section span {
  width: 100%;
  background: #474747;
  padding: 2%;
  display: inline-block;
  text-align: center;
}

.master-container-content div.section5 .col-3 {

  padding: 1% 1%;
  border: solid 1px #e0e0e0;
  margin: 1%;
}
.master-container-content .section5 {
  text-align: center;
}
.properties-pic {
background-color: var(--origin11);
  width: 120px;
  border-radius: 10px;
  display: inline-block;
  transition: 0.8s ease-out;
  margin-top: 15px;
  padding: 5%;
}

.master-container-content .section5 p {
  min-height: 210px;
  text-align: justify;
  padding: 4%;
}

.subsystem-module {
  width: 100%;
  text-align: center;
  padding: 0;

}
.master-container-content .news-section.news-section-video img {
  height: 250px;
  object-fit: cover;
}

.master-container-content .news-section span a {
  color: #fff;
}
.master-container-content .news-section.news-section-video figure {
  line-height: 0;
  text-align: center;
}
.subsystem-module .col-3 p {
  width: 100%;
  text-align: justify;
  position: absolute;
  top: 40px;
  right: 0px;
  background-color: #e3e3e3;
  padding: 7px;
  z-index: 1000;
  border: 2px dotted #CCCCCC;
  font-size: 0.8em;
  max-height: 250px;
  overflow-y: auto;
  display: none;
}

.subsystem-module .col-3 {
  min-height: 40px;
  min-width: 190px;
  text-align: right;
  position: relative;
  display: inline-block;
}

subsystem-module .col-3 {
  float: unset;
  display: inline-block;
  vertical-align: top;
  color: #1e1d1d;
  width: 49%;
}
.col-3 {
  width: 26%;
  margin: 1%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background-color: var(--color14);
  padding: 1%;
}
.advantages-container-pic i, .properties-pic i {
  color: #fff;
  font-size: 1.6EM;
}

.faq-place i {
  float: left;
}

.question {
  color: #1c6fa4;
}

.faq-place li h3 {
  margin: 2px;
  padding: 5px;
  line-height: 2;
  font-weight: normal;
  font-size: 1em;
  color: black;
}

.faq-place li {
  border-bottom: 2px #dedcdc dotted;
  text-align: justify;
  font-size: 1.15em;
  width: 100%;
  margin: auto;
}

.icon-add::before {
color: var(--color5);
  font-size: 1em !important;
  padding: 5px;
}

.template-slider ul1,.template-slider1 ul1
{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}

.template-slider li,.template-slider1 li
{
 
list-style: none;
 
  border:1px solid var(--color14);
  padding:5px
}

.template-slider li img,.template-slider1 li img
{
  height:600px;
  width:350px;
  object-fit:cover;
  max-height:600px;

  max-width:100%;
  object-position: top;
  border-radius: 10px;

  
}

div.master-container-text .film-section li {
  text-align: right;
}
.film-section ul li {
  border-bottom: 1px dotted #ccc;
  padding: 5px 0;
  transition: all 0.5s ease;
  background-color: #f7f4f4;
  margin: 5px 5px;
}
section.services {
  background: white;
  text-align: center;
  padding: 2%;
}

section.services .row{

}
.services .row .col-4:hover {
  background-color: white;
  transform: scale(1.03);
  border-radius: 20px;
  transition: all 0.4s;
}

.advantages-container-strong
{
  margin-top:25px;
}
.services .row .service {
  min-height: 480px;
}
.services .row .col-4 {
  display: inline-block;
  vertical-align: middle;
  margin: 1%;

  transform: perspective(1px) translateZ(0);

  transition-duration: 0.9s;

  transition-property: transform;
  padding: 1%;
  width: 23%;

  vertical-align: top;
  background: #ffffff;
    background-color: rgb(255, 255, 255);
  border-radius: 20px;
  box-shadow: 0 7px 35px rgb(90 97 105 / 20%), 0 2px 3px rgb(90 97 105 / 25%);
  min-height: 450px;
}

.services .row .col-4::before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  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%);

  transition-duration: 0.3s;

  transition-property: transform, opacity;
}
section.services h2 {
margin:0;
  text-align: center;
    padding: 15px;
}

.advantages-container-pic {
  background-color: #1e5385;
  margin-top: 30px;
  padding: 20px 0px;
  border-radius: 20px;
  display: inline-block;
  transition: 0.8s ease-out;
  min-width: 100px;
  transition: 0.8s ease-out;
}
.advantages-container-pic a::before {
  font-size: var(--huge);
  color: var(--color18);
  margin: 0px 25px;
}
.lSSlideOuter .lSPager.lSpg
{
  margin-bottom: 30px !important;
}

.titrh2
{
  font-size: 1.2em;
  font-weight: bold;
  padding: 14px 8px;
  padding-bottom: 5px;
  
}

.titrh2-footer
{
  font-size: 1.2em;
  font-weight: bold;
  padding: 14px 8px;
  padding-bottom: 5px;
  color:white;
  text-align:center;
  
}

.karik-products-faq p
{
  padding:.5% 2%;
}



/* shopping-basket	*/

.prod-details-place-container {
    display: flex;
    flex-wrap: wrap;
      width: 100%;
}

.prod-details-place-container > div {
    width: calc(100% / var(--item-count3));
    padding: var(--gap1);
}

.details-container {
    flex: 2;
}

.details-container h1 {
    color: var(--color5);
    width: unset;
    background-color: unset;
    text-align: right;
    margin: var(--gap3) var(--gap1);
}

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

.details-container ul, .payment-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.payment-container {
    flex: 1;
}
.payment-container {
    user-select: none;
}

.payment-container > div {
    background-color: var(--color14);
    border-radius: var(--border-radius);
    padding: var(--gap6);
}

.payment-container > div > ul {
    margin-bottom: var(--gap4);
    border-bottom: 1px solid var(--color11);
    padding-bottom: var(--gap4);
}

.payment-container li {
    margin: 10px 0px;
}

.payment-container ul li :before {
    font-size: var(--normal);
    color: var(--origin11);
    margin-left: var(--gap2);
}

.payment-container ul li span {
    font-size: var(--small);
}

.payment-container div ul li span:last-child {
    font-size: var(--medium);
}

.prod-short-detail {
    background-color: var(--color14);
    border-radius: var(--border-radius);
    position: relative;
}

.prod-short-detail label {
    width: 120px;
    display: inline-block;
    text-align: justify;
    padding: 0 10px;
}

.prod-short-detail section div span {
    color: var(--color4);
}

.prod-short-detail section div sub {
    color: var(--color4);
}

.prod-short-detail > div:nth-child(2) {
    margin-top: var(--gap5);
    border-top: 1px solid var(--color11);
}

.shopping-cart li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

article.count {
    font-size: .8em;
    padding: 2%;
}

.prod-short-detail article {
    border-radius: var(--border-radius);
    width: 120px;
    text-align: center;
    background-color: var(--color16);
    color: var(--color1);
}

.prod-short-detail article i {
    padding: 0 8%;
}

.shopping-cart li:last-child {
    display: unset;
}

.basket-box {
    margin: 0 var(--gap-5);
}

.basket-box a, .basket-box a:visited, .basket-box a:link {
    background: var(--origin10);
    color: var(--color16);
    border-radius: var(--border-radius);
    padding: 7px;
    font-size: var(--medium);
}

.basket-box .icon-basket-1:before {
    color: var(--color16);
}

.exist-bottom {
    border-radius: var(--border-radius);
    padding: 8px;
    width: 100%;
    text-align: center;
    color: var(--color1);
    background-color: var(--origin8);
    position: absolute;
    z-index: 50;
}

.pic-container {
    position: relative;
}

.pic-container mark {
    position: absolute;
    left: 3px;
    top: -10px;
    border-radius: 50%;
    background-color: var(--origin10);
    z-index: 50;
    padding: var(--gap1);
    color: white;
}

.shopping-pics img {
    max-width: 100%;
    max-height: 600px;
    width: 100%;
    object-fit: cover;
  border-radius: 30px;
}



/* shopping-basket	*/






/* Under 1600px	*/
@media (max-width: 1620px) {
  
  .index-pic {
    flex: 0.8;
}
  
  
    .Possibilities section {
  width: calc(100%/var(--item-count4) - var(--gap1));
}
  
  .product-group-effect figure {
    height: 265px !important;
}

.karik-content-products section:nth-child(2) {
flex: 2;
}

.karik-content-products section:nth-child(3) {
flex: 1.4;
}
}

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

  
  article.toc {
    flex: unset;
    width: 100%;
    margin-bottom: var(--gap4);
    margin-left: 0px;
}
  
  .index-pic {
    flex: unset;
    width: 100%;
}
  
  .module-container-ad {

  padding: 0 1%;
}
  
  
  .karik-content-consulting {
   
  
    max-width:100%;
 
    
}
  
  .product-group-effect figure {
    height: 225px !important;
}
  
  .karik-banner, header {
    padding: 0px var(--gap2);
}
  
  .karik-content-pricelist, .karik-content-option, .karik-content-Subsystem, .karik-content-faq, .karik-content-article {
    padding: var(--gap3) var(--gap2);
}
  
.karik-content-portfolio, .karik-content-features {
 
  }
  
  .karik-content-products {
    padding: 0 var(--gap2) var(--gap3);
}
  
  #demo2 {
    margin-top: 0px;
}
  
  .karik-contact , .karik-footer-links {
    padding: var(--gap2) var(--gap2);
}
  
  .footer-article li {
    width: calc(100% / var(--item-count2) - var(--gap1));
}
}

/* Under 1280px	*/
@media (max-width: 1300px) {
  
  .karik-content-features section p {
    line-height: 2em;
    font-size: 1em;
}
  
  .module-container-ad .master-container {
    flex: 3;
}
  .master-container-title {
     padding: 0px 
}
  
  .master-container-text {
    padding: 2% 0%;
}
  
  .body, .bodytext {
    padding: 2% 2%;
}
  
  .titrh2 {
    font-size: 1.1em;
}
  
     .Possibilities section {
  width: calc(100%/var(--item-count3) - var(--gap1));
}
  
  
  #consulting {
   
}
  
  .karik-product-video video {
    width:500px!important;
            border-radius: 50px;
}
  
.karik-banner h1 {
 
}
  #demo {
    margin-top: -50px;
}
  
  .karik-login {
    padding: 0px 0px;
}
}


/* Under 1024px	*/
@media (max-width: 1024px) {
  
  .karik-content-features article section:nth-child(odd) {
    background: var(--origin3);
    min-height: 350px;
}
  
  .karik-content-features article section:nth-child(even) {
    background: var(--color18);
}
  
  
  .view {
  
  width: 48%;
}
  
  .portfolio-content {
 
  
    margin: 0;
    padding:1%;
}
  
  .karik-content-pricelist section {
  width: calc(100% / var(--item-count3) - var(--gap1));
  }
  
  .form-place #form1 ul {
    display: unset;
  }
  
  .karik-product-img img {
    width: 450px;
}
  
    .plan-options li span
{

min-width: 33%;
  
}

      .plan-options li span{
font-size: .8em;
 
  }
  .plan-options li span:nth-child(1)
{
width: 100%;
    font-size: 1em;
  padding: 15px;
}
  
  .plan-options
{

  background-color: var(--color14);
}
  
  .box-plan {

padding: 3px;
    width: 32%;
  
}
  
  .product-group-effect figure {
    height: 255px !important;
}
  
  .master-container-content .col-3 {
    width: 48%;
}
  
  .karik-login section:nth-child(2) {
    text-align: center;
}
  


  
  .karik-content-consulting span {
  text-align: center;
    padding: var(--gap6);
}
  
  .menu {
    display: inline;
    flex: 1;
}
  
  .karik-start a {
    padding: var(--gap2);
 
}
  
  .karik-logo-place {
    text-align: center;
}
  
    .menu i {
  display: block;
    text-align: right;
            color: var(--color5);
      padding: 5px;
  }
  
     .menu-place {
        position: absolute;
        width: 100%;
        right: -1050px;
        top: 95px;
       display: none;
    }
  
  .karik-content-option div section {
    width: calc(100% / var(--item-count5));
}

  .fixed .menu-place {
          top: 70px;
  }
  

  
  .dropdown ul {
  width: 100%;
background-color: var(--color15);
   box-shadow: 0px 6px 9px -3px rgba(51,51,51,0.75);
  }
  
  .dropdown ul li {
  display: block;
    padding: 10px 15px;
    border-bottom: 1px dotted var(--color10);
  }
  

  
  .dropdown ul li:last-child {
   border-bottom: unset;
  }
  
  .dropdown li span {
  float: left;
  }
  
  .dropdown ul li li {

  width: 100%;
}
  .dropdown ul li li.hover, .dropdown ul li li:hover {
  background-color: unset;
}
  
  .dropdown ul li.hover, .dropdown ul li:hover {
  border-bottom: 1px dotted var(--color10);
  }
  
  
  .dropdown ul li a, .dropdown ul li a:visited, .dropdown ul li a:link {
  color: var(--color1);
  }
  
      :root {
  --item-count2: 1;
        --item-count4: 2;
  }
      .karik-content-products section:nth-child(2) {
        flex: unset;
    }
}


/* Under 820px	*/
@media (max-width: 820px) {
  
  .master-container-content h2 {
 
  font-size: 1.2em;
}
  
  
  
  .karik-banner h2 {

  font-size: 1.3rem;
}
  
    .karik-banner h3 {

  font-size: 1.1rem;
}
  
  
  
  .portfolio-content .bounce-top {
  width: 48%;
  
}
  
  .services .row .col-4 {

  padding: 1%;
  width: 48%;
  }
  
  .body img {

  height: 100%;
  }
  
  
  .module-container-ad aside {
 
  margin-top: .5%;
  position: unset;
  width: 100%
  top: unset;
  height: auto;
    padding:0 20%
}
  
  .form-table-place #form1 ul {
  padding: 2%;
}
  
  .form-table-place-box form ul {
  padding: 1%;
}
  
  .form-table-place-box fieldset div {

  padding-top: 1px;

}
  .form-place ul li span {
 

    font-size: .7em;
    font-weight: normal;
}
  
  .module-container-ad
  {
  
  display:unset
  
  }
  
  .tab {

  background-color: var(--color14);
    padding: 4% 0;
  }
  
    .module-container {
  
    min-height: 550px;
  }
  
  
  
  .master-container-text {min-height:auto}
  
  .body h2,.body h3{
    line-height:1.4;
    line-height: 1.4;
    font-size: 1.2em;
    text-align: right;
    
  }
  
  .body h3{
    
    font-size: 1.1em;
  
    
  }
  .karik-content-faq details > summary , .karik-products-faq details > summary {

  padding: 0 3%;
}
  .plan-options
{
 margin:2% 0;
}
  
  .tab button {

  width: 100px;
    padding: 4px;
     border-radius: 6px;
    margin: 2px 5px;
   
  }
  
  

 .module-container-ad aside a {
  color: white;
  padding: 3% 7%;
  width: 100%;
  float: right;
  margin: 2% 0;
  text-align: center;
  border-radius: 5px;
  box-shadow: rgba(0,0,0,0.25) 0 0 15px;
}

  
  
  .master-container-content .karik-content-pricelist {
    margin: 0px -2%;
}
  
  .master-container-title {
    padding: 0 2%;
}
  
  .master-container-content {

}
  
  .product-group-effect figure {
    height: 195px !important;
}
  
  
  .sample-container-link {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
  
  .sample-container-link div:nth-child(1) a {
    border-radius: 0px;
    border-bottom: 1px solid;
}
  
  .master-container-content .col-3 {
    width: 98%;
}
  
  .karik-products article {
    margin-bottom: 30px;
}
  
    .karik-content-faq h3 , .karik-content-faq p {
    font-size: var(--medium);
      text-align: justify;
}
  
  .karik-article-place article {
    margin-bottom: var(--gap4);
}
  
  .Subsystem-first {
    width: 97%;
}
  
  .karik-Subsystem-place div:nth-child(2) {
    flex: unset;
}
  
  .karik-content-products section img, .karik-content-features section img {
    max-width: 50%;
}
    .karik-content-pricelist section {
   
    padding-bottom: var(--gap6);
}
  
  .karik-banner section:nth-child(1) {
    margin-bottom: 50px;
    padding-top: 0px
}
  
  .karik-banner section {
    flex: unset;
    text-align: center !important;
    width: 100%;
}
  
      .karik-banner h1 {
     
    }
  
      .karik-content-option div section {
        width: calc(50% / var(--item-count2));
    }
  
    :root {
  --item-count3: 1;
  --item-count4: 2;
  }
  
  .karik-content-option div section:nth-child(2) , .karik-content-option div section:nth-child(4) , .karik-content-option div section:nth-child(6) , .karik-content-option div section:nth-child(8) {
    border-width: 0px 0px 1px 0px;
        border-style: solid;
        border-color: var(--origin10-25);
}
  .karik-content-option div section:nth-child(5) {
    border-left:solid 1px var(--origin10-25);
}
  .karik-content-option div section:nth-child(7) {
    border-bottom: solid 1px var(--origin10-25);
}
  
  .karik-Subsystem-place div:nth-child(3) article {
    width: calc(100% / var(--item-count1) - var(--gap2));
}
  
  .karik-Subsystem-place article {
    flex: unset !important;
}
 
  .karik-article-place article img {
    width: 60%;
}
  
  .sample-container .col-4 {
  width: 50%;

}
  
    #txtdomain {
    width: 115px;
  }
   
  }
  

/* Under 620px	*/
@media (max-width: 620px) {
  
  form.m24699 fieldset li {
  width: 100%;
}
  
  .karik-content-option div section
  {
  margin:0;
  
  }
  
  .karik-content-features article section h2 {
    font-size: var(--big);
}
  
  .btn a
  {
  
  }
  
  .karik-content-consulting {

    
  
  
 min-height: auto;
   

 
}
  
  .services .row .service{min-height:auto}
  
  .karik-content-consulting {

 

}
  
  
  .master-container-content .contact_us {
 
  width: 100%;
  margin: 2%;
}
  .master-container-content .contact_us li {
  margin: 1% 3%;
  background-color: #f0f0f0;
  padding: 1%;
  display: flex;
    float:none;
    width:auto;
    margin-left:5%;
}
  .contactform {
  float: none;
  width: 100%;
  margin: unset;
  padding: 1%;
    text-align: center;
}

  
  .master-container-content .news-section.news-section-video {
  width: 100%;

}
  
   .master-container-content video
  {
  max-width:100%;
    width:100%;
  }
  
  
    .module-container-ad aside {
 

    padding:0 10%
}
 
  
   .form-table-place-box > div {
    width: 100%;
  }
  
    .theme-category h3 {

  width: 46%;
 
}
  
  
 
    .form-place .form-table-place ul li, .form-place .form-login-place ul li {
    width: 100%;
    margin: 0;
  }
  
  .karik-start a span {
  display:none
  }
  
  .karik-start .icon-profile:before {
    font-size: var(--big);
}
  
  .body, .bodytext {
 
  padding: 2% 4%;
        text-align: justify;
  }
  .module-container-ad {

  padding:0;
}
  
  .slideup-price h2 {

  margin: 5px .5%;

}
  
  
   .body  video {
         max-width:100%;
    
        }
  
     .body  table {
         width:100%;
      font-size:.8em;
        }
  
  .form-place form fieldset {


}
  
  .master-container-text {
  
  
  }
  
  
.customize .box-plan article{

padding: 10px 3px;
    font-size: .85em;
  
 padding: 5px;
height: 90px;
 

}
  
  
  .karik-contact section {

      margin:var(--gap2) var(--gap4);
 
}
  
  .plan-options .h4 {

  font-size: 1em;


}
  
    .plan-options .h5 {

  font-size: 1em;

}
  
  .box-plan{
  
  margin: 2px;
  
  }
  
  .plan-options .h3 {

  font-size: 1.4em;
    margin-top:-8px;
}
  
  .box-plan strong {

  font-size: 1.4em;
  }
    .box-plan small {

  font-size: .7em;
  }
 
  footer li {
    width: 100%;
    padding: .5% 4%;
  }
  
  
element {
  display: block;
}
.tabcontent {

  font-size: .9em;
}
  
  
  .karik-content-pricelist h2, .karik-content-option h2 {
    font-size: var(--very-large);
}
  
  .product-group-effect figure {
    height: 145px !important;
}
  
      .sample-container-link {
        flex-direction: row;
    }
  
  
  .karik-products-faq h3 {

    font-size: var(--normal);
}
  
.karik-content-products section:nth-child(2) {
    margin-top: 30px;
}
  
.karik-banner video {
  width:450px!important;
  height:450px!important;
  border-radius: 50px;
}
  
      .karik-product-video video {
        width: 500px !important;
        height: unset !important;
    }
  
    .karik-content-consulting fieldset ul li {
    width: 100%;
    height: unset;
}
  
      :root {
        --item-count4: 1;
    }
      .karik-article-place article img {
        width: 100%;
    }
}


/* Under 520px	*/
@media (max-width: 520px) {
  
  
   .view {
  
  width: 100%;
}
 
  
 .portfolio-content {

  flex-wrap: wrap;
  }
  
  .portfolio-content img {

  border-bottom: none;
    outline:none;

  max-width: 100%;
  
}
  
  
  .portfolio-content .bounce-top {

  line-height: 1;

  box-shadow: none;
}
  
  .karik-contact section {
 
}
 
  
  .karik-content-portfolio {
  
}
  
    
    :root {
  --item-count4: 1;
}
      .karik-content-products section img, .karik-content-features section img {
        max-width: 100%;
    height: 100%;
    }
}


/* Under 430px	*/
@media (max-width: 450px) {
  
   .services .row .col-4 {

 
  width:100%;
  }
  
  
      .module-container-ad aside {
 

    padding:0 2%
}
  
    .sample-container .col-4 {
  width: 100%;

}
  

 
  
  .karik-product-img img {
    width: 320px;
}
  
  .karik-svg svg {
  margin-bottom: -25px;
}
  

  
 

    
  
  .product-group-effect figure {
    height: 195px !important;
}
  
  .karik-links-place a {
  
}
  
      footer li {
    
    }
  
      .sample-container-link {
        flex-direction: row-reverse;
    }
  
        
      .karik-banner h1 {
      
        line-height: 1.5;
    padding: 5px;
    }
      .dg-wrapper {
        width: 345px;
        height: 250px;
    }
      .dg-wrapper a {
        width: 350px;
        height: 195px;
    }
  
  .karik-content-pricelist section img {
    height: 180px;
}
  
  .karik-banner
  {
     padding: var(--gap1) var(--gap6);
  }
  header {
        padding: var(--gap1);
    }
  
      .karik-content-pricelist, .karik-content-option, .karik-content-Subsystem, .karik-content-faq, .karik-content-article {
        padding: var(--gap8) var(--gap3);
    }
  
  .up {
    right: 5px;
    width: 40px;
    height: 40px;
}
  
  .icon-up::before {
    margin-top: 12px;
    color: var(--origin10);
}
  
  .contact-us-whatsapp i, .contact-us-tele i {
    font-size: var(--medium);
}
  
  .contact-us-whatsapp {
    left: 5px;
        padding: 3px 5px 0px 5px;
}
  .contact-us-tele {
    left: 50px;
    padding: 3px 5px 0px 5px;
}
      .karik-start a {
        padding: var(--gap4);
    }
  
  .karik-content-consulting h3 {
 
  font-size: var(--large);
 
}
      h2 , h3 {
           
    }
  
      .karik-banner video {
        width: 97% !important;
        height: 320px !important;
    }
  
  .karik-product-video video {
        width: 300px !important;
          height: unset !important;
    }
  
  .karik-content-pricelist section {
    min-height: 600px;
}
  
  .dg-wrapper a img {
    height: 190px;
    object-fit: cover;
    object-position: top;
}
  
}

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


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

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