.jss45 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.jss46 {
  margin: 0;
  box-sizing: border-box;
}
.jss47 {
  min-width: 0;
}
.jss48 {
  flex-direction: column;
}
.jss49 {
  flex-direction: column-reverse;
}
.jss50 {
  flex-direction: row-reverse;
}
.jss51 {
  flex-wrap: nowrap;
}
.jss52 {
  flex-wrap: wrap-reverse;
}
.jss53 {
  align-items: center;
}
.jss54 {
  align-items: flex-start;
}
.jss55 {
  align-items: flex-end;
}
.jss56 {
  align-items: baseline;
}
.jss57 {
  align-content: center;
}
.jss58 {
  align-content: flex-start;
}
.jss59 {
  align-content: flex-end;
}
.jss60 {
  align-content: space-between;
}
.jss61 {
  align-content: space-around;
}
.jss62 {
  justify-content: center;
}
.jss63 {
  justify-content: flex-end;
}
.jss64 {
  justify-content: space-between;
}
.jss65 {
  justify-content: space-around;
}
.jss66 {
  justify-content: space-evenly;
}
.jss67 {
  width: calc(100% + 8px);
  margin: -4px;
}
.jss67 > .jss46 {
  padding: 4px;
}
.jss68 {
  width: calc(100% + 16px);
  margin: -8px;
}
.jss68 > .jss46 {
  padding: 8px;
}
.jss69 {
  width: calc(100% + 24px);
  margin: -12px;
}
.jss69 > .jss46 {
  padding: 12px;
}
.jss70 {
  width: calc(100% + 32px);
  margin: -16px;
}
.jss70 > .jss46 {
  padding: 16px;
}
.jss71 {
  width: calc(100% + 40px);
  margin: -20px;
}
.jss71 > .jss46 {
  padding: 20px;
}
.jss72 {
  flex-grow: 0;
  max-width: none;
  flex-basis: auto;
}
.jss73 {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0;
}
.jss74 {
  flex-grow: 0;
  max-width: 8.333333%;
  flex-basis: 8.333333%;
}
.jss75 {
  flex-grow: 0;
  max-width: 16.666667%;
  flex-basis: 16.666667%;
}
.jss76 {
  flex-grow: 0;
  max-width: 25%;
  flex-basis: 25%;
}
.jss77 {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%;
}
.jss78 {
  flex-grow: 0;
  max-width: 41.666667%;
  flex-basis: 41.666667%;
}
.jss79 {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}
.jss80 {
  flex-grow: 0;
  max-width: 58.333333%;
  flex-basis: 58.333333%;
}
.jss81 {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%;
}
.jss82 {
  flex-grow: 0;
  max-width: 75%;
  flex-basis: 75%;
}
.jss83 {
  flex-grow: 0;
  max-width: 83.333333%;
  flex-basis: 83.333333%;
}
.jss84 {
  flex-grow: 0;
  max-width: 91.666667%;
  flex-basis: 91.666667%;
}
.jss85 {
  flex-grow: 0;
  max-width: 100%;
  flex-basis: 100%;
}
@media (min-width:600px) {
  .jss86 {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .jss87 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .jss88 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .jss89 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .jss90 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .jss91 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .jss92 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .jss93 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .jss94 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .jss95 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .jss96 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .jss97 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .jss98 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .jss99 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:960px) {
  .jss100 {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .jss101 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .jss102 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .jss103 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .jss104 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .jss105 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .jss106 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .jss107 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .jss108 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .jss109 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .jss110 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .jss111 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .jss112 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .jss113 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1280px) {
  .jss114 {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .jss115 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .jss116 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .jss117 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .jss118 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .jss119 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .jss120 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .jss121 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .jss122 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .jss123 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .jss124 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .jss125 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .jss126 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .jss127 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1920px) {
  .jss128 {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .jss129 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .jss130 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .jss131 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .jss132 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .jss133 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .jss134 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .jss135 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .jss136 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .jss137 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .jss138 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .jss139 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .jss140 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .jss141 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
.jss244 {
  margin: 0;
  display: block;
}
.jss245 {
  color: rgba(0, 0, 0, 0.54);
  font-size: 7rem;
  font-weight: 300;
  font-family: IRANSansFaNum;
  line-height: 1.14286em;
  margin-right: -.04em;
  letter-spacing: -.04em;
}
.jss246 {
  color: rgba(0, 0, 0, 0.54);
  font-size: 3.5rem;
  font-weight: 400;
  font-family: IRANSansFaNum;
  line-height: 1.30357em;
  margin-right: -.02em;
  letter-spacing: -.02em;
}
.jss247 {
  color: rgba(0, 0, 0, 0.54);
  font-size: 2.8125rem;
  font-weight: 400;
  font-family: IRANSansFaNum;
  line-height: 1.13333em;
  margin-right: -.02em;
}
.jss248 {
  color: rgba(0, 0, 0, 0.54);
  font-size: 2.125rem;
  font-weight: 400;
  font-family: IRANSansFaNum;
  line-height: 1.20588em;
}
.jss249 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.5rem;
  font-weight: 400;
  font-family: IRANSansFaNum;
  line-height: 1.35417em;
}
.jss250 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.3125rem;
  font-weight: 500;
  font-family: IRANSansFaNum;
  line-height: 1.16667em;
}
.jss251 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1rem;
  font-weight: 400;
  font-family: IRANSansFaNum;
  line-height: 1.5em;
}
.jss252 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  font-family: IRANSansFaNum;
  font-weight: 400;
  line-height: 1.5;
}
.jss253 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1rem;
  font-family: IRANSansFaNum;
  font-weight: 400;
  line-height: 1.5;
}
.jss254 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.75rem;
  font-family: IRANSansFaNum;
  font-weight: 400;
  line-height: 1.66;
}
.jss255 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
  font-family: IRANSansFaNum;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
}
.jss256 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 6rem;
  font-family: IRANSansFaNum;
  font-weight: 300;
  line-height: 1;
}
.jss257 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 3.75rem;
  font-family: IRANSansFaNum;
  font-weight: 300;
  line-height: 1;
}
.jss258 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 3rem;
  font-family: IRANSansFaNum;
  font-weight: 400;
  line-height: 1.04;
}
.jss259 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 26px;
  font-family: IRANSansFaNum;
  font-weight: 400;
  line-height: 1.8;
}
.jss260 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.5rem;
  font-family: IRANSansFaNum;
  font-weight: 400;
  line-height: 1.33;
}
.jss261 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.25rem;
  font-family: IRANSansFaNum;
  font-weight: 500;
  line-height: 1.6;
}
.jss262 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1rem;
  font-family: IRANSansFaNum;
  font-weight: 400;
  line-height: 1.75;
}
.jss263 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
  font-family: IRANSansFaNum;
  font-weight: 500;
  line-height: 1.57;
}
.jss264 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.75rem;
  font-family: IRANSansFaNum;
  font-weight: 400;
  line-height: 2.66;
  text-transform: uppercase;
}
.jss265 {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.jss266 {
  text-align: right;
}
.jss267 {
  text-align: center;
}
.jss268 {
  text-align: left;
}
.jss269 {
  text-align: justify;
}
.jss270 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jss271 {
  margin-bottom: 0.35em;
}
.jss272 {
  margin-bottom: 16px;
}
.jss273 {
  color: inherit;
}
.jss274 {
  color: #00b4ff;
}
.jss275 {
  color: #345d90;
}
.jss276 {
  color: rgba(0, 0, 0, 0.87);
}
.jss277 {
  color: rgba(0, 0, 0, 0.54);
}
.jss278 {
  color: #f44336;
}
.jss180 {
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  font-size: 12px;
  font-family: IRANSansFaNum;
  line-height: 1.1875em;
  align-items: center;
}
.jss180.jss183 {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}
.jss188 {
  padding: 6px 0 7px;
}
.jss189 {
  width: 100%;
}
.jss190 {
  font: inherit;
  width: 100%;
  color: currentColor;
  border: 0;
  margin: 0;
  padding: 6px 0 7px;
  display: block;
  min-width: 0;
  box-sizing: content-box;
  background: none;
  -webkit-tap-highlight-color: transparent;
}
.jss190::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.jss190::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.jss190:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.jss190::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.jss190:focus {
  outline: 0;
}
.jss190:invalid {
  box-shadow: none;
}
.jss190::-webkit-search-decoration {
  -webkit-appearance: none;
}
.jss190.jss183 {
  opacity: 1;
}
label[data-shrink=false] + .jss181 .jss190::-webkit-input-placeholder {
  opacity: 0;
}
label[data-shrink=false] + .jss181 .jss190::-moz-placeholder {
  opacity: 0;
}
label[data-shrink=false] + .jss181 .jss190:-ms-input-placeholder {
  opacity: 0;
}
label[data-shrink=false] + .jss181 .jss190::-ms-input-placeholder {
  opacity: 0;
}
label[data-shrink=false] + .jss181 .jss190:focus::-webkit-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .jss181 .jss190:focus::-moz-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .jss181 .jss190:focus:-ms-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .jss181 .jss190:focus::-ms-input-placeholder {
  opacity: 0.42;
}
.jss191 {
  padding-top: 3px;
}
.jss192 {
  resize: none;
  padding: 0;
}
.jss193 {
  height: 1.1875em;
}
.jss194 {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
.jss197 {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  box-sizing: border-box;
  transition: padding-right 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  pointer-events: none;
}
.jss198 {
  padding: 0;
  text-align: right;
  transition: width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
@supports (-moz-appearance:none) {
  .jss198 {
    height: 2px;
  }
}
.jss199 {
  border-color: #00b4ff;
  border-width: 2px;
}
.jss200 {
  border-color: #f44336;
}
.jss201 {
  border-color: rgba(0, 0, 0, 0.26);
}
.jss167 {
  position: relative;
}
.jss167:hover:not(.jss169):not(.jss168):not(.jss172) .jss174 {
  border-color: rgba(0, 0, 0, 0.87);
}
.jss167.jss172 .jss174 {
  border-color: #f30045;
}
.jss170 {
  padding-right: 14px;
}
.jss171 {
  padding-left: 14px;
}
.jss173 {
  padding: 18.5px 14px;
  box-sizing: border-box;
}
.jss175 {
  padding: 16px 14px 15.5px;
}
.jss176 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.jss177 {
  padding: 0;
}
.jss178 {
  padding-right: 0;
}
.jss179 {
  padding-left: 0;
}
.jss153 {
  color: rgba(0, 0, 0, 0.54);
  padding: 0;
  font-size: 13px;
  font-family: IRANSansFaNum;
  line-height: 1;
}
.jss153.jss154 {
  color: rgb(0, 125, 178);
}
.jss153.jss155 {
  color: rgba(0, 0, 0, 0.38);
}
.jss153.jss156 {
  color: #f44336;
}
.jss153.jss156  {
  color: #f30045;
}
.jss159 {
  color: #f39d00;
}
.jss159.jss156 {
  color: #f44336;
}
.jss146 {
  transform-origin: top right;
}
.jss147 {
  top: 0;
  right: 0;
  position: absolute;
  transform: translate(0, 24px) scale(1);
}
.jss148 {
  transform: translate(0, 21px) scale(1);
}
.jss149 {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top right;
}
.jss150 {
  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
.jss151 {
  z-index: 1;
  transform: translate(-12px, 22px) scale(1);
  pointer-events: none;
}
.jss151.jss148 {
  transform: translate(-12px, 19px) scale(1);
}
.jss151.jss149 {
  transform: translate(-12px, 10px) scale(0.75);
}
.jss151.jss149.jss148 {
  transform: translate(-12px, 7px) scale(0.75);
}
.jss152 {
  z-index: 1;
  transform: translate(-14px, 18px) scale(1);
  font-size: 13px;
  pointer-events: none;
}
.jss152.jss148 {
  transform: translate(-14px, 17.5px) scale(1);
}
.jss152.jss149 {
  transform: translate(-14px, -6px) scale(0.75);
}
.jss142 {
  width: 100%;
  margin: 0;
  border: 0;
  z-index: 0;
  padding: 0;
  display: inline-flex;
  position: relative;
  min-width: 0;
  direction: rtl;
  flex-direction: column;
  vertical-align: top;
}
.jss143 {
  margin-top: 16px;
  margin-bottom: 8px;
}
.jss144 {
  margin-top: 10px;
  margin-bottom: 6px;
}
.jss145 {
  width: 100%;
}
.jss31 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000003;
  position: fixed;
}
.jss32 {
  visibility: hidden;
}
.jss217 {
  background-color: #fff;
}
.jss218 {
  border-radius: 10px;
}
.jss219 {
  box-shadow: none;
}
.jss220 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.jss221 {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.jss222 {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 3px 3px -2px rgba(0, 0, 0, 0.12);
}
.jss223 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.jss224 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.jss225 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.jss226 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.jss227 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jss228 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.jss229 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.jss230 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.jss231 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.jss232 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.jss233 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.jss234 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.jss235 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.jss236 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.jss237 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.jss238 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.jss239 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.jss240 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.jss241 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.jss242 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.jss243 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.jss44 {
  outline: none;
  position: absolute;
  min-width: 16px;
  max-width: calc(100% - 32px);
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 16px;
  max-height: calc(100% - 32px);
}
.jss202 {
  max-height: calc(100% - 96px);
  -webkit-overflow-scrolling: touch;
}
.jss8 {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 24px;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  user-select: none;
  flex-shrink: 0;
}
.jss9 {
  color: #00b4ff;
}
.jss10 {
  color: #345d90;
}
.jss11 {
  color: rgba(0, 0, 0, 0.54);
}
.jss12 {
  color: #f44336;
}
.jss13 {
  color: rgba(0, 0, 0, 0.26);
}
.jss14 {
  font-size: inherit;
}
.jss15 {
  font-size: 20px;
}
.jss16 {
  font-size: 36px;
}
.jss160 {
  width: 100%;
  position: relative;
  direction: rtl;
}
.jss161 {
  width: calc(100% - 32px);
  height: 1.1875em;
  cursor: pointer;
  min-width: 16px;
  user-select: none;
  padding-left: 32px;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.jss161:focus {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0;
}
.jss161:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.jss161::-ms-expand {
  display: none;
}
.jss161.jss165 {
  cursor: default;
}
.jss162 {
  width: calc(100% - 44px);
}
.jss163 {
  width: calc(100% - 46px);
  border-radius: 4px;
}
.jss164 {
  width: auto;
  height: auto;
  overflow: hidden;
  min-height: 1.1875em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jss166 {
  top: calc(50% - 12px);
  left: 0;
  color: rgba(0, 0, 0, 0.54);
  position: absolute;
  pointer-events: none;
}
.jss310 {
  color: inherit;
  cursor: pointer;
  margin: 0;
  border: 0;
  display: inline-flex;
  padding: 0;
  outline: none;
  position: relative;
  user-select: none;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  justify-content: center;
  -moz-appearance: none;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.jss310::-moz-focus-inner {
  border-style: none;
}
.jss310.jss311 {
  cursor: default;
  pointer-events: none;
}
.jss203 {
  height: 0.01em;
  display: flex;
  max-height: 2em;
  align-items: center;
}
.jss204.jss205 {
  margin-top: 16px;
}
.jss205 {
  margin-left: 8px;
}
.jss206 {
  margin-right: 8px;
}
.jss20 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.jss21 {
  overflow-y: auto;
  overflow-x: hidden;
}
.jss22 {
  margin: 48px;
  display: flex;
  outline: none;
  position: relative;
  overflow-y: auto;
  flex-direction: column;
}
.jss23 {
  flex: 0 1 auto;
  max-height: calc(100% - 96px);
}
.jss24 {
  margin: 48px auto;
}
.jss25 {
  max-width: 360px;
}
@media (max-width:455.95px) {
  .jss25.jss24 {
    margin: 48px;
  }
}
.jss26 {
  max-width: 600px;
}
@media (max-width:695.95px) {
  .jss26.jss24 {
    margin: 48px;
  }
}
.jss27 {
  max-width: 960px;
}
@media (max-width:1055.95px) {
  .jss27.jss24 {
    margin: 48px;
  }
}
.jss28 {
  max-width: 1280px;
}
@media (max-width:1375.95px) {
  .jss28.jss24 {
    margin: 48px;
  }
}
.jss29 {
  width: 100%;
}
.jss30 {
  width: 100%;
  margin: 0;
  height: 100%;
  max-width: 100%;
  max-height: none;
  border-radius: 0;
}
.jss30.jss24 {
  margin: 0;
}
.jss280 {
  width: 100%;
  display: flex;
  z-index: 1100;
  box-sizing: border-box;
  flex-shrink: 0;
  flex-direction: column;
}
.jss281 {
  top: 0;
  right: auto;
  left: 0;
  position: fixed;
}
.jss282 {
  top: 0;
  right: auto;
  left: 0;
  position: absolute;
}
.jss283 {
  top: 0;
  right: auto;
  left: 0;
  position: sticky;
}
.jss284 {
  position: static;
}
.jss285 {
  position: relative;
}
.jss286 {
  color: rgba(0, 0, 0, 0.87);
  background-color: #f5f5f5;
}
.jss287 {
  color: #fff;
  background-color: #00b4ff;
}
.jss288 {
  color: #fff;
  background-color: #345d90;
}
.jss17 {
  padding: 0px 0px 16px 0px;
}
.jss18 {
  width: 380px;
  margin: 12px !important;
  min-height: 400px;
}
.jss214 {
  color: #fff;
  display: flex;
  padding: 6px 24px;
  flex-wrap: wrap;
  align-items: center;
  background-color: rgb(49, 49, 49);
}
@media (min-width:960px) {
  .jss214 {
    min-width: 288px;
    max-width: 568px;
    border-radius: 4px;
  }
}
@media (max-width:959.95px) {
  .jss214 {
    flex-grow: 1;
  }
}
.jss215 {
  padding: 8px 0;
}
.jss216 {
  display: flex;
  align-items: center;
  margin-right: auto;
  padding-right: 24px;
  margin-left: -8px;
}
.jss207 {
  z-index: 1000004;
  opacity: 0.9;
}
.jss208 {
  color: #fff;
  padding: 10px;
  font-size: 12px;
  max-width: 300px;
  text-align: center;
  font-family: IRANSansFaNum;
  line-height: 1.4em;
  border-radius: 4px;
  background-color: #616161;
}
.jss209 {
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1.14286em;
}
.jss210 {
  margin: 0 24px;
  transform-origin: left center;
}
@media (min-width:600px) {
  .jss210 {
    margin: 0 14px;
  }
}
.jss211 {
  margin: 0 24px;
  transform-origin: right center;
}
@media (min-width:600px) {
  .jss211 {
    margin: 0 14px;
  }
}
.jss212 {
  margin: 24px 0;
  transform-origin: center bottom;
}
@media (min-width:600px) {
  .jss212 {
    margin: 14px 0;
  }
}
.jss213 {
  margin: 24px 0;
  transform-origin: center top;
}
@media (min-width:600px) {
  .jss213 {
    margin: 14px 0;
  }
}
.jss316 {
  height: 1px;
  margin: 0;
  border: none;
  flex-shrink: 0;
  background-color: rgba(0, 0, 0, 0.12);
}
.jss317 {
  right: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
}
.jss318 {
  margin-right: 72px;
}
.jss319 {
  background-color: rgba(0, 0, 0, 0.08);
}
.jss1 {
  left: 0;
  right: 0;
  z-index: 10000000;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
}
.jss2 {
  top: 0;
}
@media (min-width:960px) {
  .jss2 {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.jss3 {
  bottom: 0;
}
@media (min-width:960px) {
  .jss3 {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.jss4 {
  top: 0;
  justify-content: flex-end;
}
@media (min-width:960px) {
  .jss4 {
    top: 24px;
    left: auto;
    right: 24px;
  }
}
.jss5 {
  bottom: 0;
  justify-content: flex-end;
}
@media (min-width:960px) {
  .jss5 {
    left: auto;
    right: 24px;
    bottom: 24px;
  }
}
.jss6 {
  top: 0;
  justify-content: flex-start;
}
@media (min-width:960px) {
  .jss6 {
    top: 24px;
    left: 24px;
    right: auto;
  }
}
.jss7 {
  bottom: 0;
  justify-content: flex-start;
}
@media (min-width:960px) {
  .jss7 {
    left: 24px;
    right: auto;
    bottom: 24px;
  }
}
.jss33 {
  flex: 0 0 auto;
}
.jss34 {
  top: 0;
  flex: 1 0 auto;
  height: 100%;
  display: flex;
  z-index: 1200;
  outline: none;
  position: fixed;
  overflow-y: auto;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
}
.jss35 {
  left: 0;
  right: auto;
}
.jss36 {
  left: auto;
  right: 0;
}
.jss37 {
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  height: auto;
  max-height: 100%;
}
.jss38 {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  max-height: 100%;
}
.jss39 {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.jss40 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.jss41 {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.jss42 {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.jss298 {
  color: rgba(0, 0, 0, 0.87);
  padding: 0;
  overflow: hidden;
  position: relative;
  font-size: 0.875rem;
  max-width: 264px;
  min-width: 72px;
  min-height: 48px;
  text-align: center;
  font-family: IRANSansFaNum;
  flex-shrink: 0;
  font-weight: 500;
  white-space: normal;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (min-width:960px) {
  .jss298 {
    font-size: 0.8125rem;
    min-width: 160px;
  }
}
.jss299 {
  min-height: 72px;
}
.jss300 {
  color: inherit;
  opacity: 0.7;
}
.jss300.jss303 {
  opacity: 1;
}
.jss300.jss304 {
  opacity: 0.4;
}
.jss301 {
  color: rgba(0, 0, 0, 0.54);
}
.jss301.jss303 {
  color: #00b4ff;
}
.jss301.jss304 {
  color: rgba(0, 0, 0, 0.38);
}
.jss302 {
  color: rgba(0, 0, 0, 0.54);
}
.jss302.jss303 {
  color: #345d90;
}
.jss302.jss304 {
  color: rgba(0, 0, 0, 0.38);
}
.jss305 {
  flex-grow: 1;
  max-width: none;
  flex-shrink: 1;
}
.jss306 {
  width: 100%;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.jss307 {
  width: 100%;
  box-sizing: border-box;
  padding-top: 6px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 6px;
}
@media (min-width:960px) {
  .jss307 {
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (max-width:959.95px) {
  .jss309 {
    font-size: 0.75rem;
  }
}
.jss320 {
  width: 100%;
  display: table;
  font-family: IRANSansFaNum;
  border-spacing: 0;
  border-collapse: collapse;
}
.jss335 {
  display: table-row-group;
}
.jss327 {
  display: table-cell;
  padding: 4px 24px 4px 56px;
  text-align: right;
  border-bottom: 1px solid
    rgba(224, 224, 224, 1);
  vertical-align: inherit;
}
.jss327:last-child {
  padding-left: 24px;
}
.jss328 {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.75rem;
  font-weight: 500;
}
.jss329 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.8125rem;
  font-weight: 400;
}
.jss330 {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.75rem;
  border-bottom: 0;
}
.jss331 {
  text-align: left;
  flex-direction: row-reverse;
}
.jss332 {
  padding-left: 24px;
}
.jss333 {
  padding: 0 12px;
}
.jss333:last-child {
  padding-left: 12px;
}
.jss334 {
  padding: 0;
}
.jss334:last-child {
  padding: 0;
}
.jss321 {
  display: table-header-group;
}
.jss322 {
  color: inherit;
  height: 48px;
  display: table-row;
  outline: none;
  vertical-align: middle;
}
.jss322.jss323 {
  background-color: rgba(0, 0, 0, 0.04);
}
.jss322.jss324:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.jss325 {
  height: 56px;
}
.jss326 {
  height: 56px;
}
.jss313 {
  width: 100%;
  height: 2px;
  bottom: 0;
  position: absolute;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  will-change: left, width;
}
.jss314 {
  background-color: #00b4ff;
}
.jss315 {
  background-color: #345d90;
}
.jss289 {
  overflow: hidden;
  min-height: 48px;
  -webkit-overflow-scrolling: touch;
}
.jss290 {
  display: flex;
}
.jss291 {
  justify-content: center;
}
.jss292 {
  flex: 1 1 auto;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.jss293 {
  width: 100%;
  overflow-x: hidden;
}
.jss294 {
  overflow-x: scroll;
}
@media (max-width:599.95px) {
  .jss296 {
    display: none;
  }
}
.jss279 {
  min-height: 60px;
}