html,
body,
div,
span,
applet,
object,
iframe,
p,
a,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
i,
dl,
dt,
dd,
ul,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
textarea,
input {
 border:0;
 margin:0;
 padding:0;
 font:inherit;
 font-size:100%;
 list-style:none;
 text-decoration:none;
 vertical-align:baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
a {
 color:inherit
}
h1 {
 font-size:24px
}
h2 {
 font-size:18px
}
h3 {
 font-size:16px
}
h4 {
 font-size:14px
}
h5 {
 font-size:12px
}
h6 {
 font-size:10px
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:700;
 margin:0;
 padding:0
}
img {
 max-width:100%;
 max-height:auto;
 border:0;
 vertical-align:middle
}
table {
 border-collapse:collapse;
 border-spacing:0
}
html {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
 font-size:13px;
 line-height:1.42857143;
 direction:rtl
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:700
}
dfn {
 font-style:italic
}
mark {
 color:#000;
 background-color:#FDFD91
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
pre {
 overflow:auto
}
hr {
 height:0;
 box-sizing:content-box;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box;
 margin:20px 0;
 border:0;
 border-top:1px solid #eee
}
code,
pre,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,
select {
 text-transform:none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal;
 outline:none
}
input[type="checkbox"],
input[type="radio"] {
 box-sizing:border-box;
 padding:0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 height:auto
}
input[type="search"] {
 -webkit-appearance:textfield;
 box-sizing:content-box
}
fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:700
}
td,
th {
 padding:0
}
figure {
 margin:0
}
* {
 box-sizing:border-box
}
:before,
:after {
 box-sizing:border-box
}
.container-fulid {
 width:100%;
 padding:0 15px
}
.container {
 margin:0 auto
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
 content:" ";
 display:table
}
.clearfix:after,
.container:after,
.row:after {
 clear:both
}
img.aligncenter {
 display:block;
 margin:5px auto
}
img.alignleft {
 float:left
}
img.alignright {
 float:right
}
.tcenter {
 text-align:center
}
.tleft {
 text-align:left
}
.tright {
 text-align:right
}
.pull-right {
 float:right!important
}
.pull-left {
 float:left!important
}
.hide {
 display:none!important
}
.show {
 display:block!important
}
.text-hide {
 font:0/0 a;
 color:transparent;
 text-shadow:none;
 background-color:transparent;
 border:0
}
@media print {
 *,
 :before,
 :after {
  background:transparent!important;
  color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important
 }
 a,
 a:visited {
  text-decoration:underline
 }
 a[href]:after {
  content:" (" attr(href) ")"
 }
 abbr[title]:after {
  content:" (" attr(title) ")"
 }
 a[href^="#"]:after,
 a[href^="javascript:"]:after {
  content:""
 }
 pre,
 blockquote {
  border:1px solid #999;
  page-break-inside:avoid
 }
 thead {
  display:table-header-group
 }
 tr,
 img {
  page-break-inside:avoid
 }
 img {
  max-width:100%!important
 }
 p,
 h2,
 h3 {
  orphans:3;
  widows:3
 }
 h2,
 h3 {
  page-break-after:avoid
 }
 .navbar {
  display:none
 }
 .btn > .caret,
 .dropup > .btn > .caret {
  border-top-color:#000!important
 }
 .label {
  border:1px solid #000
 }
 .table {
  border-collapse:collapse!important
 }
 .table td,
 .table th {
  background-color:#fff!important
 }
 .table-bordered th,
 .table-bordered td {
  border:1px solid #ddd!important
 }
}
code,
pre,
samp {
 font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}
code {
 font-size:90%;
 color:#c7254e;
 padding:2px 4px;
 border-radius:4px;
 background-color:#f9f2f4
}
pre {
 display:block;
 padding:9.5px;
 margin:0 0 10px;
 font-size:13px;
 line-height:1.42857143;
 word-break:break-all;
 word-wrap:break-word;
 color:#333;
 background-color:#f5f5f5;
 border:1px solid #ccc;
 border-radius:4px
}
pre code {
 padding:0;
 font-size:inherit;
 color:inherit;
 white-space:pre-wrap;
 background-color:transparent;
 border-radius:0
}
@media (min-width: 768px) {
 .container {
  width:750px
 }
}
@media (min-width: 992px) {
 .container {
  width:970px
 }
}
@media (min-width: 1200px) {
 .container {
  width:1170px
 }
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13,
.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-16,
.col-sm-16,
.col-md-16,
.col-lg-16,
.col-xs-17,
.col-sm-17,
.col-md-17,
.col-lg-17,
.col-xs-18,
.col-sm-18,
.col-md-18,
.col-lg-18,
.col-xs-19,
.col-sm-19,
.col-md-19,
.col-lg-19,
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xs-21,
.col-sm-21,
.col-md-21,
.col-lg-21,
.col-xs-22,
.col-sm-22,
.col-md-22,
.col-lg-22,
.col-xs-23,
.col-sm-23,
.col-md-23,
.col-lg-23,
.col-xs-24,
.col-sm-24,
.col-md-24,
.col-lg-24 {
 position:relative;
 min-height:1px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16,
.col-xs-17,
.col-xs-18,
.col-xs-19,
.col-xs-20,
.col-xs-21,
.col-xs-22,
.col-xs-23,
.col-xs-24 {
 float:right
}
.col-xs-24 {
 width:100%
}
.col-xs-23 {
 width:95.83333333%
}
.col-xs-22 {
 width:91.66666667%
}
.col-xs-21 {
 width:87.5%
}
.col-xs-20 {
 width:83.33333333%
}
.col-xs-19 {
 width:79.16666667%
}
.col-xs-18 {
 width:75%
}
.col-xs-17 {
 width:70.83333333%
}
.col-xs-16 {
 width:66.66666667%
}
.col-xs-15 {
 width:62.5%
}
.col-xs-14 {
 width:58.33333333%
}
.col-xs-13 {
 width:54.16666667%
}
.col-xs-12 {
 width:50%
}
.col-xs-11 {
 width:45.83333333%
}
.col-xs-10 {
 width:41.66666667%
}
.col-xs-9 {
 width:37.5%
}
.col-xs-8 {
 width:33.33333333%
}
.col-xs-7 {
 width:29.16666667%
}
.col-xs-6 {
 width:25%
}
.col-xs-5 {
 width:20.83333333%
}
.col-xs-4 {
 width:16.66666667%
}
.col-xs-3 {
 width:12.5%
}
.col-xs-2 {
 width:8.33333333%
}
.col-xs-1 {
 width:4.16666667%
}
.col-xs-offset-24 {
 margin-right:100%
}
.col-xs-offset-23 {
 margin-right:95.83333333%
}
.col-xs-offset-22 {
 margin-right:91.66666667%
}
.col-xs-offset-21 {
 margin-right:87.5%
}
.col-xs-offset-20 {
 margin-right:83.33333333%
}
.col-xs-offset-19 {
 margin-right:79.16666667%
}
.col-xs-offset-18 {
 margin-right:75%
}
.col-xs-offset-17 {
 margin-right:70.83333333%
}
.col-xs-offset-16 {
 margin-right:66.66666667%
}
.col-xs-offset-15 {
 margin-right:62.5%
}
.col-xs-offset-14 {
 margin-right:58.33333333%
}
.col-xs-offset-13 {
 margin-right:54.16666667%
}
.col-xs-offset-12 {
 margin-right:50%
}
.col-xs-offset-11 {
 margin-right:45.83333333%
}
.col-xs-offset-10 {
 margin-right:41.66666667%
}
.col-xs-offset-9 {
 margin-right:37.5%
}
.col-xs-offset-8 {
 margin-right:33.33333333%
}
.col-xs-offset-7 {
 margin-right:29.16666667%
}
.col-xs-offset-6 {
 margin-right:25%
}
.col-xs-offset-5 {
 margin-right:20.83333333%
}
.col-xs-offset-4 {
 margin-right:16.66666667%
}
.col-xs-offset-3 {
 margin-right:12.5%
}
.col-xs-offset-2 {
 margin-right:8.33333333%
}
.col-xs-offset-1 {
 margin-right:4.16666667%
}
.col-xs-offset-0 {
 margin-right:0
}
@media (min-width:768px) {
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-13,
 .col-sm-14,
 .col-sm-15,
 .col-sm-16,
 .col-sm-17,
 .col-sm-18,
 .col-sm-19,
 .col-sm-20,
 .col-sm-21,
 .col-sm-22,
 .col-sm-23,
 .col-sm-24 {
  float:right
 }
 .col-sm-24 {
  width:100%
 }
 .col-sm-23 {
  width:95.83333333%
 }
 .col-sm-22 {
  width:91.66666667%
 }
 .col-sm-21 {
  width:87.5%
 }
 .col-sm-20 {
  width:83.33333333%
 }
 .col-sm-19 {
  width:79.16666667%
 }
 .col-sm-18 {
  width:75%
 }
 .col-sm-17 {
  width:70.83333333%
 }
 .col-sm-16 {
  width:66.66666667%
 }
 .col-sm-15 {
  width:62.5%
 }
 .col-sm-14 {
  width:58.33333333%
 }
 .col-sm-13 {
  width:54.16666667%
 }
 .col-sm-12 {
  width:50%
 }
 .col-sm-11 {
  width:45.83333333%
 }
 .col-sm-10 {
  width:41.66666667%
 }
 .col-sm-9 {
  width:37.5%
 }
 .col-sm-8 {
  width:33.33333333%
 }
 .col-sm-7 {
  width:29.16666667%
 }
 .col-sm-6 {
  width:25%
 }
 .col-sm-5 {
  width:20.83333333%
 }
 .col-sm-4 {
  width:16.66666667%
 }
 .col-sm-3 {
  width:12.5%
 }
 .col-sm-2 {
  width:8.33333333%
 }
 .col-sm-1 {
  width:4.16666667%
 }
 .col-sm-offset-24 {
  margin-right:100%
 }
 .col-sm-offset-23 {
  margin-right:95.83333333%
 }
 .col-sm-offset-22 {
  margin-right:91.66666667%
 }
 .col-sm-offset-21 {
  margin-right:87.5%
 }
 .col-sm-offset-20 {
  margin-right:83.33333333%
 }
 .col-sm-offset-19 {
  margin-right:79.16666667%
 }
 .col-sm-offset-18 {
  margin-right:75%
 }
 .col-sm-offset-17 {
  margin-right:70.83333333%
 }
 .col-sm-offset-16 {
  margin-right:66.66666667%
 }
 .col-sm-offset-15 {
  margin-right:62.5%
 }
 .col-sm-offset-14 {
  margin-right:58.33333333%
 }
 .col-sm-offset-13 {
  margin-right:54.16666667%
 }
 .col-sm-offset-12 {
  margin-right:50%
 }
 .col-sm-offset-11 {
  margin-right:45.83333333%
 }
 .col-sm-offset-10 {
  margin-right:41.66666667%
 }
 .col-sm-offset-9 {
  margin-right:37.5%
 }
 .col-sm-offset-8 {
  margin-right:33.33333333%
 }
 .col-sm-offset-7 {
  margin-right:29.16666667%
 }
 .col-sm-offset-6 {
  margin-right:25%
 }
 .col-sm-offset-5 {
  margin-right:20.83333333%
 }
 .col-sm-offset-4 {
  margin-right:16.66666667%
 }
 .col-sm-offset-3 {
  margin-right:12.5%
 }
 .col-sm-offset-2 {
  margin-right:8.33333333%
 }
 .col-sm-offset-1 {
  margin-right:4.16666667%
 }
 .col-sm-offset-0 {
  margin-right:0
 }
}
@media (min-width:992px) {
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-13,
 .col-md-14,
 .col-md-15,
 .col-md-16,
 .col-md-17,
 .col-md-18,
 .col-md-19,
 .col-md-20,
 .col-md-21,
 .col-md-22,
 .col-md-23,
 .col-md-24 {
  float:right
 }
 .col-md-24 {
  width:100%
 }
 .col-md-23 {
  width:95.83333333%
 }
 .col-md-22 {
  width:91.66666667%
 }
 .col-md-21 {
  width:87.5%
 }
 .col-md-20 {
  width:83.33333333%
 }
 .col-md-19 {
  width:79.16666667%
 }
 .col-md-18 {
  width:75%
 }
 .col-md-17 {
  width:70.83333333%
 }
 .col-md-16 {
  width:66.66666667%
 }
 .col-md-15 {
  width:62.5%
 }
 .col-md-14 {
  width:58.33333333%
 }
 .col-md-13 {
  width:54.16666667%
 }
 .col-md-12 {
  width:50%
 }
 .col-md-11 {
  width:45.83333333%
 }
 .col-md-10 {
  width:41.66666667%
 }
 .col-md-9 {
  width:37.5%
 }
 .col-md-8 {
  width:33.33333333%
 }
 .col-md-7 {
  width:29.16666667%
 }
 .col-md-6 {
  width:25%
 }
 .col-md-5 {
  width:20.83333333%
 }
 .col-md-4 {
  width:16.66666667%
 }
 .col-md-3 {
  width:12.5%
 }
 .col-md-2 {
  width:8.33333333%
 }
 .col-md-1 {
  width:4.16666667%
 }
 .col-md-offset-24 {
  margin-right:100%
 }
 .col-md-offset-23 {
  margin-right:95.83333333%
 }
 .col-md-offset-22 {
  margin-right:91.66666667%
 }
 .col-md-offset-21 {
  margin-right:87.5%
 }
 .col-md-offset-20 {
  margin-right:83.33333333%
 }
 .col-md-offset-19 {
  margin-right:79.16666667%
 }
 .col-md-offset-18 {
  margin-right:75%
 }
 .col-md-offset-17 {
  margin-right:70.83333333%
 }
 .col-md-offset-16 {
  margin-right:66.66666667%
 }
 .col-md-offset-15 {
  margin-right:62.5%
 }
 .col-md-offset-14 {
  margin-right:58.33333333%
 }
 .col-md-offset-13 {
  margin-right:54.16666667%
 }
 .col-md-offset-12 {
  margin-right:50%
 }
 .col-md-offset-11 {
  margin-right:45.83333333%
 }
 .col-md-offset-10 {
  margin-right:41.66666667%
 }
 .col-md-offset-9 {
  margin-right:37.5%
 }
 .col-md-offset-8 {
  margin-right:33.33333333%
 }
 .col-md-offset-7 {
  margin-right:29.16666667%
 }
 .col-md-offset-6 {
  margin-right:25%
 }
 .col-md-offset-5 {
  margin-right:20.83333333%
 }
 .col-md-offset-4 {
  margin-right:16.66666667%
 }
 .col-md-offset-3 {
  margin-right:12.5%
 }
 .col-md-offset-2 {
  margin-right:8.33333333%
 }
 .col-md-offset-1 {
  margin-right:4.16666667%
 }
 .col-md-offset-0 {
  margin-right:0
 }
}
@media (min-width:1200px) {
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-13,
 .col-lg-14,
 .col-lg-15,
 .col-lg-16,
 .col-lg-17,
 .col-lg-18,
 .col-lg-19,
 .col-lg-20,
 .col-lg-21,
 .col-lg-22,
 .col-lg-23,
 .col-lg-24 {
  float:right
 }
 .col-lg-24 {
  width:100%
 }
 .col-lg-23 {
  width:95.83333333%
 }
 .col-lg-22 {
  width:91.66666667%
 }
 .col-lg-21 {
  width:87.5%
 }
 .col-lg-20 {
  width:83.33333333%
 }
 .col-lg-19 {
  width:79.16666667%
 }
 .col-lg-18 {
  width:75%
 }
 .col-lg-17 {
  width:70.83333333%
 }
 .col-lg-16 {
  width:66.66666667%
 }
 .col-lg-15 {
  width:62.5%
 }
 .col-lg-14 {
  width:58.33333333%
 }
 .col-lg-13 {
  width:54.16666667%
 }
 .col-lg-12 {
  width:50%
 }
 .col-lg-11 {
  width:45.83333333%
 }
 .col-lg-10 {
  width:41.66666667%
 }
 .col-lg-9 {
  width:37.5%
 }
 .col-lg-8 {
  width:33.33333333%
 }
 .col-lg-7 {
  width:29.16666667%
 }
 .col-lg-6 {
  width:25%
 }
 .col-lg-5 {
  width:20.83333333%
 }
 .col-lg-4 {
  width:16.66666667%
 }
 .col-lg-3 {
  width:12.5%
 }
 .col-lg-2 {
  width:8.33333333%
 }
 .col-lg-1 {
  width:4.16666667%
 }
 .col-lg-offset-24 {
  margin-right:100%
 }
 .col-lg-offset-23 {
  margin-right:95.83333333%
 }
 .col-lg-offset-22 {
  margin-right:91.66666667%
 }
 .col-lg-offset-21 {
  margin-right:87.5%
 }
 .col-lg-offset-20 {
  margin-right:83.33333333%
 }
 .col-lg-offset-19 {
  margin-right:79.16666667%
 }
 .col-lg-offset-18 {
  margin-right:75%
 }
 .col-lg-offset-17 {
  margin-right:70.83333333%
 }
 .col-lg-offset-16 {
  margin-right:66.66666667%
 }
 .col-lg-offset-15 {
  margin-right:62.5%
 }
 .col-lg-offset-14 {
  margin-right:58.33333333%
 }
 .col-lg-offset-13 {
  margin-right:54.16666667%
 }
 .col-lg-offset-12 {
  margin-right:50%
 }
 .col-lg-offset-11 {
  margin-right:45.83333333%
 }
 .col-lg-offset-10 {
  margin-right:41.66666667%
 }
 .col-lg-offset-9 {
  margin-right:37.5%
 }
 .col-lg-offset-8 {
  margin-right:33.33333333%
 }
 .col-lg-offset-7 {
  margin-right:29.16666667%
 }
 .col-lg-offset-6 {
  margin-right:25%
 }
 .col-lg-offset-5 {
  margin-right:20.83333333%
 }
 .col-lg-offset-4 {
  margin-right:16.66666667%
 }
 .col-lg-offset-3 {
  margin-right:12.5%
 }
 .col-lg-offset-2 {
  margin-right:8.33333333%
 }
 .col-lg-offset-1 {
  margin-right:4.16666667%
 }
 .col-lg-offset-0 {
  margin-right:0
 }
}
.visible-xs-block,
.visible-sm-block,
.visible-md-block,
.visible-lg-block {
 display:none!important
}
@media (max-width: 767px) {
 .visible-xs {
  display:block!important
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm {
  display:block!important
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md {
  display:block!important
 }
}
@media (min-width: 1200px) {
 .visible-lg {
  display:block!important
 }
}
@media (max-width: 767px) {
 .hidden-xs {
  display:none!important
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .hidden-sm {
  display:none!important
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .hidden-md {
  display:none!important
 }
}
@media (min-width: 1200px) {
 .hidden-lg {
  display:none!important
 }
}

/**
*
*	Name:			IRAN Sans-Serif Font
*	Version:		5.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 25, 2012
*	Updated on:		Sep 01, 2017
*	Website:		             http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
--------------------------------------------------------------------------------------
*	
**/
@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 900;
    src: url('/Content/Font/iransans/IRANSansWebFaNum_Black.eot');
    src: url('/Content/Font/iransans/IRANSansWebFaNum_Black.eot?#iefix') format('embedded-opentype'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Black.woff2') format('woff2'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Black.woff') format('woff'),
    url('/Content/Font/iransans/IRANSansWebFaNum_Black.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: bold;
    src: url('/Content/Font/iransans/IRANSansWebFaNum_Bold.eot');
    src: url('/Content/Font/iransans/IRANSansWebFaNum_Bold.eot?#iefix') format('embedded-opentype'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Bold.woff2') format('woff2'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Bold.woff') format('woff'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Bold.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 500;
    src: url('/Content/Font/iransans/IRANSansWebFaNum_Medium.eot');
    src: url('/Content/Font/iransans/IRANSansWebFaNum_Medium.eot?#iefix') format('embedded-opentype'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Medium.woff2') format('woff2'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Medium.woff') format('woff'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Medium.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 300;
    src: url('/Content/Font/iransans/IRANSansWebFaNum_Light.eot');
    src: url('/Content/Font/iransans/IRANSansWebFaNum_Light.eot?#iefix') format('embedded-opentype'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Light.woff2') format('woff2'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_Light.woff') format('woff'),
    url('/Content/Font/iransans/IRANSansWebFaNum_Light.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 200;
    src: url('/Content/Font/iransans/IRANSansWebFaNum_UltraLight.eot');
    src: url('/Content/Font/iransans/IRANSansWebFaNum_UltraLight.eot?#iefix') format('embedded-opentype'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_UltraLight.woff2') format('woff2'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_UltraLight.woff') format('woff'), 
    url('/Content/Font/iransans/IRANSansWebFaNum_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: normal;
    src: url('/Content/Font/iransans/IRANSansWebFaNum.eot');
    src: url('/Content/Font/iransans/IRANSansWebFaNum.eot?#iefix') format('embedded-opentype'), 
    url('/Content/Font/iransans/IRANSansWebFaNum.woff2') format('woff2'), 
    url('/Content/Font/iransans/IRANSansWebFaNum.woff') format('woff'), 
    url('/Content/Font/iransans/IRANSansWebFaNum.ttf') format('truetype');
}

/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nErXyw1W3fxIlGzg.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nMrXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nFrXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nDrXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nPrXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nBrXyw1W3fxIk.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nErXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nMrXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nFrXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nDrXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nPrXyw1W3fxIlGzg.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/Content/Font/rubik/iJWKBXyIfDnIV7nBrXyw1W3fxIk.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.font-base, button, input[type=button], body {
    font-family: iransans !important;
}

@font-face {
  font-family: 'orodicon';
  src:  url('/Content/Font/orodicon/orodicon.eot?ygtybb');
  src:  url('/Content/Font/orodicon/orodicon.eot?ygtybb#iefix') format('embedded-opentype'),
        url('/Content/Font/orodicon/orodicon.ttf?ygtybb') format('truetype'),
        url('/Content/Font/orodicon/orodicon.woff?ygtybb') format('woff'),
        url('/Content/Font/orodicon/orodicon.svg?ygtybb#orodicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}



[class^="oicon-"], [class*=" oicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'orodicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.oicon-group:before {
    content: "\e900";
}

.oicon-px:before {
    content: "\e901";
}

.oicon-accessible-icon:before {
    content: "\e902";
}

.oicon-accusoft:before {
    content: "\e903";
}

.oicon-acquisitions-incorporated:before {
    content: "\e904";
}

.oicon-adn:before {
    content: "\e905";
}

.oicon-adversal:before {
    content: "\e906";
}

.oicon-affiliatetheme:before {
    content: "\e907";
}

.oicon-airbnb:before {
    content: "\e908";
}

.oicon-algolia:before {
    content: "\e909";
}

.oicon-alipay:before {
    content: "\e90a";
}

.oicon-amazon:before {
    content: "\e90b";
}

.oicon-amazon-pay:before {
    content: "\e90c";
}

.oicon-amilia:before {
    content: "\e90d";
}

.oicon-android:before {
    content: "\e90e";
}

.oicon-angellist:before {
    content: "\e90f";
}

.oicon-angrycreative:before {
    content: "\e910";
}

.oicon-angular:before {
    content: "\e911";
}

.oicon-apper:before {
    content: "\e912";
}

.oicon-apple:before {
    content: "\e913";
}

.oicon-apple-pay:before {
    content: "\e914";
}

.oicon-app-store:before {
    content: "\e915";
}

.oicon-app-store-ios:before {
    content: "\e916";
}

.oicon-artstation:before {
    content: "\e917";
}

.oicon-asymmetrik:before {
    content: "\e918";
}

.oicon-atlassian:before {
    content: "\e919";
}

.oicon-audible:before {
    content: "\e91a";
}

.oicon-autoprefixer:before {
    content: "\e91b";
}

.oicon-avianex:before {
    content: "\e91c";
}

.oicon-aviato:before {
    content: "\e91d";
}

.oicon-aws:before {
    content: "\e91e";
}

.oicon-bandcamp:before {
    content: "\e91f";
}

.oicon-battle-net:before {
    content: "\e920";
}

.oicon-behance:before {
    content: "\e921";
}

.oicon-behance-square:before {
    content: "\e922";
}

.oicon-bilibili:before {
    content: "\e923";
}

.oicon-bimobject:before {
    content: "\e924";
}

.oicon-bitbucket:before {
    content: "\e925";
}

.oicon-bitcoin:before {
    content: "\e926";
}

.oicon-bity:before {
    content: "\e927";
}

.oicon-blackberry:before {
    content: "\e928";
}

.oicon-black-tie:before {
    content: "\e929";
}

.oicon-blogger:before {
    content: "\e92a";
}

.oicon-blogger-b:before {
    content: "\e92b";
}

.oicon-bluetooth:before {
    content: "\e92c";
}

.oicon-bluetooth-b:before {
    content: "\e92d";
}

.oicon-bootstrap:before {
    content: "\e92e";
}

.oicon-bots:before {
    content: "\e92f";
}

.oicon-btc:before {
    content: "\e930";
}

.oicon-buffer:before {
    content: "\e931";
}

.oicon-buromobelexperte:before {
    content: "\e932";
}

.oicon-buy-n-large:before {
    content: "\e933";
}

.oicon-buysellads:before {
    content: "\e934";
}

.oicon-canadian-maple-leaf:before {
    content: "\e935";
}

.oicon-cc-amazon-pay:before {
    content: "\e936";
}

.oicon-cc-amex:before {
    content: "\e937";
}

.oicon-cc-apple-pay:before {
    content: "\e938";
}

.oicon-cc-diners-club:before {
    content: "\e939";
}

.oicon-cc-discover:before {
    content: "\e93a";
}

.oicon-cc-jcb:before {
    content: "\e93b";
}

.oicon-cc-mastercard:before {
    content: "\e93c";
}

.oicon-cc-paypal:before {
    content: "\e93d";
}

.oicon-cc-stripe:before {
    content: "\e93e";
}

.oicon-cc-visa:before {
    content: "\e93f";
}

.oicon-centercode:before {
    content: "\e940";
}

.oicon-centos:before {
    content: "\e941";
}

.oicon-chrome:before {
    content: "\e942";
}

.oicon-chromecast:before {
    content: "\e943";
}

.oicon-cloudflare:before {
    content: "\e944";
}

.oicon-cloudscale:before {
    content: "\e945";
}

.oicon-cloudsmith:before {
    content: "\e946";
}

.oicon-cloudversify:before {
    content: "\e947";
}

.oicon-cmplid:before {
    content: "\e948";
}

.oicon-codepen:before {
    content: "\e949";
}

.oicon-codiepie:before {
    content: "\e94a";
}

.oicon-confluence:before {
    content: "\e94b";
}

.oicon-connectdevelop:before {
    content: "\e94c";
}

.oicon-contao:before {
    content: "\e94d";
}

.oicon-cotton-bureau:before {
    content: "\e94e";
}

.oicon-cpanel:before {
    content: "\e94f";
}

.oicon-creative-commons:before {
    content: "\e950";
}

.oicon-creative-commons-by:before {
    content: "\e951";
}

.oicon-creative-commons-nc:before {
    content: "\e952";
}

.oicon-creative-commons-nc-eu:before {
    content: "\e953";
}

.oicon-creative-commons-nc-jp:before {
    content: "\e954";
}

.oicon-creative-commons-nd:before {
    content: "\e955";
}

.oicon-creative-commons-pd:before {
    content: "\e956";
}

.oicon-creative-commons-pd-alt:before {
    content: "\e957";
}

.oicon-creative-commons-remix:before {
    content: "\e958";
}

.oicon-creative-commons-sa:before {
    content: "\e959";
}

.oicon-creative-commons-sampling:before {
    content: "\e95a";
}

.oicon-creative-commons-sampling-plus:before {
    content: "\e95b";
}

.oicon-creative-commons-share:before {
    content: "\e95c";
}

.oicon-creative-commons-zero:before {
    content: "\e95d";
}

.oicon-critical-role:before {
    content: "\e95e";
}

.oicon-css3:before {
    content: "\e95f";
}

.oicon-css3-alt:before {
    content: "\e960";
}

.oicon-cuttlefish:before {
    content: "\e961";
}

.oicon-dailymotion:before {
    content: "\e962";
}

.oicon-d-and-d:before {
    content: "\e963";
}

.oicon-d-and-d-beyond:before {
    content: "\e964";
}

.oicon-dashcube:before {
    content: "\e965";
}

.oicon-deezer:before {
    content: "\e966";
}

.oicon-delicious:before {
    content: "\e967";
}

.oicon-deploydog:before {
    content: "\e968";
}

.oicon-deskpro:before {
    content: "\e969";
}

.oicon-dev:before {
    content: "\e96a";
}

.oicon-deviantart:before {
    content: "\e96b";
}

.oicon-dhl:before {
    content: "\e96c";
}

.oicon-diaspora:before {
    content: "\e96d";
}

.oicon-digg:before {
    content: "\e96e";
}

.oicon-digital-ocean:before {
    content: "\e96f";
}

.oicon-discord:before {
    content: "\e970";
}

.oicon-discourse:before {
    content: "\e971";
}

.oicon-dochub:before {
    content: "\e972";
}

.oicon-docker:before {
    content: "\e973";
}

.oicon-draft2digital:before {
    content: "\e974";
}

.oicon-dribbble:before {
    content: "\e975";
}

.oicon-dribbble-square:before {
    content: "\e976";
}

.oicon-dropbox:before {
    content: "\e977";
}

.oicon-drupal:before {
    content: "\e978";
}

.oicon-dyalog:before {
    content: "\e979";
}

.oicon-earlybirds:before {
    content: "\e97a";
}

.oicon-ebay:before {
    content: "\e97b";
}

.oicon-edge:before {
    content: "\e97c";
}

.oicon-edge-legacy:before {
    content: "\e97d";
}

.oicon-elementor:before {
    content: "\e97e";
}

.oicon-ello:before {
    content: "\e97f";
}

.oicon-ember:before {
    content: "\e980";
}

.oicon-empire:before {
    content: "\e981";
}

.oicon-envira:before {
    content: "\e982";
}

.oicon-erlang:before {
    content: "\e983";
}

.oicon-ethereum:before {
    content: "\e984";
}

.oicon-etsy:before {
    content: "\e985";
}

.oicon-evernote:before {
    content: "\e986";
}

.oicon-expeditedssl:before {
    content: "\e987";
}

.oicon-facebook:before {
    content: "\e988";
}

.oicon-facebook-f:before {
    content: "\e989";
}

.oicon-facebook-messenger:before {
    content: "\e98a";
}

.oicon-facebook-square:before {
    content: "\e98b";
}

.oicon-fantasy-flight-games:before {
    content: "\e98c";
}

.oicon-fedex:before {
    content: "\e98d";
}

.oicon-fedora:before {
    content: "\e98e";
}

.oicon-figma:before {
    content: "\e98f";
}

.oicon-firefox:before {
    content: "\e990";
}

.oicon-firefox-browser:before {
    content: "\e991";
}

.oicon-firstdraft:before {
    content: "\e992";
}

.oicon-first-order:before {
    content: "\e993";
}

.oicon-first-order-alt:before {
    content: "\e994";
}

.oicon-flickr:before {
    content: "\e995";
}

.oicon-flipboard:before {
    content: "\e996";
}

.oicon-fly:before {
    content: "\e997";
}

.oicon-font-awesome:before {
    content: "\e998";
}

.oicon-fonticons:before {
    content: "\e999";
}

.oicon-fonticons-fi:before {
    content: "\e99a";
}

.oicon-fort-awesome:before {
    content: "\e99b";
}

.oicon-fort-awesome-alt:before {
    content: "\e99c";
}

.oicon-forumbee:before {
    content: "\e99d";
}

.oicon-foursquare:before {
    content: "\e99e";
}

.oicon-freebsd:before {
    content: "\e99f";
}

.oicon-free-code-camp:before {
    content: "\e9a0";
}

.oicon-fulcrum:before {
    content: "\e9a1";
}

.oicon-galactic-republic:before {
    content: "\e9a2";
}

.oicon-galactic-senate:before {
    content: "\e9a3";
}

.oicon-get-pocket:before {
    content: "\e9a4";
}

.oicon-gg:before {
    content: "\e9a5";
}

.oicon-gg-circle:before {
    content: "\e9a6";
}

.oicon-git:before {
    content: "\e9a7";
}

.oicon-git-alt:before {
    content: "\e9a8";
}

.oicon-github:before {
    content: "\e9a9";
}

.oicon-github-alt:before {
    content: "\e9aa";
}

.oicon-github-square:before {
    content: "\e9ab";
}

.oicon-gitkraken:before {
    content: "\e9ac";
}

.oicon-gitlab:before {
    content: "\e9ad";
}

.oicon-git-square:before {
    content: "\e9ae";
}

.oicon-gitter:before {
    content: "\e9af";
}

.oicon-glide:before {
    content: "\e9b0";
}

.oicon-glide-g:before {
    content: "\e9b1";
}

.oicon-gofore:before {
    content: "\e9b2";
}

.oicon-golang:before {
    content: "\e9b3";
}

.oicon-goodreads:before {
    content: "\e9b4";
}

.oicon-goodreads-g:before {
    content: "\e9b5";
}

.oicon-google:before {
    content: "\e9b6";
}

.oicon-google-drive:before {
    content: "\e9b7";
}

.oicon-google-pay:before {
    content: "\e9b8";
}

.oicon-google-play:before {
    content: "\e9b9";
}

.oicon-google-plus:before {
    content: "\e9ba";
}

.oicon-google-plus-g:before {
    content: "\e9bb";
}

.oicon-google-plus-square:before {
    content: "\e9bc";
}

.oicon-google-wallet:before {
    content: "\e9bd";
}

.oicon-gratipay:before {
    content: "\e9be";
}

.oicon-grav:before {
    content: "\e9bf";
}

.oicon-gripfire:before {
    content: "\e9c0";
}

.oicon-grunt:before {
    content: "\e9c1";
}

.oicon-guilded:before {
    content: "\e9c2";
}

.oicon-gulp:before {
    content: "\e9c3";
}

.oicon-hacker-news:before {
    content: "\e9c4";
}

.oicon-hacker-news-square:before {
    content: "\e9c5";
}

.oicon-hackerrank:before {
    content: "\e9c6";
}

.oicon-hips:before {
    content: "\e9c7";
}

.oicon-hire-a-helper:before {
    content: "\e9c8";
}

.oicon-hive:before {
    content: "\e9c9";
}

.oicon-hooli:before {
    content: "\e9ca";
}

.oicon-hornbill:before {
    content: "\e9cb";
}

.oicon-hotjar:before {
    content: "\e9cc";
}

.oicon-houzz:before {
    content: "\e9cd";
}

.oicon-html5:before {
    content: "\e9ce";
}

.oicon-hubspot:before {
    content: "\e9cf";
}

.oicon-starl:before {
    content: "\e9d0";
}

.oicon-imdb:before {
    content: "\e9d1";
}

.oicon-instagram:before {
    content: "\e9d2";
}

.oicon-instagram-square:before {
    content: "\e9d3";
}

.oicon-instalod:before {
    content: "\e9d4";
}

.oicon-intercom:before {
    content: "\e9d5";
}

.oicon-internet-explorer:before {
    content: "\e9d6";
}

.oicon-invision:before {
    content: "\e9d7";
}

.oicon-ioxhost:before {
    content: "\e9d8";
}

.oicon-itch-io:before {
    content: "\e9d9";
}

.oicon-itunes:before {
    content: "\e9da";
}

.oicon-itunes-note:before {
    content: "\e9db";
}

.oicon-java:before {
    content: "\e9dc";
}

.oicon-jedi-order:before {
    content: "\e9dd";
}

.oicon-jenkins:before {
    content: "\e9de";
}

.oicon-jira:before {
    content: "\e9df";
}

.oicon-joget:before {
    content: "\e9e0";
}

.oicon-joomla:before {
    content: "\e9e1";
}

.oicon-js:before {
    content: "\e9e2";
}

.oicon-jsfiddle:before {
    content: "\e9e3";
}

.oicon-js-square:before {
    content: "\e9e4";
}

.oicon-kaggle:before {
    content: "\e9e5";
}

.oicon-keybase:before {
    content: "\e9e6";
}

.oicon-keycdn:before {
    content: "\e9e7";
}

.oicon-kickstarter:before {
    content: "\e9e8";
}

.oicon-kickstarter-k:before {
    content: "\e9e9";
}

.oicon-korvue:before {
    content: "\e9ea";
}

.oicon-laravel:before {
    content: "\e9eb";
}

.oicon-lastfm:before {
    content: "\e9ec";
}

.oicon-lastfm-square:before {
    content: "\e9ed";
}

.oicon-leanpub:before {
    content: "\e9ee";
}

.oicon-less:before {
    content: "\e9ef";
}

.oicon-line:before {
    content: "\e9f0";
}

.oicon-linkedin:before {
    content: "\e9f1";
}

.oicon-linkedin-in:before {
    content: "\e9f2";
}

.oicon-linode:before {
    content: "\e9f3";
}

.oicon-linux:before {
    content: "\e9f4";
}

.oicon-lyft:before {
    content: "\e9f5";
}

.oicon-magento:before {
    content: "\e9f6";
}

.oicon-mailchimp:before {
    content: "\e9f7";
}

.oicon-mandalorian:before {
    content: "\e9f8";
}

.oicon-markdown:before {
    content: "\e9f9";
}

.oicon-mastodon:before {
    content: "\e9fa";
}

.oicon-maxcdn:before {
    content: "\e9fb";
}

.oicon-mdb:before {
    content: "\e9fc";
}

.oicon-medapps:before {
    content: "\e9fd";
}

.oicon-medium:before {
    content: "\e9fe";
}

.oicon-medrt:before {
    content: "\e9ff";
}

.oicon-meetup:before {
    content: "\ea00";
}

.oicon-megaport:before {
    content: "\ea01";
}

.oicon-mendeley:before {
    content: "\ea02";
}

.oicon-microblog:before {
    content: "\ea03";
}

.oicon-microsoft:before {
    content: "\ea04";
}

.oicon-mix:before {
    content: "\ea05";
}

.oicon-mixcloud:before {
    content: "\ea06";
}

.oicon-mixer:before {
    content: "\ea07";
}

.oicon-mizuni:before {
    content: "\ea08";
}

.oicon-modx:before {
    content: "\ea09";
}

.oicon-monero:before {
    content: "\ea0a";
}

.oicon-napster:before {
    content: "\ea0b";
}

.oicon-neos:before {
    content: "\ea0c";
}

.oicon-nimblr:before {
    content: "\ea0d";
}

.oicon-node:before {
    content: "\ea0e";
}

.oicon-node-js:before {
    content: "\ea0f";
}

.oicon-npm:before {
    content: "\ea10";
}

.oicon-ns8:before {
    content: "\ea11";
}

.oicon-nutritionix:before {
    content: "\ea12";
}

.oicon-octopus-deploy:before {
    content: "\ea13";
}

.oicon-odnoklassniki:before {
    content: "\ea14";
}

.oicon-odnoklassniki-square:before {
    content: "\ea15";
}

.oicon-old-republic:before {
    content: "\ea16";
}

.oicon-opencart:before {
    content: "\ea17";
}

.oicon-openid:before {
    content: "\ea18";
}

.oicon-opera:before {
    content: "\ea19";
}

.oicon-optin-monster:before {
    content: "\ea1a";
}

.oicon-orcid:before {
    content: "\ea1b";
}

.oicon-osi:before {
    content: "\ea1c";
}

.oicon-page4:before {
    content: "\ea1d";
}

.oicon-pagelines:before {
    content: "\ea1e";
}

.oicon-palfed:before {
    content: "\ea1f";
}

.oicon-patreon:before {
    content: "\ea20";
}

.oicon-paypal:before {
    content: "\ea21";
}

.oicon-penny-arcade:before {
    content: "\ea22";
}

.oicon-perbyte:before {
    content: "\ea23";
}

.oicon-periscope:before {
    content: "\ea24";
}

.oicon-phabricator:before {
    content: "\ea25";
}

.oicon-phoenix-framework:before {
    content: "\ea26";
}

.oicon-phoenix-squadron:before {
    content: "\ea27";
}

.oicon-php:before {
    content: "\ea28";
}

.oicon-pied-piper:before {
    content: "\ea29";
}

.oicon-pied-piper-alt:before {
    content: "\ea2a";
}

.oicon-pied-piper-hat:before {
    content: "\ea2b";
}

.oicon-pied-piper-pp:before {
    content: "\ea2c";
}

.oicon-pied-piper-square:before {
    content: "\ea2d";
}

.oicon-pinterest:before {
    content: "\ea2e";
}

.oicon-pinterest-p:before {
    content: "\ea2f";
}

.oicon-pinterest-square:before {
    content: "\ea30";
}

.oicon-pix:before {
    content: "\ea31";
}

.oicon-playstation:before {
    content: "\ea32";
}

.oicon-product-hunt:before {
    content: "\ea33";
}

.oicon-pushed:before {
    content: "\ea34";
}

.oicon-python:before {
    content: "\ea35";
}

.oicon-qq:before {
    content: "\ea36";
}

.oicon-quinscape:before {
    content: "\ea37";
}

.oicon-quora:before {
    content: "\ea38";
}

.oicon-raspberry-pi:before {
    content: "\ea39";
}

.oicon-ravelry:before {
    content: "\ea3a";
}

.oicon-react:before {
    content: "\ea3b";
}

.oicon-reacteurope:before {
    content: "\ea3c";
}

.oicon-readme:before {
    content: "\ea3d";
}

.oicon-rebel:before {
    content: "\ea3e";
}

.oicon-reddit:before {
    content: "\ea3f";
}

.oicon-reddit-alien:before {
    content: "\ea40";
}

.oicon-reddit-square:before {
    content: "\ea41";
}

.oicon-redhat:before {
    content: "\ea42";
}

.oicon-red-river:before {
    content: "\ea43";
}

.oicon-renren:before {
    content: "\ea44";
}

.oicon-replyd:before {
    content: "\ea45";
}

.oicon-researchgate:before {
    content: "\ea46";
}

.oicon-resolving:before {
    content: "\ea47";
}

.oicon-rev:before {
    content: "\ea48";
}

.oicon-rocketchat:before {
    content: "\ea49";
}

.oicon-rockrms:before {
    content: "\ea4a";
}

.oicon-r-project:before {
    content: "\ea4b";
}

.oicon-rust:before {
    content: "\ea4c";
}

.oicon-safari:before {
    content: "\ea4d";
}

.oicon-salesforce:before {
    content: "\ea4e";
}

.oicon-sass:before {
    content: "\ea4f";
}

.oicon-schlix:before {
    content: "\ea50";
}

.oicon-scribd:before {
    content: "\ea51";
}

.oicon-searchengin:before {
    content: "\ea52";
}

.oicon-sellcast:before {
    content: "\ea53";
}

.oicon-sellsy:before {
    content: "\ea54";
}

.oicon-servicestack:before {
    content: "\ea55";
}

.oicon-shirtsinbulk:before {
    content: "\ea56";
}

.oicon-shopify:before {
    content: "\ea57";
}

.oicon-shopware:before {
    content: "\ea58";
}

.oicon-simplybuilt:before {
    content: "\ea59";
}

.oicon-sistrix:before {
    content: "\ea5a";
}

.oicon-sith:before {
    content: "\ea5b";
}

.oicon-sitrox:before {
    content: "\ea5c";
}

.oicon-sketch:before {
    content: "\ea5d";
}

.oicon-skyatlas:before {
    content: "\ea5e";
}

.oicon-skype:before {
    content: "\ea5f";
}

.oicon-slack:before {
    content: "\ea60";
}

.oicon-slideshare:before {
    content: "\ea61";
}

.oicon-snapchat:before {
    content: "\ea62";
}

.oicon-snapchat-square:before {
    content: "\ea63";
}

.oicon-soundcloud:before {
    content: "\ea64";
}

.oicon-sourcetree:before {
    content: "\ea65";
}

.oicon-speakap:before {
    content: "\ea66";
}

.oicon-speaker-deck:before {
    content: "\ea67";
}

.oicon-spotify:before {
    content: "\ea68";
}

.oicon-square-font-awesome:before {
    content: "\ea69";
}

.oicon-square-font-awesome-stroke:before {
    content: "\ea6a";
}

.oicon-squarespace:before {
    content: "\ea6b";
}

.oicon-stack-exchange:before {
    content: "\ea6c";
}

.oicon-stack-overflow:before {
    content: "\ea6d";
}

.oicon-stackpath:before {
    content: "\ea6e";
}

.oicon-staylinked:before {
    content: "\ea6f";
}

.oicon-steam:before {
    content: "\ea70";
}

.oicon-steam-square:before {
    content: "\ea71";
}

.oicon-steam-symbol:before {
    content: "\ea72";
}

.oicon-sticker-mule:before {
    content: "\ea73";
}

.oicon-strava:before {
    content: "\ea74";
}

.oicon-stripe:before {
    content: "\ea75";
}

.oicon-stripe-s:before {
    content: "\ea76";
}

.oicon-studiovinari:before {
    content: "\ea77";
}

.oicon-stumbleupon:before {
    content: "\ea78";
}

.oicon-stumbleupon-circle:before {
    content: "\ea79";
}

.oicon-superpowers:before {
    content: "\ea7a";
}

.oicon-supple:before {
    content: "\ea7b";
}

.oicon-suse:before {
    content: "\ea7c";
}

.oicon-swift:before {
    content: "\ea7d";
}

.oicon-symfony:before {
    content: "\ea7e";
}

.oicon-teamspeak:before {
    content: "\ea7f";
}

.oicon-telegram:before {
    content: "\ea80";
}

.oicon-tencent-weibo:before {
    content: "\ea81";
}

.oicon-themeco:before {
    content: "\ea82";
}

.oicon-themeisle:before {
    content: "\ea83";
}

.oicon-the-red-yeti:before {
    content: "\ea84";
}

.oicon-think-peaks:before {
    content: "\ea85";
}

.oicon-tiktok:before {
    content: "\ea86";
}

.oicon-trade-federation:before {
    content: "\ea87";
}

.oicon-trello:before {
    content: "\ea88";
}

.oicon-tumblr:before {
    content: "\ea89";
}

.oicon-tumblr-square:before {
    content: "\ea8a";
}

.oicon-twitch:before {
    content: "\ea8b";
}

.oicon-twitter:before {
    content: "\ea8c";
}

.oicon-twitter-square:before {
    content: "\ea8d";
}

.oicon-typo3:before {
    content: "\ea8e";
}

.oicon-uber:before {
    content: "\ea8f";
}

.oicon-ubuntu:before {
    content: "\ea90";
}

.oicon-uikit:before {
    content: "\ea91";
}

.oicon-umbraco:before {
    content: "\ea92";
}

.oicon-uncharted:before {
    content: "\ea93";
}

.oicon-uniregistry:before {
    content: "\ea94";
}

.oicon-unity:before {
    content: "\ea95";
}

.oicon-unsplash:before {
    content: "\ea96";
}

.oicon-untappd:before {
    content: "\ea97";
}

.oicon-ups:before {
    content: "\ea98";
}

.oicon-usb:before {
    content: "\ea99";
}

.oicon-usps:before {
    content: "\ea9a";
}

.oicon-ussunnah:before {
    content: "\ea9b";
}

.oicon-vaadin:before {
    content: "\ea9c";
}

.oicon-viacoin:before {
    content: "\ea9d";
}

.oicon-viadeo:before {
    content: "\ea9e";
}

.oicon-viadeo-square:before {
    content: "\ea9f";
}

.oicon-viber:before {
    content: "\eaa0";
}

.oicon-vimeo:before {
    content: "\eaa1";
}

.oicon-vimeo-square:before {
    content: "\eaa2";
}

.oicon-vimeo-v:before {
    content: "\eaa3";
}

.oicon-vine:before {
    content: "\eaa4";
}

.oicon-vk:before {
    content: "\eaa5";
}

.oicon-vnv:before {
    content: "\eaa6";
}

.oicon-vuejs:before {
    content: "\eaa7";
}

.oicon-watchman-monitoring:before {
    content: "\eaa8";
}

.oicon-waze:before {
    content: "\eaa9";
}

.oicon-weebly:before {
    content: "\eaaa";
}

.oicon-weibo:before {
    content: "\eaab";
}

.oicon-weixin:before {
    content: "\eaac";
}

.oicon-whatsapp:before {
    content: "\eaad";
}

.oicon-whatsapp-square:before {
    content: "\eaae";
}

.oicon-whmcs:before {
    content: "\eaaf";
}

.oicon-wikipedia-w:before {
    content: "\eab0";
}

.oicon-windows:before {
    content: "\eab1";
}

.oicon-wirsindhandwerk:before {
    content: "\eab2";
}

.oicon-wix:before {
    content: "\eab3";
}

.oicon-wizards-of-the-coast:before {
    content: "\eab4";
}

.oicon-wodu:before {
    content: "\eab5";
}

.oicon-wolf-pack-battalion:before {
    content: "\eab6";
}

.oicon-wordpress:before {
    content: "\eab7";
}

.oicon-wordpress-simple:before {
    content: "\eab8";
}

.oicon-wpbeginner:before {
    content: "\eab9";
}

.oicon-wpexplorer:before {
    content: "\eaba";
}

.oicon-wpforms:before {
    content: "\eabb";
}

.oicon-wpressr:before {
    content: "\eabc";
}

.oicon-xbox:before {
    content: "\eabd";
}

.oicon-xing:before {
    content: "\eabe";
}

.oicon-xing-square:before {
    content: "\eabf";
}

.oicon-yahoo:before {
    content: "\eac0";
}

.oicon-yammer:before {
    content: "\eac1";
}

.oicon-yandex:before {
    content: "\eac2";
}

.oicon-yandex-international:before {
    content: "\eac3";
}

.oicon-yarn:before {
    content: "\eac4";
}

.oicon-y-combinator:before {
    content: "\eac5";
}

.oicon-yelp:before {
    content: "\eac6";
}

.oicon-yoast:before {
    content: "\eac7";
}

.oicon-youtube:before {
    content: "\eac8";
}

.oicon-youtube-square:before {
    content: "\eac9";
}

.oicon-zhihu:before {
    content: "\eaca";
}

.oicon-address-book:before {
    content: "\eacb";
}

.oicon-address-card:before {
    content: "\eacc";
}

.oicon-bell:before {
    content: "\eacd";
}

.oicon-bell-slash:before {
    content: "\eace";
}

.oicon-bookmark:before {
    content: "\eacf";
}

.oicon-building:before {
    content: "\ead0";
}

.oicon-calendar:before {
    content: "\ead1";
}

.oicon-calendar-check:before {
    content: "\ead2";
}

.oicon-calendar-days:before {
    content: "\ead3";
}

.oicon-calendar-minus:before {
    content: "\ead4";
}

.oicon-calendar-plus:before {
    content: "\ead5";
}

.oicon-calendar-xmark:before {
    content: "\ead6";
}

.oicon-chart-bar:before {
    content: "\ead7";
}

.oicon-chess-bishop:before {
    content: "\ead8";
}

.oicon-chess-king:before {
    content: "\ead9";
}

.oicon-chess-knight:before {
    content: "\eada";
}

.oicon-chess-pawn:before {
    content: "\eadb";
}

.oicon-chess-queen:before {
    content: "\eadc";
}

.oicon-chess-rook:before {
    content: "\eadd";
}

.oicon-circle:before {
    content: "\eade";
}

.oicon-circle-check:before {
    content: "\eadf";
}

.oicon-circle-dot:before {
    content: "\eae0";
}

.oicon-circle-down:before {
    content: "\eae1";
}

.oicon-circle-left:before {
    content: "\eae2";
}

.oicon-circle-pause:before {
    content: "\eae3";
}

.oicon-circle-play:before {
    content: "\eae4";
}

.oicon-circle-question:before {
    content: "\eae5";
}

.oicon-circle-right:before {
    content: "\eae6";
}

.oicon-circle-stop:before {
    content: "\eae7";
}

.oicon-circle-up:before {
    content: "\eae8";
}

.oicon-circle-user:before {
    content: "\eae9";
}

.oicon-circle-xmark:before {
    content: "\eaea";
}

.oicon-clipboard:before {
    content: "\eaeb";
}

.oicon-clock:before {
    content: "\eaec";
}

.oicon-clone:before {
    content: "\eaed";
}

.oicon-closed-captioning:before {
    content: "\eaee";
}

.oicon-comment:before {
    content: "\eaef";
}

.oicon-comment-dots:before {
    content: "\eaf0";
}

.oicon-comments:before {
    content: "\eaf1";
}

.oicon-compass:before {
    content: "\eaf2";
}

.oicon-copy:before {
    content: "\eaf3";
}

.oicon-copyright:before {
    content: "\eaf4";
}

.oicon-credit-card:before {
    content: "\eaf5";
}

.oicon-envelope:before {
    content: "\eaf6";
}

.oicon-envelope-open:before {
    content: "\eaf7";
}

.oicon-eye:before {
    content: "\eaf8";
}

.oicon-eye-slash:before {
    content: "\eaf9";
}

.oicon-face-angry:before {
    content: "\eafa";
}

.oicon-face-dizzy:before {
    content: "\eafb";
}

.oicon-face-flushed:before {
    content: "\eafc";
}

.oicon-face-frown:before {
    content: "\eafd";
}

.oicon-face-frown-open:before {
    content: "\eafe";
}

.oicon-face-grimace:before {
    content: "\eaff";
}

.oicon-face-grin:before {
    content: "\eb00";
}

.oicon-face-grin-beam:before {
    content: "\eb01";
}

.oicon-face-grin-beam-sweat:before {
    content: "\eb02";
}

.oicon-face-grin-hearts:before {
    content: "\eb03";
}

.oicon-face-grin-squint:before {
    content: "\eb04";
}

.oicon-face-grin-squint-tears:before {
    content: "\eb05";
}

.oicon-face-grin-stars:before {
    content: "\eb06";
}

.oicon-face-grin-tears:before {
    content: "\eb07";
}

.oicon-face-grin-tongue:before {
    content: "\eb08";
}

.oicon-face-grin-tongue-squint:before {
    content: "\eb09";
}

.oicon-face-grin-tongue-wink:before {
    content: "\eb0a";
}

.oicon-face-grin-wide:before {
    content: "\eb0b";
}

.oicon-face-grin-wink:before {
    content: "\eb0c";
}

.oicon-face-kiss:before {
    content: "\eb0d";
}

.oicon-face-kiss-beam:before {
    content: "\eb0e";
}

.oicon-face-kiss-wink-heart:before {
    content: "\eb0f";
}

.oicon-face-laugh:before {
    content: "\eb10";
}

.oicon-face-laugh-beam:before {
    content: "\eb11";
}

.oicon-face-laugh-squint:before {
    content: "\eb12";
}

.oicon-face-laugh-wink:before {
    content: "\eb13";
}

.oicon-face-meh:before {
    content: "\eb14";
}

.oicon-face-meh-blank:before {
    content: "\eb15";
}

.oicon-face-rolling-eyes:before {
    content: "\eb16";
}

.oicon-face-sad-cry:before {
    content: "\eb17";
}

.oicon-face-sad-tear:before {
    content: "\eb18";
}

.oicon-face-smile:before {
    content: "\eb19";
}

.oicon-face-smile-beam:before {
    content: "\eb1a";
}

.oicon-face-smile-wink:before {
    content: "\eb1b";
}

.oicon-face-surprise:before {
    content: "\eb1c";
}

.oicon-face-tired:before {
    content: "\eb1d";
}

.oicon-file:before {
    content: "\eb1e";
}

.oicon-file-audio:before {
    content: "\eb1f";
}

.oicon-file-code:before {
    content: "\eb20";
}

.oicon-file-excel:before {
    content: "\eb21";
}

.oicon-file-image:before {
    content: "\eb22";
}

.oicon-file-lines:before {
    content: "\eb23";
}

.oicon-file-pdf:before {
    content: "\eb24";
}

.oicon-file-powerpoint:before {
    content: "\eb25";
}

.oicon-file-video:before {
    content: "\eb26";
}

.oicon-file-word:before {
    content: "\eb27";
}

.oicon-file-zipper:before {
    content: "\eb28";
}

.oicon-flag:before {
    content: "\eb29";
}

.oicon-floppy-disk:before {
    content: "\eb2a";
}

.oicon-folder:before {
    content: "\eb2b";
}

.oicon-folder-open:before {
    content: "\eb2c";
}

.oicon-font-awesome1:before {
    content: "\eb2d";
}

.oicon-futbol:before {
    content: "\eb2e";
}

.oicon-gem:before {
    content: "\eb2f";
}

.oicon-hand:before {
    content: "\eb30";
}

.oicon-hand-back-fist:before {
    content: "\eb31";
}

.oicon-hand-lizard:before {
    content: "\eb32";
}

.oicon-hand-peace:before {
    content: "\eb33";
}

.oicon-hand-point-down:before {
    content: "\eb34";
}

.oicon-hand-pointer:before {
    content: "\eb35";
}

.oicon-hand-point-left:before {
    content: "\eb36";
}

.oicon-hand-point-right:before {
    content: "\eb37";
}

.oicon-hand-point-up:before {
    content: "\eb38";
}

.oicon-hand-scissors:before {
    content: "\eb39";
}

.oicon-handshake:before {
    content: "\eb3a";
}

.oicon-hand-spock:before {
    content: "\eb3b";
}

.oicon-hard-drive:before {
    content: "\eb3c";
}

.oicon-heart:before {
    content: "\eb3d";
}

.oicon-hospital:before {
    content: "\eb3e";
}

.oicon-hourglass:before {
    content: "\eb3f";
}

.oicon-id-badge:before {
    content: "\eb40";
}

.oicon-id-card:before {
    content: "\eb41";
}

.oicon-image:before {
    content: "\eb42";
}

.oicon-images:before {
    content: "\eb43";
}

.oicon-keyboard:before {
    content: "\eb44";
}

.oicon-lemon:before {
    content: "\eb45";
}

.oicon-life-ring:before {
    content: "\eb46";
}

.oicon-lightbulb:before {
    content: "\eb47";
}

.oicon-map:before {
    content: "\eb48";
}

.oicon-message:before {
    content: "\eb49";
}

.oicon-money-bill-1:before {
    content: "\eb4a";
}

.oicon-moon:before {
    content: "\eb4b";
}

.oicon-newspaper:before {
    content: "\eb4c";
}

.oicon-note-sticky:before {
    content: "\eb4d";
}

.oicon-object-group:before {
    content: "\eb4e";
}

.oicon-object-ungroup:before {
    content: "\eb4f";
}

.oicon-paper-plane:before {
    content: "\eb50";
}

.oicon-pen-to-square:before {
    content: "\eb51";
}

.oicon-rectangle-list:before {
    content: "\eb52";
}

.oicon-rectangle-xmark:before {
    content: "\eb53";
}

.oicon-registered:before {
    content: "\eb54";
}

.oicon-share-from-square:before {
    content: "\eb55";
}

.oicon-snowflake:before {
    content: "\eb56";
}

.oicon-square:before {
    content: "\eb57";
}

.oicon-square-caret-down:before {
    content: "\eb58";
}

.oicon-square-caret-left:before {
    content: "\eb59";
}

.oicon-square-caret-right:before {
    content: "\eb5a";
}

.oicon-square-caret-up:before {
    content: "\eb5b";
}

.oicon-square-check:before {
    content: "\eb5c";
}

.oicon-square-full:before {
    content: "\eb5d";
}

.oicon-square-minus:before {
    content: "\eb5e";
}

.oicon-square-plus:before {
    content: "\eb5f";
}

.oicon-star:before {
    content: "\eb60";
}

.oicon-star-half:before {
    content: "\eb61";
}

.oicon-sun:before {
    content: "\eb62";
}

.oicon-thumbs-down:before {
    content: "\eb63";
}

.oicon-thumbs-up:before {
    content: "\eb64";
}

.oicon-trash-can:before {
    content: "\eb65";
}

.oicon-user:before {
    content: "\eb66";
}

.oicon-window-maximize:before {
    content: "\eb67";
}

.oicon-window-minimize:before {
    content: "\eb68";
}

.oicon-window-restore:before {
    content: "\eb69";
}

.oicon-0:before {
    content: "\eb6a";
}

.oicon-1:before {
    content: "\eb6b";
}

.oicon-2:before {
    content: "\eb6c";
}

.oicon-3:before {
    content: "\eb6d";
}

.oicon-4:before {
    content: "\eb6e";
}

.oicon-5:before {
    content: "\eb6f";
}

.oicon-6:before {
    content: "\eb70";
}

.oicon-7:before {
    content: "\eb71";
}

.oicon-8:before {
    content: "\eb72";
}

.oicon-9:before {
    content: "\eb73";
}

.oicon-a:before {
    content: "\eb74";
}

.oicon-address-book1:before {
    content: "\eb75";
}

.oicon-address-card1:before {
    content: "\eb76";
}

.oicon-align-center:before {
    content: "\eb77";
}

.oicon-align-justify:before {
    content: "\eb78";
}

.oicon-align-left:before {
    content: "\eb79";
}

.oicon-align-right:before {
    content: "\eb7a";
}

.oicon-anchor:before {
    content: "\eb7b";
}

.oicon-angle-down:before {
    content: "\eb7c";
}

.oicon-angle-left:before {
    content: "\eb7d";
}

.oicon-angle-right:before {
    content: "\eb7e";
}

.oicon-angles-down:before {
    content: "\eb7f";
}

.oicon-angles-left:before {
    content: "\eb80";
}

.oicon-angles-right:before {
    content: "\eb81";
}

.oicon-angles-up:before {
    content: "\eb82";
}

.oicon-angle-up:before {
    content: "\eb83";
}

.oicon-ankh:before {
    content: "\eb84";
}

.oicon-apple-whole:before {
    content: "\eb85";
}

.oicon-archway:before {
    content: "\eb86";
}

.oicon-arrow-down:before {
    content: "\eb87";
}

.oicon-arrow-down-1-9:before {
    content: "\eb88";
}

.oicon-arrow-down-9-1:before {
    content: "\eb89";
}

.oicon-arrow-down-a-z:before {
    content: "\eb8a";
}

.oicon-arrow-down-short-wide:before {
    content: "\eb8b";
}

.oicon-arrow-down-wide-short:before {
    content: "\eb8c";
}

.oicon-arrow-down-z-a:before {
    content: "\eb8d";
}

.oicon-arrow-left:before {
    content: "\eb8e";
}

.oicon-arrow-pointer:before {
    content: "\eb8f";
}

.oicon-arrow-right:before {
    content: "\eb90";
}

.oicon-arrow-rotate-left:before {
    content: "\eb91";
}

.oicon-arrow-rotate-right:before {
    content: "\eb92";
}

.oicon-arrows-rotate:before {
    content: "\eb93";
}

.oicon-arrow-trend-down:before {
    content: "\eb94";
}

.oicon-arrow-trend-up:before {
    content: "\eb95";
}

.oicon-arrow-up:before {
    content: "\eb96";
}

.oicon-arrow-up-1-9:before {
    content: "\eb97";
}

.oicon-arrow-up-9-1:before {
    content: "\eb98";
}

.oicon-arrow-up-a-z:before {
    content: "\eb99";
}

.oicon-arrow-up-from-bracket:before {
    content: "\eb9a";
}

.oicon-arrow-up-short-wide:before {
    content: "\eb9b";
}

.oicon-arrow-up-wide-short:before {
    content: "\eb9c";
}

.oicon-arrow-up-z-a:before {
    content: "\eb9d";
}

.oicon-asterisk:before {
    content: "\eb9e";
}

.oicon-at:before {
    content: "\eb9f";
}

.oicon-atom:before {
    content: "\eba0";
}

.oicon-audio-description:before {
    content: "\eba1";
}

.oicon-austral-sign:before {
    content: "\eba2";
}

.oicon-award:before {
    content: "\eba3";
}

.oicon-b:before {
    content: "\eba4";
}

.oicon-baby:before {
    content: "\eba5";
}

.oicon-baby-carriage:before {
    content: "\eba6";
}

.oicon-backward:before {
    content: "\eba7";
}

.oicon-backward-fast:before {
    content: "\eba8";
}

.oicon-backward-step:before {
    content: "\eba9";
}

.oicon-bacon:before {
    content: "\ebaa";
}

.oicon-bacteria:before {
    content: "\ebab";
}

.oicon-bacterium:before {
    content: "\ebac";
}

.oicon-bag-shopping:before {
    content: "\ebad";
}

.oicon-bahai:before {
    content: "\ebae";
}

.oicon-baht-sign:before {
    content: "\ebaf";
}

.oicon-ban:before {
    content: "\ebb0";
}

.oicon-bandage:before {
    content: "\ebb1";
}

.oicon-bank:before {
    content: "\ebb2";
}

.oicon-ban-smoking:before {
    content: "\ebb3";
}

.oicon-barcode:before {
    content: "\ebb4";
}

.oicon-bars:before {
    content: "\ebb5";
}

.oicon-bars-staggered:before {
    content: "\ebb6";
}

.oicon-baseball:before {
    content: "\ebb7";
}

.oicon-basketball:before {
    content: "\ebb8";
}

.oicon-basket-shopping:before {
    content: "\ebb9";
}

.oicon-bath:before {
    content: "\ebba";
}

.oicon-battery-empty:before {
    content: "\ebbb";
}

.oicon-battery-full:before {
    content: "\ebbc";
}

.oicon-battery-half:before {
    content: "\ebbd";
}

.oicon-battery-quarter:before {
    content: "\ebbe";
}

.oicon-battery-three-quarters:before {
    content: "\ebbf";
}

.oicon-bed:before {
    content: "\ebc0";
}

.oicon-bed-pulse:before {
    content: "\ebc1";
}

.oicon-beer-mug-empty:before {
    content: "\ebc2";
}

.oicon-bell1:before {
    content: "\ebc3";
}

.oicon-bell-concierge:before {
    content: "\ebc4";
}

.oicon-bell-slash1:before {
    content: "\ebc5";
}

.oicon-bezier-curve:before {
    content: "\ebc6";
}

.oicon-bicycle:before {
    content: "\ebc7";
}

.oicon-binoculars:before {
    content: "\ebc8";
}

.oicon-biohazard:before {
    content: "\ebc9";
}

.oicon-bitcoin-sign:before {
    content: "\ebca";
}

.oicon-blender:before {
    content: "\ebcb";
}

.oicon-blender-phone:before {
    content: "\ebcc";
}

.oicon-blog:before {
    content: "\ebcd";
}

.oicon-bold:before {
    content: "\ebce";
}

.oicon-bolt:before {
    content: "\ebcf";
}

.oicon-bomb:before {
    content: "\ebd0";
}

.oicon-bone:before {
    content: "\ebd1";
}

.oicon-bong:before {
    content: "\ebd2";
}

.oicon-book:before {
    content: "\ebd3";
}

.oicon-book-atlas:before {
    content: "\ebd4";
}

.oicon-book-bible:before {
    content: "\ebd5";
}

.oicon-book-journal-whills:before {
    content: "\ebd6";
}

.oicon-bookmark1:before {
    content: "\ebd7";
}

.oicon-book-medical:before {
    content: "\ebd8";
}

.oicon-book-open:before {
    content: "\ebd9";
}

.oicon-book-open-reader:before {
    content: "\ebda";
}

.oicon-book-quran:before {
    content: "\ebdb";
}

.oicon-book-skull:before {
    content: "\ebdc";
}

.oicon-border-all:before {
    content: "\ebdd";
}

.oicon-border-none:before {
    content: "\ebde";
}

.oicon-border-top-left:before {
    content: "\ebdf";
}

.oicon-bowling-ball:before {
    content: "\ebe0";
}

.oicon-box:before {
    content: "\ebe1";
}

.oicon-box-archive:before {
    content: "\ebe2";
}

.oicon-boxes-stacked:before {
    content: "\ebe3";
}

.oicon-box-open:before {
    content: "\ebe4";
}

.oicon-box-tissue:before {
    content: "\ebe5";
}

.oicon-braille:before {
    content: "\ebe6";
}

.oicon-brain:before {
    content: "\ebe7";
}

.oicon-bread-slice:before {
    content: "\ebe8";
}

.oicon-briefcase:before {
    content: "\ebe9";
}

.oicon-briefcase-medical:before {
    content: "\ebea";
}

.oicon-broom:before {
    content: "\ebeb";
}

.oicon-brush:before {
    content: "\ebec";
}

.oicon-bug:before {
    content: "\ebed";
}

.oicon-building1:before {
    content: "\ebee";
}

.oicon-bullhorn:before {
    content: "\ebef";
}

.oicon-bullseye:before {
    content: "\ebf0";
}

.oicon-burger:before {
    content: "\ebf1";
}

.oicon-bus:before {
    content: "\ebf2";
}

.oicon-business-time:before {
    content: "\ebf3";
}

.oicon-bus-simple:before {
    content: "\ebf4";
}

.oicon-c:before {
    content: "\ebf5";
}

.oicon-cake-candles:before {
    content: "\ebf6";
}

.oicon-calculator:before {
    content: "\ebf7";
}

.oicon-calendar1:before {
    content: "\ebf8";
}

.oicon-calendar-check1:before {
    content: "\ebf9";
}

.oicon-calendar-day:before {
    content: "\ebfa";
}

.oicon-calendar-days1:before {
    content: "\ebfb";
}

.oicon-calendar-minus1:before {
    content: "\ebfc";
}

.oicon-calendar-plus1:before {
    content: "\ebfd";
}

.oicon-calendar-week:before {
    content: "\ebfe";
}

.oicon-calendar-xmark1:before {
    content: "\ebff";
}

.oicon-camera:before {
    content: "\ec00";
}

.oicon-camera-retro:before {
    content: "\ec01";
}

.oicon-camera-rotate:before {
    content: "\ec02";
}

.oicon-campground:before {
    content: "\ec03";
}

.oicon-candy-cane:before {
    content: "\ec04";
}

.oicon-cannabis:before {
    content: "\ec05";
}

.oicon-capsules:before {
    content: "\ec06";
}

.oicon-car:before {
    content: "\ec07";
}

.oicon-caravan:before {
    content: "\ec08";
}

.oicon-car-battery:before {
    content: "\ec09";
}

.oicon-car-crash:before {
    content: "\ec0a";
}

.oicon-caret-down:before {
    content: "\ec0b";
}

.oicon-caret-left:before {
    content: "\ec0c";
}

.oicon-caret-right:before {
    content: "\ec0d";
}

.oicon-caret-up:before {
    content: "\ec0e";
}

.oicon-car-rear:before {
    content: "\ec0f";
}

.oicon-carrot:before {
    content: "\ec10";
}

.oicon-car-side:before {
    content: "\ec11";
}

.oicon-cart-arrow-down:before {
    content: "\ec12";
}

.oicon-cart-flatbed:before {
    content: "\ec13";
}

.oicon-cart-flatbed-suitcase:before {
    content: "\ec14";
}

.oicon-cart-plus:before {
    content: "\ec15";
}

.oicon-cart-shopping:before {
    content: "\ec16";
}

.oicon-cash-register:before {
    content: "\ec17";
}

.oicon-cat:before {
    content: "\ec18";
}

.oicon-cedi-sign:before {
    content: "\ec19";
}

.oicon-cent-sign:before {
    content: "\ec1a";
}

.oicon-certificate:before {
    content: "\ec1b";
}

.oicon-chair:before {
    content: "\ec1c";
}

.oicon-chalkboard:before {
    content: "\ec1d";
}

.oicon-chalkboard-user:before {
    content: "\ec1e";
}

.oicon-champagne-glasses:before {
    content: "\ec1f";
}

.oicon-charging-station:before {
    content: "\ec20";
}

.oicon-chart-area:before {
    content: "\ec21";
}

.oicon-chart-bar1:before {
    content: "\ec22";
}

.oicon-chart-gantt:before {
    content: "\ec23";
}

.oicon-chart-line:before {
    content: "\ec24";
}

.oicon-chart-pie:before {
    content: "\ec25";
}

.oicon-check:before {
    content: "\ec26";
}

.oicon-check-double:before {
    content: "\ec27";
}

.oicon-check-to-slot:before {
    content: "\ec28";
}

.oicon-cheese:before {
    content: "\ec29";
}

.oicon-chess:before {
    content: "\ec2a";
}

.oicon-chess-bishop1:before {
    content: "\ec2b";
}

.oicon-chess-board:before {
    content: "\ec2c";
}

.oicon-chess-king1:before {
    content: "\ec2d";
}

.oicon-chess-knight1:before {
    content: "\ec2e";
}

.oicon-chess-pawn1:before {
    content: "\ec2f";
}

.oicon-chess-queen1:before {
    content: "\ec30";
}

.oicon-chess-rook1:before {
    content: "\ec31";
}

.oicon-chevron-down:before {
    content: "\ec32";
}

.oicon-chevron-left:before {
    content: "\ec33";
}

.oicon-chevron-right:before {
    content: "\ec34";
}

.oicon-chevron-up:before {
    content: "\ec35";
}

.oicon-child:before {
    content: "\ec36";
}

.oicon-church:before {
    content: "\ec37";
}

.oicon-circle1:before {
    content: "\ec38";
}

.oicon-circle-arrow-down:before {
    content: "\ec39";
}

.oicon-circle-arrow-left:before {
    content: "\ec3a";
}

.oicon-circle-arrow-right:before {
    content: "\ec3b";
}

.oicon-circle-arrow-up:before {
    content: "\ec3c";
}

.oicon-circle-check1:before {
    content: "\ec3d";
}

.oicon-circle-chevron-down:before {
    content: "\ec3e";
}

.oicon-circle-chevron-left:before {
    content: "\ec3f";
}

.oicon-circle-chevron-right:before {
    content: "\ec40";
}

.oicon-circle-chevron-up:before {
    content: "\ec41";
}

.oicon-circle-dollar-to-slot:before {
    content: "\ec42";
}

.oicon-circle-dot1:before {
    content: "\ec43";
}

.oicon-circle-down1:before {
    content: "\ec44";
}

.oicon-circle-exclamation:before {
    content: "\ec45";
}

.oicon-circle-h:before {
    content: "\ec46";
}

.oicon-circle-half-stroke:before {
    content: "\ec47";
}

.oicon-circle-info:before {
    content: "\ec48";
}

.oicon-circle-left1:before {
    content: "\ec49";
}

.oicon-circle-minus:before {
    content: "\ec4a";
}

.oicon-circle-notch:before {
    content: "\ec4b";
}

.oicon-circle-pause1:before {
    content: "\ec4c";
}

.oicon-circle-play1:before {
    content: "\ec4d";
}

.oicon-circle-plus:before {
    content: "\ec4e";
}

.oicon-circle-question1:before {
    content: "\ec4f";
}

.oicon-circle-radiation:before {
    content: "\ec50";
}

.oicon-circle-right1:before {
    content: "\ec51";
}

.oicon-circle-stop1:before {
    content: "\ec52";
}

.oicon-circle-up1:before {
    content: "\ec53";
}

.oicon-circle-user1:before {
    content: "\ec54";
}

.oicon-circle-xmark1:before {
    content: "\ec55";
}

.oicon-city:before {
    content: "\ec56";
}

.oicon-clapperboard:before {
    content: "\ec57";
}

.oicon-clipboard1:before {
    content: "\ec58";
}

.oicon-clipboard-check:before {
    content: "\ec59";
}

.oicon-clipboard-list:before {
    content: "\ec5a";
}

.oicon-clock1:before {
    content: "\ec5b";
}

.oicon-clock-rotate-left:before {
    content: "\ec5c";
}

.oicon-clone1:before {
    content: "\ec5d";
}

.oicon-closed-captioning1:before {
    content: "\ec5e";
}

.oicon-cloud:before {
    content: "\ec5f";
}

.oicon-cloud-arrow-down:before {
    content: "\ec60";
}

.oicon-cloud-arrow-up:before {
    content: "\ec61";
}

.oicon-cloud-meatball:before {
    content: "\ec62";
}

.oicon-cloud-moon:before {
    content: "\ec63";
}

.oicon-cloud-moon-rain:before {
    content: "\ec64";
}

.oicon-cloud-rain:before {
    content: "\ec65";
}

.oicon-cloud-showers-heavy:before {
    content: "\ec66";
}

.oicon-cloud-sun:before {
    content: "\ec67";
}

.oicon-cloud-sun-rain:before {
    content: "\ec68";
}

.oicon-clover:before {
    content: "\ec69";
}

.oicon-code:before {
    content: "\ec6a";
}

.oicon-code-branch:before {
    content: "\ec6b";
}

.oicon-code-commit:before {
    content: "\ec6c";
}

.oicon-code-compare:before {
    content: "\ec6d";
}

.oicon-code-fork:before {
    content: "\ec6e";
}

.oicon-code-merge:before {
    content: "\ec6f";
}

.oicon-code-pull-request:before {
    content: "\ec70";
}

.oicon-coins:before {
    content: "\ec71";
}

.oicon-colon-sign:before {
    content: "\ec72";
}

.oicon-comment1:before {
    content: "\ec73";
}

.oicon-comment-dollar:before {
    content: "\ec74";
}

.oicon-comment-dots1:before {
    content: "\ec75";
}

.oicon-comment-medical:before {
    content: "\ec76";
}

.oicon-comments1:before {
    content: "\ec77";
}

.oicon-comments-dollar:before {
    content: "\ec78";
}

.oicon-comment-slash:before {
    content: "\ec79";
}

.oicon-comment-sms:before {
    content: "\ec7a";
}

.oicon-compact-disc:before {
    content: "\ec7b";
}

.oicon-compass1:before {
    content: "\ec7c";
}

.oicon-compass-drafting:before {
    content: "\ec7d";
}

.oicon-compress:before {
    content: "\ec7e";
}

.oicon-computer-mouse:before {
    content: "\ec7f";
}

.oicon-cookie:before {
    content: "\ec80";
}

.oicon-cookie-bite:before {
    content: "\ec81";
}

.oicon-copy1:before {
    content: "\ec82";
}

.oicon-copyright1:before {
    content: "\ec83";
}

.oicon-couch:before {
    content: "\ec84";
}

.oicon-credit-card1:before {
    content: "\ec85";
}

.oicon-crop:before {
    content: "\ec86";
}

.oicon-crop-simple:before {
    content: "\ec87";
}

.oicon-cross:before {
    content: "\ec88";
}

.oicon-crosshairs:before {
    content: "\ec89";
}

.oicon-crow:before {
    content: "\ec8a";
}

.oicon-crown:before {
    content: "\ec8b";
}

.oicon-crutch:before {
    content: "\ec8c";
}

.oicon-cruzeiro-sign:before {
    content: "\ec8d";
}

.oicon-cube:before {
    content: "\ec8e";
}

.oicon-cubes:before {
    content: "\ec8f";
}

.oicon-d:before {
    content: "\ec90";
}

.oicon-database:before {
    content: "\ec91";
}

.oicon-delete-left:before {
    content: "\ec92";
}

.oicon-democrat:before {
    content: "\ec93";
}

.oicon-desktop:before {
    content: "\ec94";
}

.oicon-dharmachakra:before {
    content: "\ec95";
}

.oicon-diagram-project:before {
    content: "\ec96";
}

.oicon-diamond-turn-right:before {
    content: "\ec97";
}

.oicon-dice:before {
    content: "\ec98";
}

.oicon-dice-d6:before {
    content: "\ec99";
}

.oicon-dice-d20:before {
    content: "\ec9a";
}

.oicon-dice-five:before {
    content: "\ec9b";
}

.oicon-dice-four:before {
    content: "\ec9c";
}

.oicon-dice-one:before {
    content: "\ec9d";
}

.oicon-dice-six:before {
    content: "\ec9e";
}

.oicon-dice-three:before {
    content: "\ec9f";
}

.oicon-dice-two:before {
    content: "\eca0";
}

.oicon-disease:before {
    content: "\eca1";
}

.oicon-divide:before {
    content: "\eca2";
}

.oicon-dna:before {
    content: "\eca3";
}

.oicon-dog:before {
    content: "\eca4";
}

.oicon-dollar-sign:before {
    content: "\eca5";
}

.oicon-dolly:before {
    content: "\eca6";
}

.oicon-dong-sign:before {
    content: "\eca7";
}

.oicon-door-closed:before {
    content: "\eca8";
}

.oicon-door-open:before {
    content: "\eca9";
}

.oicon-dove:before {
    content: "\ecaa";
}

.oicon-down-left-and-up-right-to-center:before {
    content: "\ecab";
}

.oicon-download:before {
    content: "\ecac";
}

.oicon-down-long:before {
    content: "\ecad";
}

.oicon-dragon:before {
    content: "\ecae";
}

.oicon-draw-polygon:before {
    content: "\ecaf";
}

.oicon-droplet:before {
    content: "\ecb0";
}

.oicon-droplet-slash:before {
    content: "\ecb1";
}

.oicon-drum:before {
    content: "\ecb2";
}

.oicon-drum-steelpan:before {
    content: "\ecb3";
}

.oicon-drumstick-bite:before {
    content: "\ecb4";
}

.oicon-dumbbell:before {
    content: "\ecb5";
}

.oicon-dumpster:before {
    content: "\ecb6";
}

.oicon-dumpster-fire:before {
    content: "\ecb7";
}

.oicon-dungeon:before {
    content: "\ecb8";
}

.oicon-e:before {
    content: "\ecb9";
}

.oicon-ear-deaf:before {
    content: "\ecba";
}

.oicon-ear-listen:before {
    content: "\ecbb";
}

.oicon-earth-africa:before {
    content: "\ecbc";
}

.oicon-earth-americas:before {
    content: "\ecbd";
}

.oicon-earth-asia:before {
    content: "\ecbe";
}

.oicon-earth-europa:before {
    content: "\ecbf";
}

.oicon-egg:before {
    content: "\ecc0";
}

.oicon-eject:before {
    content: "\ecc1";
}

.oicon-elevator:before {
    content: "\ecc2";
}

.oicon-ellipsis:before {
    content: "\ecc3";
}

.oicon-ellipsis-vertical:before {
    content: "\ecc4";
}

.oicon-envelope1:before {
    content: "\ecc5";
}

.oicon-envelope-open1:before {
    content: "\ecc6";
}

.oicon-envelope-open-text:before {
    content: "\ecc7";
}

.oicon-envelopes-bulk:before {
    content: "\ecc8";
}

.oicon-equals:before {
    content: "\ecc9";
}

.oicon-eraser:before {
    content: "\ecca";
}

.oicon-ethernet:before {
    content: "\eccb";
}

.oicon-euro-sign:before {
    content: "\eccc";
}

.oicon-exclamation:before {
    content: "\eccd";
}

.oicon-expand:before {
    content: "\ecce";
}

.oicon-eye1:before {
    content: "\eccf";
}

.oicon-eye-dropper:before {
    content: "\ecd0";
}

.oicon-eye-low-vision:before {
    content: "\ecd1";
}

.oicon-eye-slash1:before {
    content: "\ecd2";
}

.oicon-f:before {
    content: "\ecd3";
}

.oicon-face-angry1:before {
    content: "\ecd4";
}

.oicon-face-dizzy1:before {
    content: "\ecd5";
}

.oicon-face-flushed1:before {
    content: "\ecd6";
}

.oicon-face-frown1:before {
    content: "\ecd7";
}

.oicon-face-frown-open1:before {
    content: "\ecd8";
}

.oicon-face-grimace1:before {
    content: "\ecd9";
}

.oicon-face-grin1:before {
    content: "\ecda";
}

.oicon-face-grin-beam1:before {
    content: "\ecdb";
}

.oicon-face-grin-beam-sweat1:before {
    content: "\ecdc";
}

.oicon-face-grin-hearts1:before {
    content: "\ecdd";
}

.oicon-face-grin-squint1:before {
    content: "\ecde";
}

.oicon-face-grin-squint-tears1:before {
    content: "\ecdf";
}

.oicon-face-grin-stars1:before {
    content: "\ece0";
}

.oicon-face-grin-tears1:before {
    content: "\ece1";
}

.oicon-face-grin-tongue1:before {
    content: "\ece2";
}

.oicon-face-grin-tongue-squint1:before {
    content: "\ece3";
}

.oicon-face-grin-tongue-wink1:before {
    content: "\ece4";
}

.oicon-face-grin-wide1:before {
    content: "\ece5";
}

.oicon-face-grin-wink1:before {
    content: "\ece6";
}

.oicon-face-kiss1:before {
    content: "\ece7";
}

.oicon-face-kiss-beam1:before {
    content: "\ece8";
}

.oicon-face-kiss-wink-heart1:before {
    content: "\ece9";
}

.oicon-face-laugh1:before {
    content: "\ecea";
}

.oicon-face-laugh-beam1:before {
    content: "\eceb";
}

.oicon-face-laugh-squint1:before {
    content: "\ecec";
}

.oicon-face-laugh-wink1:before {
    content: "\eced";
}

.oicon-face-meh1:before {
    content: "\ecee";
}

.oicon-face-meh-blank1:before {
    content: "\ecef";
}

.oicon-face-rolling-eyes1:before {
    content: "\ecf0";
}

.oicon-face-sad-cry1:before {
    content: "\ecf1";
}

.oicon-face-sad-tear1:before {
    content: "\ecf2";
}

.oicon-face-smile1:before {
    content: "\ecf3";
}

.oicon-face-smile-beam1:before {
    content: "\ecf4";
}

.oicon-face-smile-wink1:before {
    content: "\ecf5";
}

.oicon-face-surprise1:before {
    content: "\ecf6";
}

.oicon-face-tired1:before {
    content: "\ecf7";
}

.oicon-fan:before {
    content: "\ecf8";
}

.oicon-faucet:before {
    content: "\ecf9";
}

.oicon-fax:before {
    content: "\ecfa";
}

.oicon-feather:before {
    content: "\ecfb";
}

.oicon-feather-pointed:before {
    content: "\ecfc";
}

.oicon-file1:before {
    content: "\ecfd";
}

.oicon-file-arrow-down:before {
    content: "\ecfe";
}

.oicon-file-arrow-up:before {
    content: "\ecff";
}

.oicon-file-audio1:before {
    content: "\ed00";
}

.oicon-file-code1:before {
    content: "\ed01";
}

.oicon-file-contract:before {
    content: "\ed02";
}

.oicon-file-csv:before {
    content: "\ed03";
}

.oicon-file-excel1:before {
    content: "\ed04";
}

.oicon-file-export:before {
    content: "\ed05";
}

.oicon-file-image1:before {
    content: "\ed06";
}

.oicon-file-import:before {
    content: "\ed07";
}

.oicon-file-invoice:before {
    content: "\ed08";
}

.oicon-file-invoice-dollar:before {
    content: "\ed09";
}

.oicon-file-lines1:before {
    content: "\ed0a";
}

.oicon-file-medical:before {
    content: "\ed0b";
}

.oicon-file-pdf1:before {
    content: "\ed0c";
}

.oicon-file-powerpoint1:before {
    content: "\ed0d";
}

.oicon-file-prescription:before {
    content: "\ed0e";
}

.oicon-file-signature:before {
    content: "\ed0f";
}

.oicon-file-video1:before {
    content: "\ed10";
}

.oicon-file-waveform:before {
    content: "\ed11";
}

.oicon-file-word1:before {
    content: "\ed12";
}

.oicon-file-zipper1:before {
    content: "\ed13";
}

.oicon-fill:before {
    content: "\ed14";
}

.oicon-fill-drip:before {
    content: "\ed15";
}

.oicon-film:before {
    content: "\ed16";
}

.oicon-filter:before {
    content: "\ed17";
}

.oicon-filter-circle-dollar:before {
    content: "\ed18";
}

.oicon-filter-circle-xmark:before {
    content: "\ed19";
}

.oicon-fingerprint:before {
    content: "\ed1a";
}

.oicon-fire:before {
    content: "\ed1b";
}

.oicon-fire-extinguisher:before {
    content: "\ed1c";
}

.oicon-fire-flame-curved:before {
    content: "\ed1d";
}

.oicon-fire-flame-simple:before {
    content: "\ed1e";
}

.oicon-fish:before {
    content: "\ed1f";
}

.oicon-flag1:before {
    content: "\ed20";
}

.oicon-flag-checkered:before {
    content: "\ed21";
}

.oicon-flag-usa:before {
    content: "\ed22";
}

.oicon-flask:before {
    content: "\ed23";
}

.oicon-floppy-disk1:before {
    content: "\ed24";
}

.oicon-florin-sign:before {
    content: "\ed25";
}

.oicon-folder1:before {
    content: "\ed26";
}

.oicon-folder-minus:before {
    content: "\ed27";
}

.oicon-folder-open1:before {
    content: "\ed28";
}

.oicon-folder-plus:before {
    content: "\ed29";
}

.oicon-folder-tree:before {
    content: "\ed2a";
}

.oicon-font:before {
    content: "\ed2b";
}

.oicon-font-awesome2:before {
    content: "\ed2c";
}

.oicon-football:before {
    content: "\ed2d";
}

.oicon-forward:before {
    content: "\ed2e";
}

.oicon-forward-fast:before {
    content: "\ed2f";
}

.oicon-forward-step:before {
    content: "\ed30";
}

.oicon-franc-sign:before {
    content: "\ed31";
}

.oicon-frog:before {
    content: "\ed32";
}

.oicon-futbol1:before {
    content: "\ed33";
}

.oicon-g:before {
    content: "\ed34";
}

.oicon-gamepad:before {
    content: "\ed35";
}

.oicon-gas-pump:before {
    content: "\ed36";
}

.oicon-gauge-simple:before {
    content: "\ed37";
}

.oicon-gavel:before {
    content: "\ed38";
}

.oicon-gear:before {
    content: "\ed39";
}

.oicon-gears:before {
    content: "\ed3a";
}

.oicon-gem1:before {
    content: "\ed3b";
}

.oicon-genderless:before {
    content: "\ed3c";
}

.oicon-ghost:before {
    content: "\ed3d";
}

.oicon-gift:before {
    content: "\ed3e";
}

.oicon-gifts:before {
    content: "\ed3f";
}

.oicon-glasses:before {
    content: "\ed40";
}

.oicon-globe:before {
    content: "\ed41";
}

.oicon-golf-ball-tee:before {
    content: "\ed42";
}

.oicon-gopuram:before {
    content: "\ed43";
}

.oicon-graduation-cap:before {
    content: "\ed44";
}

.oicon-greater-than:before {
    content: "\ed45";
}

.oicon-greater-than-equal:before {
    content: "\ed46";
}

.oicon-grip:before {
    content: "\ed47";
}

.oicon-grip-lines:before {
    content: "\ed48";
}

.oicon-grip-lines-vertical:before {
    content: "\ed49";
}

.oicon-grip-vertical:before {
    content: "\ed4a";
}

.oicon-guarani-sign:before {
    content: "\ed4b";
}

.oicon-guitar:before {
    content: "\ed4c";
}

.oicon-gun:before {
    content: "\ed4d";
}

.oicon-h:before {
    content: "\ed4e";
}

.oicon-hammer:before {
    content: "\ed4f";
}

.oicon-hamsa:before {
    content: "\ed50";
}

.oicon-hand1:before {
    content: "\ed51";
}

.oicon-hand-back-fist1:before {
    content: "\ed52";
}

.oicon-hand-dots:before {
    content: "\ed53";
}

.oicon-hand-fist:before {
    content: "\ed54";
}

.oicon-hand-holding:before {
    content: "\ed55";
}

.oicon-hand-holding-dollar:before {
    content: "\ed56";
}

.oicon-hand-holding-droplet:before {
    content: "\ed57";
}

.oicon-hand-holding-heart:before {
    content: "\ed58";
}

.oicon-hand-holding-medical:before {
    content: "\ed59";
}

.oicon-hand-lizard1:before {
    content: "\ed5a";
}

.oicon-hand-middle-finger:before {
    content: "\ed5b";
}

.oicon-hand-peace1:before {
    content: "\ed5c";
}

.oicon-hand-point-down1:before {
    content: "\ed5d";
}

.oicon-hand-pointer1:before {
    content: "\ed5e";
}

.oicon-hand-point-left1:before {
    content: "\ed5f";
}

.oicon-hand-point-right1:before {
    content: "\ed60";
}

.oicon-hand-point-up1:before {
    content: "\ed61";
}

.oicon-hands:before {
    content: "\ed62";
}

.oicon-hands-asl-interpreting:before {
    content: "\ed63";
}

.oicon-hands-bubbles:before {
    content: "\ed64";
}

.oicon-hand-scissors1:before {
    content: "\ed65";
}

.oicon-hands-clapping:before {
    content: "\ed66";
}

.oicon-handshake1:before {
    content: "\ed67";
}

.oicon-handshake-angle:before {
    content: "\ed68";
}

.oicon-handshake-simple-slash:before {
    content: "\ed69";
}

.oicon-handshake-slash:before {
    content: "\ed6a";
}

.oicon-hands-holding:before {
    content: "\ed6b";
}

.oicon-hand-sparkles:before {
    content: "\ed6c";
}

.oicon-hand-spock1:before {
    content: "\ed6d";
}

.oicon-hands-praying:before {
    content: "\ed6e";
}

.oicon-hanukiah:before {
    content: "\ed6f";
}

.oicon-hard-drive1:before {
    content: "\ed70";
}

.oicon-hashtag:before {
    content: "\ed71";
}

.oicon-hat-cowboy:before {
    content: "\ed72";
}

.oicon-hat-cowboy-side:before {
    content: "\ed73";
}

.oicon-hat-wizard:before {
    content: "\ed74";
}

.oicon-heading:before {
    content: "\ed75";
}

.oicon-headphones:before {
    content: "\ed76";
}

.oicon-headphones-simple:before {
    content: "\ed77";
}

.oicon-headset:before {
    content: "\ed78";
}

.oicon-head-side-cough:before {
    content: "\ed79";
}

.oicon-head-side-cough-slash:before {
    content: "\ed7a";
}

.oicon-head-side-mask:before {
    content: "\ed7b";
}

.oicon-head-side-virus:before {
    content: "\ed7c";
}

.oicon-heart1:before {
    content: "\ed7d";
}

.oicon-heart-crack:before {
    content: "\ed7e";
}

.oicon-heart-pulse:before {
    content: "\ed7f";
}

.oicon-helicopter:before {
    content: "\ed80";
}

.oicon-helmet-safety:before {
    content: "\ed81";
}

.oicon-highlighter:before {
    content: "\ed82";
}

.oicon-hippo:before {
    content: "\ed83";
}

.oicon-hockey-puck:before {
    content: "\ed84";
}

.oicon-holly-berry:before {
    content: "\ed85";
}

.oicon-horse:before {
    content: "\ed86";
}

.oicon-horse-head:before {
    content: "\ed87";
}

.oicon-hospital1:before {
    content: "\ed88";
}

.oicon-hospital-user:before {
    content: "\ed89";
}

.oicon-hospital-wide:before {
    content: "\ed8a";
}

.oicon-hotdog:before {
    content: "\ed8b";
}

.oicon-hotel:before {
    content: "\ed8c";
}

.oicon-hot-tub-person:before {
    content: "\ed8d";
}

.oicon-hourglass1:before {
    content: "\ed8e";
}

.oicon-hourglass-empty:before {
    content: "\ed8f";
}

.oicon-hourglass-end:before {
    content: "\ed90";
}

.oicon-hourglass-start:before {
    content: "\ed91";
}

.oicon-house:before {
    content: "\ed92";
}

.oicon-house-chimney:before {
    content: "\ed93";
}

.oicon-house-crack:before {
    content: "\ed94";
}

.oicon-house-laptop:before {
    content: "\ed95";
}

.oicon-house-medical:before {
    content: "\ed96";
}

.oicon-house-user:before {
    content: "\ed97";
}

.oicon-hryvnia-sign:before {
    content: "\ed98";
}

.oicon-i:before {
    content: "\ed99";
}

.oicon-ice-cream:before {
    content: "\ed9a";
}

.oicon-icicles:before {
    content: "\ed9b";
}

.oicon-icons:before {
    content: "\ed9c";
}

.oicon-i-cursor:before {
    content: "\ed9d";
}

.oicon-id-badge1:before {
    content: "\ed9e";
}

.oicon-id-card1:before {
    content: "\ed9f";
}

.oicon-id-card-clip:before {
    content: "\eda0";
}

.oicon-igloo:before {
    content: "\eda1";
}

.oicon-image1:before {
    content: "\eda2";
}

.oicon-image-portrait:before {
    content: "\eda3";
}

.oicon-images1:before {
    content: "\eda4";
}

.oicon-inbox:before {
    content: "\eda5";
}

.oicon-indent:before {
    content: "\eda6";
}

.oicon-indian-rupee-sign:before {
    content: "\eda7";
}

.oicon-industry:before {
    content: "\eda8";
}

.oicon-infinity:before {
    content: "\eda9";
}

.oicon-info:before {
    content: "\edaa";
}

.oicon-italic:before {
    content: "\edab";
}

.oicon-j:before {
    content: "\edac";
}

.oicon-jedi:before {
    content: "\edad";
}

.oicon-jet-fighter:before {
    content: "\edae";
}

.oicon-joint:before {
    content: "\edaf";
}

.oicon-k:before {
    content: "\edb0";
}

.oicon-kaaba:before {
    content: "\edb1";
}

.oicon-key:before {
    content: "\edb2";
}

.oicon-keyboard1:before {
    content: "\edb3";
}

.oicon-khanda:before {
    content: "\edb4";
}

.oicon-kip-sign:before {
    content: "\edb5";
}

.oicon-kit-medical:before {
    content: "\edb6";
}

.oicon-kiwi-bird:before {
    content: "\edb7";
}

.oicon-l:before {
    content: "\edb8";
}

.oicon-landmark:before {
    content: "\edb9";
}

.oicon-language:before {
    content: "\edba";
}

.oicon-laptop:before {
    content: "\edbb";
}

.oicon-laptop-code:before {
    content: "\edbc";
}

.oicon-laptop-medical:before {
    content: "\edbd";
}

.oicon-lari-sign:before {
    content: "\edbe";
}

.oicon-layer-group:before {
    content: "\edbf";
}

.oicon-leaf:before {
    content: "\edc0";
}

.oicon-left-long:before {
    content: "\edc1";
}

.oicon-left-right:before {
    content: "\edc2";
}

.oicon-lemon1:before {
    content: "\edc3";
}

.oicon-less-than:before {
    content: "\edc4";
}

.oicon-less-than-equal:before {
    content: "\edc5";
}

.oicon-life-ring1:before {
    content: "\edc6";
}

.oicon-lightbulb1:before {
    content: "\edc7";
}

.oicon-link:before {
    content: "\edc8";
}

.oicon-link-slash:before {
    content: "\edc9";
}

.oicon-lira-sign:before {
    content: "\edca";
}

.oicon-list:before {
    content: "\edcb";
}

.oicon-list-check:before {
    content: "\edcc";
}

.oicon-list-ol:before {
    content: "\edcd";
}

.oicon-list-ul:before {
    content: "\edce";
}

.oicon-litecoin-sign:before {
    content: "\edcf";
}

.oicon-location-arrow:before {
    content: "\edd0";
}

.oicon-location-crosshairs:before {
    content: "\edd1";
}

.oicon-location-dot:before {
    content: "\edd2";
}

.oicon-location-pin:before {
    content: "\edd3";
}

.oicon-lock:before {
    content: "\edd4";
}

.oicon-lock-open:before {
    content: "\edd5";
}

.oicon-lungs:before {
    content: "\edd6";
}

.oicon-lungs-virus:before {
    content: "\edd7";
}

.oicon-m:before {
    content: "\edd8";
}

.oicon-magnet:before {
    content: "\edd9";
}

.oicon-magnifying-glass:before {
    content: "\edda";
}

.oicon-magnifying-glass-dollar:before {
    content: "\eddb";
}

.oicon-magnifying-glass-location:before {
    content: "\eddc";
}

.oicon-magnifying-glass-minus:before {
    content: "\eddd";
}

.oicon-magnifying-glass-plus:before {
    content: "\edde";
}

.oicon-manat-sign:before {
    content: "\eddf";
}

.oicon-map1:before {
    content: "\ede0";
}

.oicon-map-location:before {
    content: "\ede1";
}

.oicon-map-location-dot:before {
    content: "\ede2";
}

.oicon-map-pin:before {
    content: "\ede3";
}

.oicon-marker:before {
    content: "\ede4";
}

.oicon-mars:before {
    content: "\ede5";
}

.oicon-mars-and-venus:before {
    content: "\ede6";
}

.oicon-mars-double:before {
    content: "\ede7";
}

.oicon-mars-stroke:before {
    content: "\ede8";
}

.oicon-mars-stroke-right:before {
    content: "\ede9";
}

.oicon-mars-stroke-up:before {
    content: "\edea";
}

.oicon-martini-glass:before {
    content: "\edeb";
}

.oicon-martini-glass-citrus:before {
    content: "\edec";
}

.oicon-martini-glass-empty:before {
    content: "\eded";
}

.oicon-mask:before {
    content: "\edee";
}

.oicon-mask-face:before {
    content: "\edef";
}

.oicon-masks-theater:before {
    content: "\edf0";
}

.oicon-maximize:before {
    content: "\edf1";
}

.oicon-medal:before {
    content: "\edf2";
}

.oicon-memory:before {
    content: "\edf3";
}

.oicon-menorah:before {
    content: "\edf4";
}

.oicon-mercury:before {
    content: "\edf5";
}

.oicon-message1:before {
    content: "\edf6";
}

.oicon-meteor:before {
    content: "\edf7";
}

.oicon-microchip:before {
    content: "\edf8";
}

.oicon-microphone:before {
    content: "\edf9";
}

.oicon-microphone-lines:before {
    content: "\edfa";
}

.oicon-microphone-lines-slash:before {
    content: "\edfb";
}

.oicon-microphone-slash:before {
    content: "\edfc";
}

.oicon-microscope:before {
    content: "\edfd";
}

.oicon-mill-sign:before {
    content: "\edfe";
}

.oicon-minimize:before {
    content: "\edff";
}

.oicon-minus:before {
    content: "\ee00";
}

.oicon-mitten:before {
    content: "\ee01";
}

.oicon-mobile-button:before {
    content: "\ee02";
}

.oicon-mobile-screen-button:before {
    content: "\ee03";
}

.oicon-money-bill:before {
    content: "\ee04";
}

.oicon-money-bill-11:before {
    content: "\ee05";
}

.oicon-money-bill-1-wave:before {
    content: "\ee06";
}

.oicon-money-bill-wave:before {
    content: "\ee07";
}

.oicon-money-check:before {
    content: "\ee08";
}

.oicon-money-check-dollar:before {
    content: "\ee09";
}

.oicon-monument:before {
    content: "\ee0a";
}

.oicon-moon1:before {
    content: "\ee0b";
}

.oicon-mortar-pestle:before {
    content: "\ee0c";
}

.oicon-mosque:before {
    content: "\ee0d";
}

.oicon-motorcycle:before {
    content: "\ee0e";
}

.oicon-mountain:before {
    content: "\ee0f";
}

.oicon-mug-hot:before {
    content: "\ee10";
}

.oicon-mug-saucer:before {
    content: "\ee11";
}

.oicon-music:before {
    content: "\ee12";
}

.oicon-n:before {
    content: "\ee13";
}

.oicon-naira-sign:before {
    content: "\ee14";
}

.oicon-network-wired:before {
    content: "\ee15";
}

.oicon-neuter:before {
    content: "\ee16";
}

.oicon-newspaper1:before {
    content: "\ee17";
}

.oicon-not-equal:before {
    content: "\ee18";
}

.oicon-notes-medical:before {
    content: "\ee19";
}

.oicon-note-sticky1:before {
    content: "\ee1a";
}

.oicon-o:before {
    content: "\ee1b";
}

.oicon-object-group1:before {
    content: "\ee1c";
}

.oicon-object-ungroup1:before {
    content: "\ee1d";
}

.oicon-oil-can:before {
    content: "\ee1e";
}

.oicon-om:before {
    content: "\ee1f";
}

.oicon-otter:before {
    content: "\ee20";
}

.oicon-outdent:before {
    content: "\ee21";
}

.oicon-p:before {
    content: "\ee22";
}

.oicon-pager:before {
    content: "\ee23";
}

.oicon-paint-brush:before {
    content: "\ee24";
}

.oicon-paint-roller:before {
    content: "\ee25";
}

.oicon-palette:before {
    content: "\ee26";
}

.oicon-pallet:before {
    content: "\ee27";
}

.oicon-panorama:before {
    content: "\ee28";
}

.oicon-paperclip:before {
    content: "\ee29";
}

.oicon-paper-plane1:before {
    content: "\ee2a";
}

.oicon-parachute-box:before {
    content: "\ee2b";
}

.oicon-paragraph:before {
    content: "\ee2c";
}

.oicon-passport:before {
    content: "\ee2d";
}

.oicon-paste:before {
    content: "\ee2e";
}

.oicon-pause:before {
    content: "\ee2f";
}

.oicon-paw:before {
    content: "\ee30";
}

.oicon-peace:before {
    content: "\ee31";
}

.oicon-pen:before {
    content: "\ee32";
}

.oicon-pencil:before {
    content: "\ee33";
}

.oicon-pen-clip:before {
    content: "\ee34";
}

.oicon-pen-fancy:before {
    content: "\ee35";
}

.oicon-pen-nib:before {
    content: "\ee36";
}

.oicon-pen-ruler:before {
    content: "\ee37";
}

.oicon-pen-to-square1:before {
    content: "\ee38";
}

.oicon-people-arrows-left-right:before {
    content: "\ee39";
}

.oicon-people-carry-box:before {
    content: "\ee3a";
}

.oicon-pepper-hot:before {
    content: "\ee3b";
}

.oicon-percent:before {
    content: "\ee3c";
}

.oicon-person:before {
    content: "\ee3d";
}

.oicon-person-biking:before {
    content: "\ee3e";
}

.oicon-person-booth:before {
    content: "\ee3f";
}

.oicon-person-dots-from-line:before {
    content: "\ee40";
}

.oicon-person-dress:before {
    content: "\ee41";
}

.oicon-person-hiking:before {
    content: "\ee42";
}

.oicon-person-praying:before {
    content: "\ee43";
}

.oicon-person-running:before {
    content: "\ee44";
}

.oicon-person-skating:before {
    content: "\ee45";
}

.oicon-person-skiing:before {
    content: "\ee46";
}

.oicon-person-skiing-nordic:before {
    content: "\ee47";
}

.oicon-person-snowboarding:before {
    content: "\ee48";
}

.oicon-person-swimming:before {
    content: "\ee49";
}

.oicon-person-walking:before {
    content: "\ee4a";
}

.oicon-person-walking-with-cane:before {
    content: "\ee4b";
}

.oicon-peseta-sign:before {
    content: "\ee4c";
}

.oicon-peso-sign:before {
    content: "\ee4d";
}

.oicon-phone:before {
    content: "\ee4e";
}

.oicon-phone-flip:before {
    content: "\ee4f";
}

.oicon-phone-slash:before {
    content: "\ee50";
}

.oicon-phone-volume:before {
    content: "\ee51";
}

.oicon-photo-film:before {
    content: "\ee52";
}

.oicon-piggy-bank:before {
    content: "\ee53";
}

.oicon-pills:before {
    content: "\ee54";
}

.oicon-pizza-slice:before {
    content: "\ee55";
}

.oicon-place-of-worship:before {
    content: "\ee56";
}

.oicon-plane:before {
    content: "\ee57";
}

.oicon-plane-arrival:before {
    content: "\ee58";
}

.oicon-plane-departure:before {
    content: "\ee59";
}

.oicon-plane-slash:before {
    content: "\ee5a";
}

.oicon-play:before {
    content: "\ee5b";
}

.oicon-plug:before {
    content: "\ee5c";
}

.oicon-plus:before {
    content: "\ee5d";
}

.oicon-plus-minus:before {
    content: "\ee5e";
}

.oicon-podcast:before {
    content: "\ee5f";
}

.oicon-poo:before {
    content: "\ee60";
}

.oicon-poop:before {
    content: "\ee61";
}

.oicon-poo-storm:before {
    content: "\ee62";
}

.oicon-power-off:before {
    content: "\ee63";
}

.oicon-prescription:before {
    content: "\ee64";
}

.oicon-prescription-bottle:before {
    content: "\ee65";
}

.oicon-prescription-bottle-medical:before {
    content: "\ee66";
}

.oicon-print:before {
    content: "\ee67";
}

.oicon-pump-medical:before {
    content: "\ee68";
}

.oicon-pump-soap:before {
    content: "\ee69";
}

.oicon-puzzle-piece:before {
    content: "\ee6a";
}

.oicon-q:before {
    content: "\ee6b";
}

.oicon-qrcode:before {
    content: "\ee6c";
}

.oicon-question:before {
    content: "\ee6d";
}

.oicon-quidditch:before {
    content: "\ee6e";
}

.oicon-quote-left:before {
    content: "\ee6f";
}

.oicon-quote-right:before {
    content: "\ee70";
}

.oicon-r:before {
    content: "\ee71";
}

.oicon-radiation:before {
    content: "\ee72";
}

.oicon-rainbow:before {
    content: "\ee73";
}

.oicon-receipt:before {
    content: "\ee74";
}

.oicon-record-vinyl:before {
    content: "\ee75";
}

.oicon-rectangle-ad:before {
    content: "\ee76";
}

.oicon-rectangle-list1:before {
    content: "\ee77";
}

.oicon-rectangle-xmark1:before {
    content: "\ee78";
}

.oicon-recycle:before {
    content: "\ee79";
}

.oicon-registered1:before {
    content: "\ee7a";
}

.oicon-repeat:before {
    content: "\ee7b";
}

.oicon-reply:before {
    content: "\ee7c";
}

.oicon-reply-all:before {
    content: "\ee7d";
}

.oicon-republican:before {
    content: "\ee7e";
}

.oicon-restroom:before {
    content: "\ee7f";
}

.oicon-retweet:before {
    content: "\ee80";
}

.oicon-ribbon:before {
    content: "\ee81";
}

.oicon-right-from-bracket:before {
    content: "\ee82";
}

.oicon-right-left:before {
    content: "\ee83";
}

.oicon-right-long:before {
    content: "\ee84";
}

.oicon-right-to-bracket:before {
    content: "\ee85";
}

.oicon-ring:before {
    content: "\ee86";
}

.oicon-road:before {
    content: "\ee87";
}

.oicon-robot:before {
    content: "\ee88";
}

.oicon-rocket:before {
    content: "\ee89";
}

.oicon-rotate:before {
    content: "\ee8a";
}

.oicon-rotate-left:before {
    content: "\ee8b";
}

.oicon-route:before {
    content: "\ee8c";
}

.oicon-rss:before {
    content: "\ee8d";
}

.oicon-ruble-sign:before {
    content: "\ee8e";
}

.oicon-ruler:before {
    content: "\ee8f";
}

.oicon-ruler-combined:before {
    content: "\ee90";
}

.oicon-ruler-horizontal:before {
    content: "\ee91";
}

.oicon-ruler-vertical:before {
    content: "\ee92";
}

.oicon-rupee-sign:before {
    content: "\ee93";
}

.oicon-rupiah-sign:before {
    content: "\ee94";
}

.oicon-s:before {
    content: "\ee95";
}

.oicon-sailboat:before {
    content: "\ee96";
}

.oicon-satellite:before {
    content: "\ee97";
}

.oicon-satellite-dish:before {
    content: "\ee98";
}

.oicon-scale-balanced:before {
    content: "\ee99";
}

.oicon-scale-unbalanced:before {
    content: "\ee9a";
}

.oicon-scale-unbalanced-flip:before {
    content: "\ee9b";
}

.oicon-school:before {
    content: "\ee9c";
}

.oicon-scissors:before {
    content: "\ee9d";
}

.oicon-screwdriver:before {
    content: "\ee9e";
}

.oicon-screwdriver-wrench:before {
    content: "\ee9f";
}

.oicon-scroll:before {
    content: "\eea0";
}

.oicon-scroll-torah:before {
    content: "\eea1";
}

.oicon-sd-card:before {
    content: "\eea2";
}

.oicon-section:before {
    content: "\eea3";
}

.oicon-seedling:before {
    content: "\eea4";
}

.oicon-server:before {
    content: "\eea5";
}

.oicon-shapes:before {
    content: "\eea6";
}

.oicon-share:before {
    content: "\eea7";
}

.oicon-share-from-square1:before {
    content: "\eea8";
}

.oicon-share-nodes:before {
    content: "\eea9";
}

.oicon-shekel-sign:before {
    content: "\eeaa";
}

.oicon-shield-blank:before {
    content: "\eeab";
}

.oicon-shield-virus:before {
    content: "\eeac";
}

.oicon-ship:before {
    content: "\eead";
}

.oicon-shirt:before {
    content: "\eeae";
}

.oicon-shoe-prints:before {
    content: "\eeaf";
}

.oicon-shop:before {
    content: "\eeb0";
}

.oicon-shop-slash:before {
    content: "\eeb1";
}

.oicon-shower:before {
    content: "\eeb2";
}

.oicon-shuffle:before {
    content: "\eeb3";
}

.oicon-shuttle-space:before {
    content: "\eeb4";
}

.oicon-signal:before {
    content: "\eeb5";
}

.oicon-signature:before {
    content: "\eeb6";
}

.oicon-sign-hanging:before {
    content: "\eeb7";
}

.oicon-signs-post:before {
    content: "\eeb8";
}

.oicon-sim-card:before {
    content: "\eeb9";
}

.oicon-sink:before {
    content: "\eeba";
}

.oicon-sitemap:before {
    content: "\eebb";
}

.oicon-skull:before {
    content: "\eebc";
}

.oicon-skull-crossbones:before {
    content: "\eebd";
}

.oicon-slash:before {
    content: "\eebe";
}

.oicon-sleigh:before {
    content: "\eebf";
}

.oicon-sliders:before {
    content: "\eec0";
}

.oicon-smog:before {
    content: "\eec1";
}

.oicon-smoking:before {
    content: "\eec2";
}

.oicon-snowflake1:before {
    content: "\eec3";
}

.oicon-snowman:before {
    content: "\eec4";
}

.oicon-snowplow:before {
    content: "\eec5";
}

.oicon-soap:before {
    content: "\eec6";
}

.oicon-socks:before {
    content: "\eec7";
}

.oicon-solar-panel:before {
    content: "\eec8";
}

.oicon-sort:before {
    content: "\eec9";
}

.oicon-sort-down:before {
    content: "\eeca";
}

.oicon-sort-up:before {
    content: "\eecb";
}

.oicon-spa:before {
    content: "\eecc";
}

.oicon-spaghetti-monster-flying:before {
    content: "\eecd";
}

.oicon-spell-check:before {
    content: "\eece";
}

.oicon-spider:before {
    content: "\eecf";
}

.oicon-spinner:before {
    content: "\eed0";
}

.oicon-splotch:before {
    content: "\eed1";
}

.oicon-spoon:before {
    content: "\eed2";
}

.oicon-spray-can:before {
    content: "\eed3";
}

.oicon-spray-can-sparkles:before {
    content: "\eed4";
}

.oicon-square1:before {
    content: "\eed5";
}

.oicon-square-caret-down1:before {
    content: "\eed6";
}

.oicon-square-caret-left1:before {
    content: "\eed7";
}

.oicon-square-caret-right1:before {
    content: "\eed8";
}

.oicon-square-caret-up1:before {
    content: "\eed9";
}

.oicon-square-check1:before {
    content: "\eeda";
}

.oicon-square-envelope:before {
    content: "\eedb";
}

.oicon-square-full1:before {
    content: "\eedc";
}

.oicon-square-h:before {
    content: "\eedd";
}

.oicon-square-minus1:before {
    content: "\eede";
}

.oicon-square-parking:before {
    content: "\eedf";
}

.oicon-square-pen:before {
    content: "\eee0";
}

.oicon-square-phone:before {
    content: "\eee1";
}

.oicon-square-phone-flip:before {
    content: "\eee2";
}

.oicon-square-plus1:before {
    content: "\eee3";
}

.oicon-square-poll-horizontal:before {
    content: "\eee4";
}

.oicon-square-poll-vertical:before {
    content: "\eee5";
}

.oicon-square-root-variable:before {
    content: "\eee6";
}

.oicon-square-rss:before {
    content: "\eee7";
}

.oicon-square-share-nodes:before {
    content: "\eee8";
}

.oicon-square-up-right:before {
    content: "\eee9";
}

.oicon-stairs:before {
    content: "\eeea";
}

.oicon-stamp:before {
    content: "\eeeb";
}

.oicon-star1:before {
    content: "\eeec";
}

.oicon-star-and-crescent:before {
    content: "\eeed";
}

.oicon-star-half1:before {
    content: "\eeee";
}

.oicon-star-half-stroke:before {
    content: "\eeef";
}

.oicon-star-of-david:before {
    content: "\eef0";
}

.oicon-star-of-life:before {
    content: "\eef1";
}

.oicon-sterling-sign:before {
    content: "\eef2";
}

.oicon-stethoscope:before {
    content: "\eef3";
}

.oicon-stop:before {
    content: "\eef4";
}

.oicon-stopwatch:before {
    content: "\eef5";
}

.oicon-stopwatch-20:before {
    content: "\eef6";
}

.oicon-store:before {
    content: "\eef7";
}

.oicon-store-slash:before {
    content: "\eef8";
}

.oicon-street-view:before {
    content: "\eef9";
}

.oicon-strikethrough:before {
    content: "\eefa";
}

.oicon-stroopwafel:before {
    content: "\eefb";
}

.oicon-subscript:before {
    content: "\eefc";
}

.oicon-suitcase:before {
    content: "\eefd";
}

.oicon-suitcase-medical:before {
    content: "\eefe";
}

.oicon-suitcase-rolling:before {
    content: "\eeff";
}

.oicon-sun1:before {
    content: "\ef00";
}

.oicon-superscript:before {
    content: "\ef01";
}

.oicon-swatchbook:before {
    content: "\ef02";
}

.oicon-synagogue:before {
    content: "\ef03";
}

.oicon-syringe:before {
    content: "\ef04";
}

.oicon-t:before {
    content: "\ef05";
}

.oicon-table:before {
    content: "\ef06";
}

.oicon-table-cells:before {
    content: "\ef07";
}

.oicon-table-cells-large:before {
    content: "\ef08";
}

.oicon-table-columns:before {
    content: "\ef09";
}

.oicon-table-list:before {
    content: "\ef0a";
}

.oicon-tablet-button:before {
    content: "\ef0b";
}

.oicon-table-tennis-paddle-ball:before {
    content: "\ef0c";
}

.oicon-tablets:before {
    content: "\ef0d";
}

.oicon-tablet-screen-button:before {
    content: "\ef0e";
}

.oicon-tachograph-digital:before {
    content: "\ef0f";
}

.oicon-tag:before {
    content: "\ef10";
}

.oicon-tags:before {
    content: "\ef11";
}

.oicon-tape:before {
    content: "\ef12";
}

.oicon-taxi:before {
    content: "\ef13";
}

.oicon-teeth:before {
    content: "\ef14";
}

.oicon-teeth-open:before {
    content: "\ef15";
}

.oicon-temperature-empty:before {
    content: "\ef16";
}

.oicon-temperature-full:before {
    content: "\ef17";
}

.oicon-temperature-half:before {
    content: "\ef18";
}

.oicon-temperature-high:before {
    content: "\ef19";
}

.oicon-temperature-low:before {
    content: "\ef1a";
}

.oicon-temperature-quarter:before {
    content: "\ef1b";
}

.oicon-temperature-three-quarters:before {
    content: "\ef1c";
}

.oicon-tenge-sign:before {
    content: "\ef1d";
}

.oicon-terminal:before {
    content: "\ef1e";
}

.oicon-text-height:before {
    content: "\ef1f";
}

.oicon-text-slash:before {
    content: "\ef20";
}

.oicon-text-width:before {
    content: "\ef21";
}

.oicon-thermometer:before {
    content: "\ef22";
}

.oicon-thumbs-down1:before {
    content: "\ef23";
}

.oicon-thumbs-up1:before {
    content: "\ef24";
}

.oicon-thumbtack:before {
    content: "\ef25";
}

.oicon-ticket-simple:before {
    content: "\ef26";
}

.oicon-timeline:before {
    content: "\ef27";
}

.oicon-toggle-off:before {
    content: "\ef28";
}

.oicon-toggle-on:before {
    content: "\ef29";
}

.oicon-toilet:before {
    content: "\ef2a";
}

.oicon-toilet-paper:before {
    content: "\ef2b";
}

.oicon-toilet-paper-slash:before {
    content: "\ef2c";
}

.oicon-toolbox:before {
    content: "\ef2d";
}

.oicon-tooth:before {
    content: "\ef2e";
}

.oicon-torii-gate:before {
    content: "\ef2f";
}

.oicon-tower-broadcast:before {
    content: "\ef30";
}

.oicon-tractor:before {
    content: "\ef31";
}

.oicon-trademark:before {
    content: "\ef32";
}

.oicon-traffic-light:before {
    content: "\ef33";
}

.oicon-trailer:before {
    content: "\ef34";
}

.oicon-train:before {
    content: "\ef35";
}

.oicon-train-subway:before {
    content: "\ef36";
}

.oicon-train-tram:before {
    content: "\ef37";
}

.oicon-transgender:before {
    content: "\ef38";
}

.oicon-trash:before {
    content: "\ef39";
}

.oicon-trash-arrow-up:before {
    content: "\ef3a";
}

.oicon-trash-can1:before {
    content: "\ef3b";
}

.oicon-trash-can-arrow-up:before {
    content: "\ef3c";
}

.oicon-tree:before {
    content: "\ef3d";
}

.oicon-triangle-exclamation:before {
    content: "\ef3e";
}

.oicon-trophy:before {
    content: "\ef3f";
}

.oicon-truck:before {
    content: "\ef40";
}

.oicon-truck-fast:before {
    content: "\ef41";
}

.oicon-truck-medical:before {
    content: "\ef42";
}

.oicon-truck-monster:before {
    content: "\ef43";
}

.oicon-truck-moving:before {
    content: "\ef44";
}

.oicon-truck-pickup:before {
    content: "\ef45";
}

.oicon-truck-ramp-box:before {
    content: "\ef46";
}

.oicon-tty:before {
    content: "\ef47";
}

.oicon-turkish-lira-sign:before {
    content: "\ef48";
}

.oicon-turn-down:before {
    content: "\ef49";
}

.oicon-turn-up:before {
    content: "\ef4a";
}

.oicon-tv:before {
    content: "\ef4b";
}

.oicon-u:before {
    content: "\ef4c";
}

.oicon-umbrella:before {
    content: "\ef4d";
}

.oicon-umbrella-beach:before {
    content: "\ef4e";
}

.oicon-underline:before {
    content: "\ef4f";
}

.oicon-universal-access:before {
    content: "\ef50";
}

.oicon-unlock:before {
    content: "\ef51";
}

.oicon-unlock-keyhole:before {
    content: "\ef52";
}

.oicon-up-down:before {
    content: "\ef53";
}

.oicon-up-down-left-right:before {
    content: "\ef54";
}

.oicon-upload:before {
    content: "\ef55";
}

.oicon-up-long:before {
    content: "\ef56";
}

.oicon-up-right-and-down-left-from-center:before {
    content: "\ef57";
}

.oicon-up-right-from-square:before {
    content: "\ef58";
}

.oicon-user1:before {
    content: "\ef59";
}

.oicon-user-astronaut:before {
    content: "\ef5a";
}

.oicon-user-check:before {
    content: "\ef5b";
}

.oicon-user-clock:before {
    content: "\ef5c";
}

.oicon-user-doctor:before {
    content: "\ef5d";
}

.oicon-user-gear:before {
    content: "\ef5e";
}

.oicon-user-graduate:before {
    content: "\ef5f";
}

.oicon-user-group:before {
    content: "\ef60";
}

.oicon-user-injured:before {
    content: "\ef61";
}

.oicon-user-large:before {
    content: "\ef62";
}

.oicon-user-large-slash:before {
    content: "\ef63";
}

.oicon-user-lock:before {
    content: "\ef64";
}

.oicon-user-minus:before {
    content: "\ef65";
}

.oicon-user-ninja:before {
    content: "\ef66";
}

.oicon-user-nurse:before {
    content: "\ef67";
}

.oicon-user-pen:before {
    content: "\ef68";
}

.oicon-user-plus:before {
    content: "\ef69";
}

.oicon-users:before {
    content: "\ef6a";
}

.oicon-user-secret:before {
    content: "\ef6b";
}

.oicon-users-gear:before {
    content: "\ef6c";
}

.oicon-user-shield:before {
    content: "\ef6d";
}

.oicon-user-slash:before {
    content: "\ef6e";
}

.oicon-users-slash:before {
    content: "\ef6f";
}

.oicon-user-tag:before {
    content: "\ef70";
}

.oicon-user-tie:before {
    content: "\ef71";
}

.oicon-user-xmark:before {
    content: "\ef72";
}

.oicon-utensils:before {
    content: "\ef73";
}

.oicon-v:before {
    content: "\ef74";
}

.oicon-van-shuttle:before {
    content: "\ef75";
}

.oicon-vault:before {
    content: "\ef76";
}

.oicon-vector-square:before {
    content: "\ef77";
}

.oicon-venus:before {
    content: "\ef78";
}

.oicon-venus-double:before {
    content: "\ef79";
}

.oicon-venus-mars:before {
    content: "\ef7a";
}

.oicon-vest:before {
    content: "\ef7b";
}

.oicon-vest-patches:before {
    content: "\ef7c";
}

.oicon-vial:before {
    content: "\ef7d";
}

.oicon-vials:before {
    content: "\ef7e";
}

.oicon-video:before {
    content: "\ef7f";
}

.oicon-video-slash:before {
    content: "\ef80";
}

.oicon-vihara:before {
    content: "\ef81";
}

.oicon-virus:before {
    content: "\ef82";
}

.oicon-viruses:before {
    content: "\ef83";
}

.oicon-virus-slash:before {
    content: "\ef84";
}

.oicon-voicemail:before {
    content: "\ef85";
}

.oicon-volleyball:before {
    content: "\ef86";
}

.oicon-volume-high:before {
    content: "\ef87";
}

.oicon-volume-low:before {
    content: "\ef88";
}

.oicon-volume-off:before {
    content: "\ef89";
}

.oicon-volume-xmark:before {
    content: "\ef8a";
}

.oicon-vr-cardboard:before {
    content: "\ef8b";
}

.oicon-w:before {
    content: "\ef8c";
}

.oicon-wallet:before {
    content: "\ef8d";
}

.oicon-wand-magic:before {
    content: "\ef8e";
}

.oicon-warehouse:before {
    content: "\ef8f";
}

.oicon-water:before {
    content: "\ef90";
}

.oicon-water-ladder:before {
    content: "\ef91";
}

.oicon-wave-square:before {
    content: "\ef92";
}

.oicon-weight-hanging:before {
    content: "\ef93";
}

.oicon-weight-scale:before {
    content: "\ef94";
}

.oicon-wheelchair:before {
    content: "\ef95";
}

.oicon-whiskey-glass:before {
    content: "\ef96";
}

.oicon-wifi:before {
    content: "\ef97";
}

.oicon-wind:before {
    content: "\ef98";
}

.oicon-window-maximize1:before {
    content: "\ef99";
}

.oicon-window-minimize1:before {
    content: "\ef9a";
}

.oicon-window-restore1:before {
    content: "\ef9b";
}

.oicon-wine-bottle:before {
    content: "\ef9c";
}

.oicon-wine-glass:before {
    content: "\ef9d";
}

.oicon-wine-glass-empty:before {
    content: "\ef9e";
}

.oicon-won-sign:before {
    content: "\ef9f";
}

.oicon-wrench:before {
    content: "\efa0";
}

.oicon-x:before {
    content: "\efa1";
}

.oicon-xmark:before {
    content: "\efa2";
}

.oicon-x-ray:before {
    content: "\efa3";
}

.oicon-y:before {
    content: "\efa4";
}

.oicon-yen-sign:before {
    content: "\efa5";
}

.oicon-yin-yang:before {
    content: "\efa6";
}

.oicon-z:before {
    content: "\efa7";
}

@font-face {
    font-family: 'gharadadOnline';
    src: url('/Content/Font/gharadadOnlineicon/zsicon.eot?6l7exo');
    src: url('/Content/Font/gharadadOnlineicon/zsicon.eot?6l7exo#iefix') format('embedded-opentype'), url('/Content/Font/gharadadOnlineicon/zsicon.ttf?6l7exo') format('truetype'), url('/Content/Font/gharadadOnlineicon/zsicon.woff?6l7exo') format('woff'), url('/Content/Font/gharadadOnlineicon/zsicon.svg?6l7exo#zsicon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="zsicon-"], [class*=" zsicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'gharadadOnline' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.zsicon-menu1:before {
    content: "\e900";
}

.zsicon-done:before {
    content: "\e901";
}

.zsicon-done_all:before {
    content: "\e902";
}

.zsicon-filter:before {
    content: "\e903";
}

.zsicon-Footer-advice:before {
    content: "\e904";
}

.zsicon-Footer-Support:before {
    content: "\e905";
}

.zsicon-Orders:before {
    content: "\e906";
}

.zsicon-pay-day:before {
    content: "\e907";
}

.zsicon-support:before {
    content: "\e908";
}

.zsicon-Video-Play:before {
    content: "\e909";
}

.zsicon-add-file:before {
    content: "\e90a";
}

.zsicon-add-image:before {
    content: "\e90b";
}

.zsicon-add-video:before {
    content: "\e90c";
}

.zsicon-Plus-Cancel:before {
    content: "\e90e";
}

.zsicon-back:before {
    content: "\e910";
}

.zsicon-Menu-Message:before {
    content: "\e911";
}

.zsicon-Group-Chat:before {
    content: "\e912";
}

.zsicon-menu:before {
    content: "\e913";
}

.zsicon-Phone:before {
    content: "\e914";
}

.zsicon-search:before {
    content: "\e915";
}

.zsicon-verified-instagram:before {
    content: "\e916";
}

.zsicon-Category:before {
    content: "\e90d";
}

.zsicon-tick:before {
    content: "\e90f";
}

.zsicon-double-tick:before {
    content: "\e917";
}

.zsicon-upload_text:before {
    content: "\e918";
}

.zsicon-user-icon:before {
    content: "\e919";
}

.zsicon-refresh:before {
    content: "\e91a";
}

.zsicon-pending-icon:before {
    content: "\e91b";
}

.zsicon-attach:before {
    content: "\e91c";
}

.zsicon-woman:before {
    content: "\e91d";
}

.zsicon-man:before {
    content: "\e91e";
}

.zsicon-title:before {
    content: "\e91f";
}

.zsicon-back-hand-drawn-arrow:before {
    content: "\e920";
}

.zsicon-padlock:before {
    content: "\e921";
}

.zsicon-padunlock:before {
    content: "\e922";
}

.zsicon-Group-Men:before {
    content: "\e923";
}

.zsicon-Group-Both .path1:before {
    content: "\e924";
}

.zsicon-Group-Both .path2:before {
    content: "\e925";
    margin-left: -1em;
}

.zsicon-Group-Both .path3:before {
    content: "\e926";
    margin-left: -1em;
}

.zsicon-Group-Both .path4:before {
    content: "\e927";
    margin-left: -1em;
}

.zsicon-Group-Both .path5:before {
    content: "\e928";
    margin-left: -1em;
}

.zsicon-Group-Woman .path1:before {
    content: "\e929";
}

.zsicon-Group-Woman .path2:before {
    content: "\e92a";
    margin-left: -1em;
}

.zsicon-Group-Woman .path3:before {
    content: "\e92b";
    margin-left: -1em;
}

/* Generated by less 2.5.1 */

@charset "utf-8";
/**/
:root {
    --gray-color: #868686;
    --hover-color: #00a0ea;
    --base-color: #6e00ff;
}

.bg-white {
    background-color: #fff;
}

.noclick {
    pointer-events: none !important;
}

.en-number {
    font-family: 'Rubik' !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.closeConnection {
    z-index: 5000000000;
    position: relative;
}

*:focus {
    outline: none !important;
}

*, input, select, textarea, option, button {
    outline: none !important;
}

.lock-part {
    text-align: center !important;
    width: 100% !important;
    padding-top: 15px;
    padding-bottom: 20px;
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.back-filter-result {
    display: block;
    text-align: center;
    padding: 15px;
    background-color: #a5a5a5;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    width: 80%;
    margin: 10px auto 15px auto;
}

    .back-filter-result i {
        margin-left: 5px;
        font-size: 21px;
        position: relative;
        top: 4px;
    }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.mb-10 {
    margin-bottom: 10px;
}

body {
    font-family: 'iransans';
    background-color: #fff;
}

main {
    margin-top: 10px;
}

.dragscroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.dragscroll {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    cursor: grab;
}

.p-10 > div {
    padding: 0 5px;
}

.p-10 {
    margin: 0 -5px;
}

body {
    max-width: 580px;
    width: 100%;
    margin: auto;
    /*    border: 1px solid #eee; */
    min-height: 100vh;
    position: relative;
}

.mobile-view.open-modal {
    height: 100vh;
    overflow: hidden;
}

.menu-view {
    right: 0px;
    top: 0px;
    background-color: #fff;
    z-index: 50000;
    width: 100%;
    position: absolute;
    display: none;
    min-height: 100vh;
    z-index: 10000000000000000000;
}
    /*.menu-view .bottom-fix{
    position:sticky !important;
}*/
    .menu-view .main {
        margin-bottom: 20px !important;
    }
/***** sitefooter *****/
.site-footer {
    bottom: 0;
    padding: 18px 20px 22px 20px;
    margin: 0 40px 0 40px;
    left: 0;
    right: 0;
}

.bottom-fix {
    position: fixed;
    max-width: 578px;
    margin: auto;
    z-index: 10000;
    background-color: #fff;
    bottom: 0px;
    left: 0px;
    right: 0px;
    box-shadow: 0px -4px 7px 2px rgba(100, 100, 100, 0.2);
    box-shadow: -1px -16px 34px -22px rgba(152, 152, 152, 0.5);
}

.site-footer ul li {
    float: right;
    width: 25%;
    font-size: 25px;
    color: #464646;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

    .site-footer ul li a {
        transition: all 0.3s ease-in-out;
        font-size: 15px;
        color: #b5b5b5;
        display: block;
    }

    .site-footer ul li.active a {
        color: #ac0092;
    }

    .site-footer ul li a i {
        font-size: 29px;
        margin-bottom: 6px;
        position: relative;
    }

        .site-footer ul li a i span {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            color: #fff;
            background-color: #9c008f;
            display: inline-block;
            font-size: 11px;
            text-align: center;
            padding-top: 5px;
            right: -7px;
            position: absolute;
            top: -3px;
            font-weight: 600;
            font-family: iransans;
        }

    .site-footer ul li a em {
        display: block;
        font-size: 12px;
        font-weight: 700;
        transition: all 0.3s ease-in-out;
    }

    .site-footer ul li:hover em {
        color: #9c008f;
    }

    .site-footer ul li:hover a i {
        color: #333;
    }

.box-btn-attach ul li {
    width: 33%;
}

/***** end-sitefooter *****/


/***** siteheader *****/

.site-headerfirst {
    position: relative;
    top: 0px;
    z-index: 1000;
    background-color: #fff;
}

    .site-headerfirst .top-headerfirst {
        padding: 5px 20px;
        background-color: #9c008f;
        position: sticky;
        top: 0px;
        z-index: 1000;
        margin-bottom: -1px;
        text-align: center;
    }


        .site-headerfirst .top-headerfirst .menu {
            float: right;
            margin-left: 10px;
        }

        .site-headerfirst .top-headerfirst .user {
            float: right;
        }

        .site-headerfirst .top-headerfirst .logo {
            height: 95%;
            display: block;
        }

        .site-headerfirst .top-headerfirst .menu i {
            color: #fff;
            font-size: 23px;
            vertical-align: middle;
            margin-top: 11px;
            display: inline-block;
            cursor: pointer;
        }

        .site-headerfirst .top-headerfirst .user img {
            border-radius: 50%;
            width: 38px;
            height: 38px;
            margin-top: 4px;
        }

        .site-headerfirst .top-headerfirst .logo img {
            width: 120px;
            margin-top: 3px;
            margin-bottom: 3px;
        }


#header {
    position: relative;
    top: 0px;
    z-index: 1000;
    background-color: #fff;
}

    #header .top-headerfirst {
        padding: 5px 20px;
        background-color: #9c008f;
        position: sticky;
        top: 0px;
        z-index: 1000;
        margin-bottom: -1px;
        text-align: center;
    }


        #header .top-headerfirst .menu {
            float: right;
            margin-left: 10px;
        }

        #header .top-headerfirst .user {
            float: right;
        }

        #header .top-headerfirst .logo {
            height: 95%;
            display: block;
        }

        #header .top-headerfirst .menu i {
            color: #fff;
            font-size: 23px;
            vertical-align: middle;
            margin-top: 11px;
            display: inline-block;
            cursor: pointer;
        }

        #header .top-headerfirst .user img {
            border-radius: 50%;
            width: 38px;
            height: 38px;
            margin-top: 4px;
        }

        #header .top-headerfirst .logo img {
            width: 120px;
            margin-top: 3px;
            margin-bottom: 3px;
        }

.bottom-headerfirst {
    position: relative;
    text-align: center;
}

    .bottom-headerfirst:before {
        content: '';
        position: absolute;
        z-index: 0;
        height: 85px;
        width: 100%;
        background-image: linear-gradient(90deg, #9c008f 0%, #ff00a2 100%);
        top: 0;
    }

    .bottom-headerfirst .main-slider {
        overflow: hidden;
        width: 94%;
        z-index: 100;
        position: relative;
        margin-top: 15px;
        max-height: 230px;
        margin: auto;
    }

        .bottom-headerfirst .main-slider .swiper-slide {
            margin-top: 15px !important;
        }

            .bottom-headerfirst .main-slider .swiper-slide img {
                border-radius: 27px;
                border: 2px solid #dc009b;
                width: 100%;
                max-height: 215px;
            }

.bg-Purple {
    background-image: linear-gradient(90deg, #9c008f 0%, #ff00a2 100%);
}


.category-part-header {
    position: relative;
    position: sticky;
    top: 0px;
    z-index: 1000;
    background-image: linear-gradient(90deg, #9c008f 0%, #9c008f 100%);
}

    .category-part-header .top-category-header {
        padding: 5px 20px;
        top: 0px;
        z-index: 1000;
        margin-bottom: 5px;
    }


        .category-part-header .top-category-header .menu {
            float: right;
            margin-left: 10px;
        }

        .category-part-header .top-category-header .user {
            float: right;
        }

        .category-part-header .top-category-header .logo {
            float: left;
            text-align: left;
        }

        .category-part-header .top-category-header .menu i {
            color: #fff;
            font-size: 23px;
            vertical-align: middle;
            margin-top: 11px;
            display: inline-block;
            cursor: pointer;
        }

            .category-part-header .top-category-header .menu i.close-btn {
                color: #fff;
                font-size: 34px;
                vertical-align: middle;
                margin-top: 0px;
                display: inline-block;
                cursor: pointer;
            }

        .category-part-header .top-category-header .user img {
            border-radius: 50%;
            width: 38px;
            height: 38px;
            margin-top: 4px;
        }

        .category-part-header .top-category-header .logo img {
            width: 120px;
            margin-top: 7px;
        }

    .category-part-header .bottom-category-header {
        background-color: #fff;
        margin: 0 auto;
        border-radius: 20px 20px 0 0;
        margin: 0 20px;
        position: relative;
        text-align: center;
        bottom: -1px;
    }

        .category-part-header .bottom-category-header span {
            padding-top: 20px;
            padding-bottom: 5px;
            display: inline-block;
            text-align: center;
            font-size: 15px;
            color: #5b5b5b;
            padding-left: 10px;
            padding-right: 10px;
            cursor: pointer;
        }

            .category-part-header .bottom-category-header span.active {
                font-weight: bold;
                border-bottom: 1px solid #202020;
                color: #000;
            }

            .category-part-header .bottom-category-header span.tab-menu {
                padding-top: 60px;
            }
/*site-headersecond*/
.site-headersecond {
    padding: 0px 32px 6px 32px;
    position: sticky;
    top: 0px;
    z-index: 1100000;
    background: #9c008f;
}

    .site-headersecond > div {
        float: right;
    }

    .site-headersecond .head-menu {
        width: 20px;
    }

        .site-headersecond .head-menu i {
            vertical-align: middle;
            display: inline-block;
            color: #fff;
            font-size: 23px;
            margin-top: 22px;
            cursor: pointer;
        }

    .site-headersecond .head-user {
        width: calc(100% - 65px);
        text-align: left;
    }

    .site-headersecond .head-menu-support img {
        position: absolute;
        width: 38px;
        top: 10px;
    }

    .site-headersecond .back-page {
        width: 30px;
    }

    .site-headersecond .head-user .user-img {
        float: left;
        position: relative;
        margin-top: 10px;
        margin-right: 10px;
    }

        .site-headersecond .head-user .user-img img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            position: relative;
        }

    .site-headersecond .head-user em {
        position: absolute;
        width: 14px;
        height: 14px;
        border: 2px solid #9c008f;
        border-radius: 50%;
        background-color: #b8b8b8;
        left: -2px;
        bottom: -6px;
    }

    .site-headersecond .head-user .user-name span.f-name {
        display: block;
        color: #ffffff;
        font-size: 21px;
        font-weight: 900;
        line-height: 24px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .site-headersecond .head-user .user-name span i {
        padding-right: 0px;
        color: #284bca;
        font-size: 16px;
        position: relative;
        top: 1px;
    }

    .site-headersecond .head-user .user-name span.discript-name {
        display: block;
        color: #ffffff;
        font-size: 13px;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .site-headersecond .back-page {
        float: left;
        color: #fff;
        font-size: 25px;
        padding-top: 22px;
    }


/***** end-siteheader *****/


/***** intro *****/

.intro-bg {
    background-color: #af0093;
    background-image: linear-gradient(-230deg, #9c008f 0%, #ff00a2 100%);
    width: 100%;
    min-height: 100vh;
}

    .intro-bg main {
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
    }

.block-intro {
    text-align: center;
    width: 100%;
}

    .block-intro p.page-error {
        color: #fff;
        font-size: 24px;
        width: 80%;
        margin: auto;
        padding-bottom: 20px;
        margin-top: 50px;
    }

    .block-intro p {
        color: #fff;
        width: 80%;
        margin: auto;
        padding-bottom: 20px;
    }

    .block-intro a.back-home {
        color: #e8bbdb;
        border-bottom: 1px dashed;
        padding-bottom: 3px;
    }

    .block-intro img {
        width: 160px;
    }


.block-login {
    text-align: center;
}

    .block-login > a {
        text-align: center;
        background-clip: text;
        color: #ff00a2;
        font-size: 23px;
        font-weight: 700;
        margin-bottom: 80px;
        margin-top: 15px;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9c008f), color-stop(0.15, #9c008f), color-stop(0.3, #9c008f), color-stop(0.45, #9c008f), color-stop(0.6, #ff00a2), color-stop(0.75, #ff00a2), color-stop(0.9, #ff00a2), color-stop(1, #9c008f));
        background-image: gradient(linear, left top, right top, color-stop(0, #9c008f), color-stop(0.15, #9c008f), color-stop(0.3, #9c008f), color-stop(0.45, #9c008f), color-stop(0.6, #9c008f), color-stop(0.75, #ff00a2), color-stop(0.9, #ff00a2), color-stop(1, #ff00a2));
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        display: block;
    }

    .block-login .login p {
        width: 85%;
        margin: auto;
    }

        .block-login .login p span {
            display: block;
            color: #929292;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 14px;
            margin-right: 10px;
            text-align: right;
        }

        .block-login .login p input,
        .block-login .login p textarea {
            border-radius: 17px;
            background-color: #f2f2f2;
            color: #a5a5a5;
            font-size: 14px;
            font-weight: 400;
            padding: 5px 20px 7px 20px;
            width: 100%;
            line-height: 40px;
            margin-bottom: 10px;
        }

        .block-login .login p.last {
            padding-bottom: 125px;
        }

    .block-login .login footer {
        box-shadow: -1px -16px 34px -22px rgba(152, 152, 152, 0.5);
        max-width: 578px;
        background-color: #fff;
        padding: 20px 35px 10px 35px;
        position: fixed;
        bottom: 0px;
        width: 100%;
    }

        .block-login .login footer button {
            background-color: #0cbb03;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            padding: 10px 20px 10px 20px;
            display: inline-block;
            border-radius: 10px;
            cursor: pointer;
            display: block;
            margin-bottom: 10px;
            width: 90%;
            margin: 0 auto 7px auto;
            font-family: 'iransans';
            border: none;
        }

        .block-login .login footer .btn-closedown {
            color: #a5a5a5;
            font-size: 19px;
            font-weight: 400;
            padding: 5px 20px 6px 20px;
            display: inline-block;
            border-radius: 10px;
            cursor: pointer;
        }

    .block-login .login .retry {
        display: none;
    }

    .block-login .login .resend {
        color: #066201;
        border-bottom: 1px dashed;
        cursor: pointer;
    }


.verification {
    text-align: center;
    color: #fff;
}

    .verification h2 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .verification h3 {
        font-size: 15px;
        font-weight: 400;
        line-height: 21px;
        margin-bottom: 30px;
        color: #d8cbcb;
    }

    .verification .time-code {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        margin-bottom: 20px;
    }

    .verification input {
        border-radius: 10px;
        color: #767676;
        font-size: 16px;
        font-weight: 400;
        padding: 10px 0px 7px 0px;
        margin-bottom: 31px;
    }

    .verification #VerifyCode {
        letter-spacing: 42px;
        border: 0;
        background-image: url(/Content/Frontend/img/bg-verify.jpg);
        background-position: bottom;
        background-size: 50px 2px;
        background-repeat: repeat-x;
        width: 300px;
        text-align: left;
        direction: ltr;
        background-position-x: 0;
        border-radius: 0;
        padding-left: 15px;
    }

    .verification button {
        border-radius: 10px;
        background-color: #560e4f;
        color: #fff;
        border: none;
        font-size: 16px;
        font-weight: 400;
        padding: 15px 20px 14px 20px;
        margin-bottom: 20px;
        font-family: 'iransans';
        width: 80%;
    }

    .verification .retry {
        margin-bottom: 25px;
    }

        .verification .retry a {
            font-weight: 600;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
        }

            .verification .retry a:hover {
                color: #0095f6;
            }

    .verification .back {
        display: inline-block;
        font-weight: 400;
        font-size: 16px;
        transition: all 0.3s ease-in-out;
        color: #e8bbdb;
        border-bottom: 1px dashed;
        padding-bottom: 3px;
    }

        .verification .back:hover {
            color: #0095f6;
        }

        .verification .back i {
            vertical-align: middle;
        }


/*verify*/
.mm-number-container {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    height: inherit;
}

.mm-number-input {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
}

.mm-number-input-container {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    height: inherit;
    direction: ltr;
}

.mm-number-input-item {
    width: 40px;
    height: 40px;
    margin: 10px 2px;
}

    .mm-number-input-item input {
        width: 100%;
        height: inherit;
        font-size: 20px;
        font-weight: 300;
        text-align: center;
        border: 1px solid rgba(20,20,20,0.1);
    }

.mm-number-input-submit {
    text-align: center;
    width: 80px;
    height: 40px;
    background: #f1f1f1;
    color: #333;
    border: none;
    font-size: 14px;
    font-weight: 300;
}

    .mm-number-input-submit:focus, .mm-number-input-submit:hover {
        background: #333;
        color: #f1f1f1;
        cursor: pointer;
    }

/***** end-intro *****/


/***** chatlist *****/

.block-chatlist .search {
    margin-bottom: 20px;
    position: sticky;
    top: 52px;
    background-color: #fff;
    z-index: 1000;
    padding-top: 10px;
    padding-bottom: 83px;
}

    .block-chatlist .search form {
        position: relative;
        width: 94%;
        text-align: center;
        margin: 0 auto;
    }

        .block-chatlist .search form input {
            border-radius: 44px;
            background-color: #f0f0f0;
            width: 100%;
            line-height: 32px;
            padding: 5px 60px 6px 20px;
            font-size: 14px;
            color: #555;
        }

        .block-chatlist .search form button {
            position: absolute;
            right: 20px;
            background-color: transparent;
            border: none;
            font-size: 18px;
            top: 11px;
            color: #ababab;
        }

.chat-box {
    width: 94%;
    margin: 0 auto;
}

    .chat-box ul {
        direction: ltr;
    }

        .chat-box ul li:after {
            position: absolute;
            content: '';
            width: calc(100% - 10px);
            height: 1px;
            background-color: #eee;
            bottom: -1px;
            left: 50%;
            transform: translate(-50%);
        }

        .chat-box ul li.chat-element {
            position: relative;
            height: 75px;
            margin-bottom: 10px;
        }

            .chat-box ul li.chat-element a {
                display: block;
                height: 75px;
            }

                .chat-box ul li.chat-element a > div {
                    float: left;
                }

        .chat-box ul li .img-list {
            position: relative;
            width: 70px;
            height: 70px;
            border-radius: 50%;
        }

            .chat-box ul li .img-list a {
                display: block;
                width: 100%;
                height: 100%;
            }

            .chat-box ul li .img-list img {
                border-radius: 50%;
                width: 100%;
                height: 100%;
            }

            .chat-box ul li .img-list em {
                position: absolute;
                width: 14px;
                height: 14px;
                border: 2px solid #fff;
                border-radius: 50%;
                background-color: #0cbb03;
                right: -2px;
                bottom: 7px;
            }

        .chat-box ul li .content-list {
            margin-left: 10px;
            width: calc(100% - 160px);
        }

            .chat-box ul li .content-list h2 {
                font-size: 15px;
                color: #273356;
                font-weight: 800;
                line-height: 23px;
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .chat-box ul li .content-list h2 i {
                    vertical-align: middle;
                    font-size: 17px;
                    color: #284bca;
                    position: relative;
                    top: -2px;
                }

            .chat-box ul li .content-list h5 {
                font-size: 12px;
                color: #a8b5d8;
                font-weight: 500;
                text-align: left;
                margin-bottom: 6px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .chat-box ul li .content-list p {
                font-size: 12px;
                color: #b2b2b2;
                font-weight: 400;
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 0px !important;
                background-image: none !important;
            }

        .chat-box ul li .min-price {
            font-size: 12px;
            color: #010244;
            font-weight: 400;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: 0px !important;
            background-image: none !important;
            text-align: right;
            position: absolute;
            right: 3px;
            top: 35px;
            background-color: #ccc;
            border-radius: 10px;
            padding: 1px 8px;
        }

        .chat-box ul li span {
            float: right;
            font-size: 19px;
            color: #b2b2b2;
            font-weight: 600;
            margin-right: 5px;
            width: 75px;
        }

            .chat-box ul li span em {
                width: 100%;
                display: block;
                text-align: right;
            }

            .chat-box ul li span b {
                display: block;
                background-color: #c90098;
                border-radius: 50%;
                font-size: 13px;
                color: #fff;
                height: 25px;
                width: 25px;
                position: relative;
                padding-top: 4px;
                text-align: center;
                float: right;
            }

                .chat-box ul li span b.alone {
                    top: 15px;
                }

                .chat-box ul li span b.chatGroupStarCount {
                    background-color: #ff00a2;
                    margin-right: 3px;
                }

            .chat-box ul li span lock {
                top: 8px;
                display: block;
                border-radius: 50%;
                font-size: 30px;
                color: #bc0095;
                position: relative;
                padding-top: 4px;
                text-align: center;
                float: right;
                cursor: pointer;
            }

                .chat-box ul li span lock .c1 {
                    display: block;
                }

                .chat-box ul li span lock .c2 {
                    display: none;
                }

                .chat-box ul li span lock:hover .c1 {
                    display: none;
                }

                .chat-box ul li span lock:hover .c2 {
                    display: block;
                }
/***** end-chatlist *****/
/***** chat1 *****/
.block-chat {
    padding: 25px 30px 25px 30px;
    background: url(/Content/Home/img/Messages-bg.jpg) repeat;
    transition: all .3s ease-in-out;
    margin-top: -10px;
    min-height: calc(100vh - 83px);
}

    .block-chat .date-newchat {
        color: #a7a7a7;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 15px;
    }

    .block-chat .chat-lock {
        color: #ca1212;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 15px;
        background-color: #fff;
        padding: 10px;
        border-radius: 5px;
    }

    .block-chat.open-file {
        height: calc(100vh - 250px);
        transition: all 0.3s ease-in-out;
    }

    .block-chat ul li {
        position: relative;
        display: block;
        width: 100%;
    }

        .block-chat ul li.whatsapp-message {
            text-align: center;
        }

            .block-chat ul li.whatsapp-message a {
                background-color: #2edc82;
                margin: auto;
                padding: 5px 10px;
                color: #fff;
                border-radius: 5px;
                font-size: 18px;
                margin-bottom: 10px;
                display: inline-block;
            }

            .block-chat ul li.whatsapp-message img {
                width: 50px;
                height: 50px;
                margin-right: 13px;
            }

        .block-chat ul li.sender .pm {
            max-width: 65%;
            padding: 5px 7px;
            float: right;
            box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
            border-radius: 15px 15px 0;
            background-color: #c7f1c4;
            margin-bottom: 34px;
            position: relative;
        }

        .block-chat ul li.sender.file .pm > i,
        .block-chat ul li.sender.file .pm > a > i {
            font-size: 21px;
            background-color: #4d9747;
            position: absolute;
            right: 7px;
            top: 6px;
            color: #ddffdb;
            border-radius: 10px;
            padding: 9px;
        }

        .block-chat ul li.sender.file .pm > a > span {
            width: 100%;
            padding-right: 45px;
        }

            .block-chat ul li.sender.file .pm > a > span filename {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                height: 20px;
                display: block;
            }

            .block-chat ul li.sender.file .pm > a > span em {
                display: block;
            }

                .block-chat ul li.sender.file .pm > a > span em size {
                    font-weight: bold;
                    font-size: 11px;
                    padding-left: 3px;
                }

        .block-chat ul li.sender.file .pm b {
            width: 35px;
            height: 35px;
            position: absolute;
            right: 7px;
            top: 6px;
        }

            .block-chat ul li.sender.file .pm b svg {
                transform: rotate(-90deg) scale(0.5) translate(50%,50%);
                -webkit-transform: rotate(-90deg) scale(0.5) translate(50%,50%);
                position: absolute;
            }

            .block-chat ul li.sender.file .pm b label {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                font-size: 12px;
            }

        .block-chat ul li.recive.file .pm > i,
        .block-chat ul li.recive.file .pm > a > i {
            font-size: 21px;
            background-color: #4d9747;
            position: absolute;
            left: 7px;
            top: 6px;
            color: #ddffdb;
            border-radius: 10px;
            padding: 9px;
        }

        .block-chat ul li.recive.file .pm span {
            width: 100%;
            padding-left: 45px;
        }

            .block-chat ul li.recive.file .pm span filename {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                height: 20px;
                display: block;
            }

            .block-chat ul li.recive.file .pm span em {
                display: block;
                text-align: left;
            }

                .block-chat ul li.recive.file .pm span em size {
                    font-weight: bold;
                    font-size: 11px;
                    padding-right: 3px;
                }

        .block-chat ul li.order .pm {
            width: 100% !important;
        }

            .block-chat ul li.order .pm .title {
                display: block;
                font-weight: bold;
                padding: 10px 20px;
                font-size: 18px;
            }

                .block-chat ul li.order .pm .title b {
                    float: left !important;
                    cursor: pointer;
                }

                .block-chat ul li.order .pm .title i {
                    position: relative;
                    top: 3px;
                    margin-left: 5px;
                    float: right;
                }

            .block-chat ul li.order .pm .show-more {
                display: block;
                font-weight: bold;
                padding: 10px 20px;
                font-size: 18px;
                color: #3742ef;
                text-align: center;
            }

            .block-chat ul li.order .pm .main-detail {
                background-color: #2edc82;
                margin-right: -7px;
                margin-left: -7px;
                position: relative;
            }

                .block-chat ul li.order .pm .main-detail b {
                    display: block;
                    line-height: 30px;
                }

                .block-chat ul li.order .pm .main-detail .detail {
                    display: inline-block;
                    position: relative;
                    height: 100%;
                    padding: 20px 10px 20px 10px;
                }

                    .block-chat ul li.order .pm .main-detail .detail img {
                        width: 25px;
                        height: 25px;
                        display: inline-block;
                        margin-left: 5px;
                    }

                    .block-chat ul li.order .pm .main-detail .detail key {
                        width: 93px;
                        display: inline-block;
                        color: #616161;
                        font-weight: 400;
                    }

                    .block-chat ul li.order .pm .main-detail .detail value {
                        display: inline-block;
                        color: #242424;
                    }

        .block-chat ul li.sender.colleague .pm {
            background-color: #fff;
        }


        .block-chat ul li.sender span {
            color: #757575;
            padding: 0px 6px 0px 15px;
            line-height: 21px;
            font-size: 14px;
            font-weight: 400;
            text-align: justify;
            display: inline-block;
            white-space: pre-line;
        }

        .block-chat ul li.sender strong {
            position: absolute;
            right: 10px;
            bottom: -22px;
            font-size: 12px;
            color: #c5c5c5;
            font-weight: 400;
            width: 100%;
            text-align: right;
            white-space: nowrap;
        }

        .block-chat ul li.recive .pm {
            max-width: 85%;
            padding: 5px 10px;
            display: inline-block;
            box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
            border-radius: 15px 15px 11px 0;
            background-color: #ffffff;
            float: left;
            margin-bottom: 34px;
            position: relative;
        }

        .block-chat ul li .pm > a.link {
            padding: 0px 13px;
            color: #3742ef;
            text-decoration: underline;
            font-weight: bold;
            cursor: pointer;
        }

    .block-chat .socials .divider {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        margin: 1rem 0
    }

        .block-chat .socials .divider .divider-text {
            position: relative;
            display: inline-block;
            font-size: .9375rem;
            padding: 0 1rem
        }

            .block-chat .socials .divider .divider-text i, .divider .divider-text svg {
                height: 1rem;
                width: 1rem;
                font-size: 1rem
            }

            .block-chat .socials .divider .divider-text:before, .divider .divider-text:after {
                content: '';
                position: absolute;
                top: 50%;
                width: 9999px;
                border-top: 1px solid #9b9b9b;
            }

            .block-chat .socials .divider .divider-text:before {
                left: 100%
            }

            .block-chat .socials .divider .divider-text:after {
                right: 100%
            }

    .block-chat .socials a {
        width: 100%;
        display: block;
        text-align: center;
        border-radius: 5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
        padding: 6px 2px 12px 10px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        margin-top: 10px;
    }

        .block-chat .socials a i {
            position: relative;
            top: 5px;
            font-size: 20px;
            margin-left: 6px;
        }

.pm .img,
.pm .video {
    max-height: 285px;
    overflow: hidden;
    border-radius: 15px;
}

    .pm .img img {
        min-width: 100%;
        cursor: pointer;
        min-height: 60px;
        min-width: 60px;
    }

        .pm .img img:hover {
            opacity: 0.7;
        }

    .pm .video video {
        width: 100%;
    }

    .pm .video .plyr {
        max-height: 285px;
        font-family: 'iransans';
    }

        .pm .video .plyr button,
        .pm .video .plur span {
            font-family: 'iransans';
        }



.image b, .video b {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    z-index: 20;
    transform: translate(-50%,-50%);
}

    .image b svg, .video b svg {
        transform: rotate(-90deg) scale(0.7) translate(37%,40%) !important;
        -webkit-transform: rotate(-90deg) scale(0.7) translate(37%,40%) !important;
        position: absolute !important;
    }

    .image b label, .video b label {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%) !important;
        font-size: 16px !important;
    }


.order .pm > b {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    z-index: 20;
    transform: translate(-50%,-50%);
    position: absolute;
}

    .order .pm > b svg {
        transform: rotate(-90deg) scale(0.7) translate(72%,72%) !important;
        -webkit-transform: rotate(-90deg) scale(0.7) translate(72%,72%) !important;
        position: absolute !important;
    }

    .order .pm > b label {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%) !important;
        font-size: 16px !important;
    }

.block-chat ul li.recive span {
    padding: 0px 15px 0px 0px;
    line-height: 21px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    color: #757575;
    white-space: pre-line;
}

.block-chat ul li.recive p {
    padding: 2px;
    line-height: 21px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    color: #757575;
    white-space: pre-line;
}

.block-chat ul li.recive span a {
    color: #9c008f;
    display: inline-block;
    text-decoration: underline;
}

.block-chat ul li.recive ul li,
.block-chat ul li.sender ul li {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding: 9px 20px 9px 16px;
    line-height: 17px;
}

    .block-chat ul li.recive ul li i,
    .block-chat ul li.sender ul li i {
        vertical-align: middle;
        color: #ff00a2;
        margin-left: 5px;
        width: 7px;
        height: 7px;
        background-color: #ff00a2;
        border-radius: 50%;
        display: inline-block;
        top: -1px;
        position: relative;
    }

.block-chat ul li.recive strong {
    position: absolute;
    right: 10px;
    bottom: -22px;
    font-size: 12px;
    color: #c5c5c5;
    font-weight: 400;
    min-width: 100%;
    text-align: right;
    white-space: nowrap;
}

.block-chat ul li strong i {
    color: #c5c5c5;
    font-size: 17px;
    top: -2px;
    position: relative;
    padding-left: 5px;
    float: right;
}

    .block-chat ul li strong i.zsicon-pending-icon {
        font-size: 13px;
        top: 2px;
    }

    .block-chat ul li strong i.deliver {
        color: #2f5fa7;
    }

.block-chat ul li img.sendimg {
    width: 100%;
}

.block-chat ul li em.caption {
    padding: 9px 16px;
    line-height: 24px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    color: #757575;
}

.block-chat ul li.view-order header {
    margin-bottom: 10px;
}

    .block-chat ul li.view-order header .order-name {
        color: #575757;
        font-size: 13px;
        padding-right: 10px;
    }

    .block-chat ul li.view-order header .order-status {
        float: left;
        color: #e87676;
        font-size: 12px;
        padding-left: 10px;
        padding-top: 2px;
    }

        .block-chat ul li.view-order header .order-status i {
            padding-left: 5px;
            font-size: 12px;
            vertical-align: middle;
            display: inline-block;
        }

.block-chat ul li.view-order footer a {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    margin: 10px 0;
}

.block-chat ul li.view-order .order-content {
    border-radius: 15px 15px 0 0;
    display: block;
    overflow: hidden;
}

.attach-box {
    padding: 0 20px 0 20px;
}

    .attach-box p {
        position: relative;
        width: calc(100% - 107px);
        float: right;
    }

        .attach-box p textarea {
            background-color: #f2f2f2;
            border-radius: 30px;
            line-height: 32px;
            padding: 13px 48px 15px 30px;
            color: #757575;
            font-size: 14px;
            width: 95%;
            resize: none;
            overflow-y: scroll;
            overflow-x: hidden;
            max-height: 130px !important;
            height: 50px;
        }

        .attach-box p i {
            position: absolute;
            right: 22px;
            top: 15px;
            color: #757575;
            font-size: 19px;
            cursor: pointer;
            transition: all .3s ease-in-out;
            transform: rotate(45deg);
            padding: 0px;
            width: 30px;
            height: 30px;
        }

            .attach-box p i.open-file {
                transform: rotate(0deg);
                transition: all 0.3s ease-in-out;
                top: 19px;
            }

    .attach-box > b {
        background-color: #ff00a2;
        color: #fff;
        border-radius: 30px;
        padding: 14px 25px 16px 25px;
        font-size: 17px;
        font-weight: 900;
        cursor: pointer;
        border: none;
        font-family: inherit;
        width: 103px;
        margin-right: 4px;
        display: inline-block;
    }

    .attach-box .file-box {
        margin: 30px 0 0 0;
        text-align: center;
        padding: 0 51px;
        display: none;
    }

        .attach-box .file-box ul li label {
            cursor: pointer;
        }

        .attach-box .file-box ul li b {
            display: inline-block;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #89adde;
            color: #fff;
        }

            .attach-box .file-box ul li b i {
                font-size: 23px;
                padding-top: 17px;
                display: inline-block;
            }

        .attach-box .file-box ul li:hover b {
            background-color: #ff00a2;
        }

        .attach-box .file-box ul li em {
            text-align: center;
            display: block;
            font-size: 14px;
            color: #171717;
            margin-top: 10px;
        }

        .attach-box .file-box ul li:hover em {
            color: #ff00a2;
        }

        .attach-box .file-box input[type=file] {
            display: none;
        }


/***** end-chat1 *****/


/***** chat2 *****/

.modal-chat, .modal-authorize, .modal-userProfile, .modal-orderSend {
    display: none;
    width: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.5);
    z-index: 1000000000;
    height: 100vh;
    bottom: 0;
    max-width: 580px;
    margin: auto;
}

    .modal-authorize .login {
        min-height: 350px;
        padding-top: 100px;
    }

    .modal-chat.open-modal, .modal-authorize.open-modal, .modal-userProfile.open-modal, .modal-orderSend.open-modal {
        display: block;
    }

    .modal-chat .modal-content, .modal-authorize .modal-content, .modal-orderSend .modal-content {
        display: none;
        background-color: #fff;
        border-radius: 50px 50px 0 0;
        width: 90%;
        padding: 35px 0px 0px 0px;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        max-height: calc(100vh - 100px);
        overflow: hidden;
    }

.modal-content .step {
    background-color: #fff;
    width: 100%;
}


.modal-content .dragscroll {
    max-height: calc(100vh - 245px);
    overflow-x: hidden;
    overflow-y: scroll;
}

.two-btn .modal-content .dragscroll {
    max-height: calc(100vh - 295px);
}

.modal-content .dragscroll .dragscroll-content {
    height: calc(100% - 100px);
    padding: 0 25px;
}

.modal-content .t-c {
    text-align: center;
}

.modal-content .btn-close {
    width: 40px;
    height: 5px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: #736c72;
    cursor: grab;
}

.modal-content .btn-closedown {
    color: #a5a5a5;
    font-size: 19px;
    font-weight: 400;
    padding: 5px 20px 6px 20px;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
}

.modal-content .btn-register {
    background-color: #0cbb03;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 20px 10px 20px;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    width: 90%;
    margin: 0 auto 7px auto;
}

.modal-content h2 {
    text-align: center;
    background-clip: text;
    color: #ff00a2;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 20px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9c008f), color-stop(0.15, #9c008f), color-stop(0.3, #9c008f), color-stop(0.45, #9c008f), color-stop(0.6, #ff00a2), color-stop(0.75, #ff00a2), color-stop(0.9, #ff00a2), color-stop(1, #9c008f));
    background-image: gradient(linear, left top, right top, color-stop(0, #9c008f), color-stop(0.15, #9c008f), color-stop(0.3, #9c008f), color-stop(0.45, #9c008f), color-stop(0.6, #9c008f), color-stop(0.75, #ff00a2), color-stop(0.9, #ff00a2), color-stop(1, #ff00a2));
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.modal-content .title-script {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    color: #a5a5a5;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
}

.modal-content form span.lable {
    display: block;
    color: #929292;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 7px;
    margin-right: 10px;
}

.modal-content form b.hint {
    display: block;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #848484;
    padding-right: 14px;
}

.modal-content form .map-box {
    position: relative;
}

    .modal-content form .map-box .map-view {
        position: relative;
        width: 100%;
        height: 300px;
        border-radius: 24px;
        top: -55px;
        margin-bottom: -55px;
    }

.modal-content form input,
.modal-content form textarea {
    border-radius: 17px;
    background-color: #f2f2f2;
    color: #232323;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 20px 7px 20px;
    width: 100%;
    line-height: 40px;
    margin-bottom: 0px;
    font-weight: bold;
}

    .modal-content form input.error,
    .modal-content form textarea.error {
        border: 1px solid red;
    }

.modal-content form label.error {
    display: none !important;
}

.modal-content form [type=file] {
    position: absolute;
    z-index: -500;
    top: 100px;
    pointer-events: none;
}

    .modal-content form [type=file].error + label + label {
        border: 1px solid red;
    }

.modal-content form .lbl-file {
    border-radius: 17px;
    background-color: #f2f2f2;
    color: #232323;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 20px 7px 20px;
    width: 100%;
    line-height: 40px;
    margin-bottom: 0;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
}

    .modal-content form .lbl-file em {
        float: right;
    }

    .modal-content form .lbl-file b {
        float: left;
        color: #0a8604;
    }

.modal-content form .lbl-image,
.modal-content form .lbl-video {
    height: 210px;
}

    .modal-content form .lbl-image img,
    .modal-content form .lbl-video video {
        height: 158px;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }


.modal-content form img {
    border-radius: 15px;
}

.modal-content form button {
    float: left;
    background-color: #39b54a;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    font-family: iransans;
    border: none;
    border-radius: 10px;
    padding: 5px 20px 7px 20px;
}

    .modal-content form button.inactive {
        background-color: #cdecd2;
    }

.modal-content form p {
    margin-bottom: 15px;
}

.modal-content h5 {
    text-align: center;
    color: #a5a5a5;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 30px;
}

    .modal-content h5 a {
        color: #9c008f;
        text-decoration: underline;
    }

.modal-content .step > footer {
    box-shadow: -1px -16px 34px -22px rgba(152,152,152,.5);
    max-width: 578px;
    background-color: #fff;
    padding: 20px 35px 10px 35px;
}

.modal-content .time-code {
    text-align: center;
}

.modal-content .retry {
    text-align: center;
    display: none;
}

    .modal-content .retry .resend {
        color: #066201;
        border-bottom: 1px dashed;
        cursor: pointer;
    }

.view-box {
    margin-bottom: 25px;
    margin-right: 12px;
}

.orderdetail .view-box {
    margin-top: 10px;
}

.view-box .check-2 {
    color: #606060 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    background-color: #fff !important;
    padding: 0 !important;
}


    .view-box .check-2 input[type="checkbox"] {
        display: none;
    }

        .view-box .check-2 input[type="checkbox"] + label em {
            cursor: pointer;
            position: relative;
            width: 75px;
            height: 25px;
            background-color: #e1e1e1;
            content: '';
            display: block;
            overflow: hidden;
            float: right;
            transition: 0.3s;
            border-radius: 25px;
            margin-left: 5px;
            float: left;
            margin-right: 10px;
        }

            .view-box .check-2 input[type="checkbox"] + label em i {
                width: 38px;
                height: 21px;
                border-radius: 2px;
                background-color: #ffffff;
                text-align: center;
                margin-top: 2px;
                position: absolute;
                padding-top: 8px;
                font-size: 13px;
                right: 2px;
                z-index: 10;
                transition: 0.3s;
                border-radius: 30px;
            }

                .view-box .check-2 input[type="checkbox"] + label em i.icon-play-button-1 {
                    font-size: 10px !important;
                    padding-top: 10px;
                }

            .view-box .check-2 input[type="checkbox"] + label em.fast-view i {
                color: #778ea8;
                transition: 0.3s;
            }

            .view-box .check-2 input[type="checkbox"] + label em:after {
                position: absolute;
                content: '\e928';
                font-family: 'icomoon';
                font-size: 10px;
                color: #9fe1ad;
                font-weight: 900;
                display: none;
                width: calc(50% + 2px);
                height: 100%;
                text-align: left;
                padding-top: 10px;
                transition: 0.3s;
            }

        .view-box .check-2 input[type="checkbox"]:checked + label em i {
            right: calc(100% - 40px);
        }

        .view-box .check-2 input[type="checkbox"]:checked + label em:before {
            display: none;
        }

        .view-box .check-2 input[type="checkbox"]:checked + label em.fast-view:after {
            background-color: #9fe1ad;
        }

        .view-box .check-2 input[type="checkbox"]:checked + label em:after {
            left: 0px;
            width: 100%;
            display: block;
            padding-left: 13px;
        }

    .view-box .check-2 b {
        display: block;
        font-weight: 300;
        font-size: 12px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 95%;
    }

.text-view-box {
    display: inline-block;
    width: calc(100% - 90px);
}

/***** end-chat2 *****/


/***** contact *****/

.group-btn a {
    border-radius: 11px;
    background-color: #39b54a;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    display: block;
    text-align: center;
    padding: 12px 0 14px 0;
    margin: 0 19px 15px 19px;
}

.contact-us {
    text-align: center;
    margin: 0 50px;
    padding-bottom: 25px;
}

    .contact-us img {
        width: 205px;
        margin-bottom: 10px;
    }

    .contact-us h2 {
        color: #232323;
        font-size: 26px;
        margin-bottom: 15px;
    }

    .contact-us p {
        color: #929292;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 30px 0;
        line-height: 27px;
    }

    .contact-us .btn-online {
        border-radius: 60px;
        color: #fff;
        font-size: 19px;
        font-weight: 700;
        background-color: #ff00a2;
        padding: 15px 10px 15px 10px;
        margin-bottom: 30px;
        display: block;
    }

    .contact-us .btn-contact {
        border-radius: 60px;
        color: #fff;
        font-size: 19px;
        font-weight: 700;
        background-color: #76a230;
        padding: 15px 10px 15px 10px;
        margin-bottom: 15px;
        display: block;
        letter-spacing: 4px;
    }

    .contact-us h3 {
        color: #929292;
        font-size: 20px;
        margin-bottom: 15px;
        font-weight: 400;
    }

/***** contact-end *****/


/***** category *****/

.block-partcat {
    margin: 0 30px;
}

    .block-partcat p {
        color: #929292;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 30px 0;
        line-height: 27px;
    }

    .block-partcat article {
        margin-bottom: 10px;
        border-radius: 10px;
    }

        .block-partcat article img {
            border-radius: 10px;
            max-height: 166px;
        }

.category-part {
    background-color: #fff;
    height: 85px;
    border-bottom: 1px solid #eee;
    width: 92%;
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
}

.category-part-margin {
    margin-bottom: -50px;
}

.category-part span.tab-category {
    color: #cecece;
    font-size: 15px;
    padding-top: 50px;
    display: inline-block;
    width: 30%;
    padding-bottom: 13px;
    cursor: pointer;
}

.category-part span.active {
    color: #202020;
    border-bottom: 1px solid #202020;
}

/***** box-end *****/




/***** bio *****/

.order-part-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #fff;
}

    .order-part-header .top-part-header {
        padding: 0 20px;
        background-image: linear-gradient(90deg,#9c008f 0%,#ff00a2 100%);
        padding-bottom: 50px;
    }

    .order-part-header .bottom-part-header {
        background-color: #fff;
        border-radius: 20px 20px 0 0;
        margin: 0 20px;
        text-align: center;
        bottom: -1px;
        position: relative;
        top: -47px;
    }

        .order-part-header .bottom-part-header span {
            font-weight: bold;
            border-bottom: 1px solid #202020;
            color: #000;
            padding-top: 20px;
            padding-bottom: 5px;
            display: inline-block;
            text-align: center;
            font-size: 15px;
            padding-left: 10px;
            padding-right: 10px;
            cursor: pointer;
        }

.site-headerfirst .top-headerthired {
    padding: 0 20px;
    background-color: #005884;
    background-image: linear-gradient(-230deg, #9c008f 0%, #ff00a2 100%);
    padding-top: 0px;
    padding-bottom: 80px;
}

    .order-part-header .top-part-header .menu,
    .site-headerfirst .top-headerthired .menu {
        position: relative;
        float: right;
        width: 40px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

        .order-part-header .top-part-header .menu i,
        .site-headerfirst .top-headerthired .menu i {
            color: #fff;
            font-size: 22px;
            vertical-align: middle;
            margin-top: 11px;
            display: inline-block;
            cursor: pointer;
        }

        .order-part-header .top-part-header .menu:hover .tooltip-menu,
        .site-headerfirst .top-headerthired .menu:hover .tooltip-menu {
            opacity: 1;
            visibility: visible;
        }

    .order-part-header .top-part-header .call-head,
    .site-headerfirst .top-headerthired .call-head {
        float: right;
        width: 40px;
        margin-left: 10px;
    }

        .order-part-header .top-part-header .call-head i,
        .site-headerfirst .top-headerthired .call-head i {
            color: #fff;
            font-size: 22px;
            vertical-align: middle;
            margin-top: 11px;
            display: inline-block;
            cursor: pointer;
        }

    .order-part-header .top-part-header .back-page,
    .site-headerfirst .top-headerthired .back-page {
        float: left;
        width: 40px;
        margin-left: 10px;
        padding-top: 15px;
        cursor: pointer;
        text-align: left;
    }

        .order-part-header .top-part-header .back-page i,
        .site-headerfirst .top-headerthired .back-page i {
            color: #fff;
            font-size: 22px;
            vertical-align: middle;
            /*! margin-top: 11px; */
            display: inline-block;
        }

.main-part-header h2 {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9c008f), color-stop(0.15, #9c008f), color-stop(0.3, #9c008f), color-stop(0.45, #9c008f), color-stop(0.6, #ff00a2), color-stop(0.75, #ff00a2), color-stop(0.9, #ff00a2), color-stop(1, #9c008f));
    background-image: gradient(linear, left top, right top, color-stop(0, #9c008f), color-stop(0.15, #9c008f), color-stop(0.3, #9c008f), color-stop(0.45, #9c008f), color-stop(0.6, #9c008f), color-stop(0.75, #ff00a2), color-stop(0.9, #ff00a2), color-stop(1, #ff00a2));
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
    font-size: 23px;
    margin-top: -25px;
}

    .main-part-header h2 b {
        top: 3px;
        display: inline-block;
        position: relative;
        margin-right: 12px;
        cursor: pointer;
    }

.main-part-header {
    margin: 0px 30px 30px 30px;
}

.content-tab .main-part-header {
    margin: auto;
}

.main-part-header em {
    display: table;
    text-align: center;
    background-image: linear-gradient(90deg,#9c008f 0%,#ff00a2 100%);
    margin: auto;
    padding: 5px 25px;
    border-radius: 10px;
    color: #fff;
    margin-top: 7px;
    margin-bottom: 15px;
}

.main-part-header .main-detail {
    margin-bottom: 20px;
}

    .main-part-header .main-detail span {
        width: 100%;
        display: inline-block;
        float: left;
        line-height: 24px;
    }

        .main-part-header .main-detail span key {
            width: 100px;
            color: #5f5f5f;
            font-weight: 400;
            display: inline-block;
        }

.main-part-header p {
    line-height: 32px;
}

    .main-part-header p key {
        width: 100px;
        color: #5f5f5f;
        font-weight: 400;
        display: inline-block;
    }

    .main-part-header p b {
        border-bottom: 1px solid #000;
        padding-left: 10px;
    }

.tooltip-menu {
    position: absolute;
    top: 36px;
    background-color: rgba(255, 255, 255, 0.97);
    border-radius: 10px;
    padding: 15px 15px 15px 15px;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: all 0.3s ease-in-out;
}

    .tooltip-menu ul li {
        color: #474747;
        font-size: 13px;
        font-weight: 400;
        transition: all 0.3s ease-in-out;
        line-height: 32px;
    }

        .tooltip-menu ul li a {
            display: block;
        }

            .tooltip-menu ul li a i {
                font-size: 18px;
                vertical-align: middle;
                padding-left: 7px;
                color: #474747 !important;
                font-size: 16px !important;
                vertical-align: middle !important;
                display: inline-block !important;
                margin-top: -3px !important;
            }

        .tooltip-menu ul li:hover {
            color: #9c008f;
        }

            .tooltip-menu ul li:hover i {
                color: #9c008f !important;
            }

.bottom-headerthired {
    position: relative;
    top: -85px;
    text-align: center;
    margin-bottom: -7px;
}

    .bottom-headerthired img {
        border-radius: 27px 27px 0 0;
        width: 94%;
    }

    .bottom-headerthired .user-bioinfo {
        position: absolute;
        padding-left: 30px;
        width: 100%;
    }

        .bottom-headerthired .user-bioinfo .user-bioinfo-img {
            float: left;
            position: relative;
            margin-right: 26px;
            top: -35px;
            z-index: 500;
        }

            .bottom-headerthired .user-bioinfo .user-bioinfo-img img {
                width: 92px;
                height: 92px;
                border-radius: 50%;
                border: 2px solid #fff;
            }

        .bottom-headerthired .user-bioinfo em {
            position: absolute;
            width: 17px;
            height: 17px;
            border: 2px solid #fff;
            border-radius: 50%;
            background-color: #0cbb03;
            right: 2px;
            bottom: 7px;
        }

        .bottom-headerthired .user-bioinfo .user-bioinfo-name {
            background-color: #fff;
            margin-left: -30px;
            top: -34px;
            position: relative;
        }

            .bottom-headerthired .user-bioinfo .user-bioinfo-name span.f-name {
                display: block;
                color: #273356;
                font-size: 20px;
                font-weight: 900;
                line-height: 24px;
                margin-top: 34px;
                /*! overflow: hidden; */
                /*! text-overflow: ellipsis; */
                /*! white-space: nowrap; */
                text-align: left;
                padding-top: 12px;
            }

            .bottom-headerthired .user-bioinfo .user-bioinfo-name span i {
                color: #284bca;
            }

            .bottom-headerthired .user-bioinfo .user-bioinfo-name span.discript-name {
                display: block;
                color: #b2b2b2;
                font-size: 13px;
                font-weight: 400;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: left;
            }

.block-bio .user-info {
    margin-bottom: 30px;
    margin-top: 15px;
}


    .block-bio .user-info span {
        border-radius: 15px;
        border: 1px solid #dedede;
        padding: 8px 8px 10px 8px;
        display: inline-block;
        width: 120px;
        margin: 0 auto;
        text-align: center;
    }

        .block-bio .user-info span b {
            color: #9c008f;
            font-size: 23px;
            font-weight: 700;
        }


        .block-bio .user-info span em {
            color: #a5a5a5;
            font-size: 13px;
            font-weight: 300;
            display: block;
        }

.t-c {
    text-align: center;
}

.user-bio {
}

    .user-bio .content-tab > section {
        display: none;
    }

        .user-bio .content-tab > section.active {
            display: block;
        }

    .user-bio .title-tab {
        border-bottom: 1px solid #eee;
        margin-bottom: 25px;
    }

        .user-bio .title-tab span {
            color: #a5a5a5;
            font-size: 17px;
            font-weight: 300;
            display: inline-block;
            width: 19%;
            padding-bottom: 7px;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .user-bio .title-tab.tt2 span {
            width: 48%;
        }

        .user-bio .title-tab span:hover {
            color: #202020;
            border-bottom: 1px solid #202020;
        }

        .user-bio .title-tab span.active {
            color: #202020;
            border-bottom: 1px solid #202020;
            font-weight: bold;
        }

    .user-bio .content-tab {
        padding: 0 25px 0 25px;
    }

        .user-bio .content-tab h2.title-bio {
            color: #a5a5a5;
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 15px;
        }

        .user-bio .content-tab p {
            line-height: 24px;
            display: inline-block;
            font-size: 14px;
            font-weight: 400;
            text-align: justify;
            color: #373737;
            margin-bottom: 35px;
        }

            .user-bio .content-tab p.mb-1 {
                margin-bottom: 5px !important;
            }

            .user-bio .content-tab p a {
                color: #9c008f;
                display: inline-block;
                text-decoration: underline;
            }

.user-bio-post article {
    margin-bottom: 10px;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}

    .user-bio-post article a {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .user-bio-post article a img {
            width: 100%;
            height: 100%;
        }

    .user-bio-post article.last-post {
        position: relative;
    }

.gray-pattern {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
}

    .gray-pattern span {
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
        width: 96%;
    }

    .gray-pattern i {
        color: #0cbb03;
        font-size: 19px;
        margin-bottom: 15px;
        display: inline-block;
    }

    .gray-pattern strong {
        color: #0cbb03;
        font-size: 15px;
        font-weight: 500;
        display: block;
    }


.orderdetail .user-bio .content-tab p {
    display: block;
    margin-bottom: 1px;
    padding-right: 7px;
    font-weight: bold;
    color: #606060 !important;
    margin-top: 10px;
}

    .orderdetail .user-bio .content-tab p.ss2 a {
        color: #464646 !important;
        text-decoration: none !important;
    }

.orderdetail .user-bio .content-tab .map-view {
    width: 100%;
    height: 300px;
    border-radius: 8px;
}

.orderdetail .user-bio .content-tab span {
    background-color: #efefef;
    width: 100%;
    display: block;
    padding: 8px 8px 8px 20px;
    border-radius: 8px;
    color: #444;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 17px;
    min-height: 43px;
}

    .orderdetail .user-bio .content-tab span download {
        text-align: center;
        width: 100%;
        display: block;
    }

        .orderdetail .user-bio .content-tab span download.dl2 {
            background-color: #f2f2f2;
            border-radius: 7px;
            margin-bottom: 10px;
            padding: 11px 5px;
        }

    .orderdetail .user-bio .content-tab span img, .orderdetail .user-bio .content-tab span video {
        margin-top: 10px;
        width: 100%;
        height: 280px;
        border-radius: 10px;
        border: 1px solid #ccc;
    }


.orderdetail .user-bio .order-status li {
    margin-bottom: 19px;
    padding-right: 25px;
    position: relative;
}

    .orderdetail .user-bio .order-status li:before {
        content: '';
        width: 19px;
        height: 19px;
        border-radius: 50%;
        border: 1px solid #a6a6a6;
        position: absolute;
        top: 11px;
        right: 4px;
    }

    .orderdetail .user-bio .order-status li:after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        top: 30px;
        right: 13px;
        background-color: #a6a6a6;
    }

    .orderdetail .user-bio .order-status li:last-child::after {
        display: none;
    }

    .orderdetail .user-bio .order-status li.important:before {
        border: 1px solid #49b740;
        background-color: #49b740;
    }

    .orderdetail .user-bio .order-status li > span {
        background-color: #fff;
        margin-bottom: 0px;
        font-size: 16px;
    }

    .orderdetail .user-bio .order-status li p {
        font-weight: bold;
    }

        .orderdetail .user-bio .order-status li p em {
            font-weight: normal;
            margin-right: 15px;
            margin-left: 5px;
        }

    .orderdetail .user-bio .order-status li descript {
        display: block;
        margin-bottom: 1px;
        padding-right: 7px;
        color: #757575;
        font-size: 13px;
    }

.orderdetail .user-bio .frm-part {
    border: 1px solid #ccc;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 50px;
}

    .orderdetail .user-bio .frm-part input {
        border-radius: 17px;
        background-color: #f2f2f2;
        color: #232323;
        font-size: 14px;
        padding: 5px 20px 7px 20px;
        width: 100%;
        line-height: 40px;
        margin-bottom: 0;
        font-weight: bold;
    }

    .orderdetail .user-bio .frm-part .file-detail {
        position: relative;
    }

        .orderdetail .user-bio .frm-part .file-detail input[type="file"] {
            font-size: 14px;
            color: #0a8604;
            padding: 5px 20px 7px 20px;
            font-weight: bold;
        }

        .orderdetail .user-bio .frm-part .file-detail .lbl-file {
            position: absolute;
            background-color: #f2f2f2;
            width: 104px;
            right: 10px;
            top: 13px;
            height: 25px;
            padding-right: 11px;
            padding-top: 3px;
            font-weight: bold;
        }

    .orderdetail .user-bio .frm-part .image-detail {
        position: relative;
        height: 210px;
    }

        .orderdetail .user-bio .frm-part .image-detail label {
            position: absolute;
            top: 0px;
            border-radius: 17px;
            background-color: #f2f2f2;
            color: #232323;
            font-size: 14px;
            font-weight: 400;
            padding: 5px 20px 7px 20px;
            width: 100%;
            line-height: 40px;
            margin-bottom: 0;
            font-weight: bold;
            width: 100%;
            display: block;
            text-align: center;
        }

            .orderdetail .user-bio .frm-part .image-detail label img {
                height: 158px;
                width: 100%;
                border-radius: 10px;
                overflow: hidden;
            }

    .orderdetail .user-bio .frm-part .btn-part {
        margin-top: 20px;
        display: flex;
    }

        .orderdetail .user-bio .frm-part .btn-part button {
            width: 100%;
            padding: 14px 3px;
            border: none;
            font-size: 16px;
            font-weight: bold;
            font-family: iransans;
            color: #fff;
            border-radius: 13px;
            margin: 0px 5px;
        }

            .orderdetail .user-bio .frm-part .btn-part button.red {
                background-color: #9d0606;
            }

            .orderdetail .user-bio .frm-part .btn-part button.green {
                background-color: #069d33;
            }

            .orderdetail .user-bio .frm-part .btn-part button.blue {
                background-color: #06339d;
            }


.orderdetail .user-bio .frm-pay {
    margin-top: 40px;
    position: relative;
}

    .orderdetail .user-bio .frm-pay .discount {
        position: relative;
        margin: auto;
        text-align: center;
        width: 100%;
    }

        .orderdetail .user-bio .frm-pay .discount em {
            background-color: #e91616;
            color: #fff;
            padding: 10px;
            border-radius: 7px;
            position: absolute;
            left: 50%;
            transform: translate(-50%,0);
            top: -39px;
            font-weight: bold;
        }

        .orderdetail .user-bio .frm-pay .discount input {
            display: inline-block;
            margin-left: 0px;
            border-radius: 0px 13px 13px 0px;
            width: auto;
        }

        .orderdetail .user-bio .frm-pay .discount button {
            border: none;
            font-size: 16px;
            font-weight: bold;
            font-family: iransans;
            color: #fff;
            border-radius: 13px 0 0 13px;
            background-color: #e24343;
            display: inline-block;
            height: 52px;
            margin-right: -5px;
            background-image: linear-gradient(90deg,#9c008f 0%,#ff00a2 100%);
            top: 2px;
            position: relative;
            padding: 0px 25px;
        }

    .orderdetail .user-bio .frm-pay .price {
        display: block;
        margin-top: 28px;
        text-align: center;
        font-size: 18px;
        color: #ccc;
    }

        .orderdetail .user-bio .frm-pay .price b {
            display: block;
            font-size: 25px;
            color: #000;
        }

.orderdetail .user-bio .main-detail {
    margin-bottom: 25px;
}

    .orderdetail .user-bio .main-detail span {
        width: 100%;
        display: inline-block;
        float: left;
        line-height: 24px;
        background-color: #fff;
        border-radius: 0;
        font-size: 17px;
        margin-bottom: 0px;
        padding: 5px;
    }

        .orderdetail .user-bio .main-detail span key {
            width: 150px;
            color: #5f5f5f;
            font-weight: 400;
            display: inline-block;
        }

ul.tariff-offers li {
    border-radius: 18px;
    border: 1px solid #c5c5c5;
    background-color: #fff;
    padding: 16px 20px 16px 20px;
    margin-bottom: 12px;
    cursor: pointer;
}

    ul.tariff-offers li .tariff-offers-img {
        width: 95px;
        float: left;
        padding: 0 11px 0 0;
        text-align: center;
    }

    ul.tariff-offers li .tariff-offers-content {
        width: calc(100% - 95px);
        float: right;
        padding-right: 20px;
    }

    ul.tariff-offers li .tariff-offers-img img {
        margin-top: 33px;
        margin-bottom: 20px;
        background-color: #fff;
        border-radius: 10px;
        padding: 6px;
    }

    ul.tariff-offers li .tariff-offers-content h2 {
        color: #474747;
        font-size: 17px;
        margin-bottom: 7px;
        margin-top: 3px;
        text-align: right;
        border-bottom: 1px solid #a5a5a5;
        background-image: none;
        font-weight: 900;
        padding-bottom: 5px;
    }

    ul.tariff-offers li .tariff-offers-content p count {
        font-size: 13px;
        font-weight: 400;
        background-color: #9c008f;
        padding: 3px 10px;
        border-radius: 7px;
        color: #fff;
        margin: 0 5px;
        font-weight: bold;
    }

    ul.tariff-offers li .tariff-offers-content p {
        color: #474747;
        font-size: 13px;
        font-weight: 400;
        line-height: 26px;
        margin-bottom: 12px;
    }

    ul.tariff-offers li footer {
        padding-right: 20px;
        padding-left: 8px;
    }

        ul.tariff-offers li footer span {
            color: #474747;
            font-size: 13px;
            font-weight: 700;
        }

        ul.tariff-offers li footer discount {
            background-color: #e91616;
            border-radius: 50%;
            font-size: 18px;
            font-weight: 500;
            width: 47px;
            display: inline-block;
            text-align: center;
            padding: 10px 0px;
            margin-left: 5px;
            color: #fff;
        }

        ul.tariff-offers li footer em {
            color: #9c008f;
            font-size: 19px;
            font-weight: 700;
        }

        ul.tariff-offers li footer a {
            border-radius: 36px 32px 32px;
            background-color: #9c008f;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            padding: 5px 14px 7px 14px;
            float: left;
            margin-top: 6px;
        }

    ul.tariff-offers li.active {
        background-color: #bb32a4;
        color: #fff;
    }

        ul.tariff-offers li.active .tariff-offers-content p count {
            background-color: #fff;
            color: #9c008f;
        }

        ul.tariff-offers li.active footer a {
            color: #bb32a4;
            background-color: #9c008f;
        }

        ul.tariff-offers li.active .tariff-offers-content p,
        ul.tariff-offers li.active footer em,
        ul.tariff-offers li.active footer span,
        ul.tariff-offers li.active .tariff-offers-content h2 {
            color: #fff;
        }

.bar-chart .content-tab > section {
    display: none;
}

    .bar-chart .content-tab > section.active {
        display: block;
    }

.circle-chart {
    margin-bottom: 20px;
}

    .circle-chart span {
        display: inline-block;
        width: 24%;
        text-align: center;
        top: -20px;
        position: relative;
    }

        .circle-chart span i {
            font-size: 25px;
            color: #de009c;
            display: block;
            margin-bottom: 8px;
        }

            .circle-chart span i.zsicon-man {
                color: #a10090;
            }

        .circle-chart span b {
            display: block;
            width: 100%;
            border-top: 1px solid #ccc;
            font-size: 23px;
        }

            .circle-chart span b em {
                display: block;
                font-size: 14px;
                font-weight: 400;
                margin-top: -6px;
            }

    .circle-chart .circle {
        width: 49%;
        display: inline-block;
    }

        .circle-chart .circle circle {
            height: 125px;
            width: 125px;
            display: block;
            margin: auto;
            background-color: #a00090;
            border-radius: 50%;
            position: relative;
        }

            .circle-chart .circle circle percent {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0px;
                top: 0px;
                border-radius: 50%;
            }

            .circle-chart .circle circle::after {
                width: 20px;
                height: 20px;
                background-color: #fff;
                border-radius: 50%;
                top: 50%;
                left: 50%;
                position: absolute;
                content: '';
                transform: translate(-50%,-50%);
            }

.bar-chart {
    margin-bottom: 20px;
}

    .bar-chart header.title-tab2 {
        margin-bottom: 20px;
    }

        .bar-chart header.title-tab2 em {
            color: #474747;
            font-size: 16px;
            font-weight: 400;
        }

        .bar-chart header.title-tab2 span {
            float: left;
            color: #b6b6b6;
            font-size: 16px;
            font-weight: 400;
            padding: 0 10px;
            cursor: pointer;
        }

            .bar-chart header.title-tab2 span.active {
                color: #9c008f;
            }

.average-rate {
    padding: 20px 10px 10px 10px;
}

    .average-rate ul li {
        display: block;
        margin-bottom: 5px;
    }

        .average-rate ul li span {
            width: 58px;
            display: inline-block;
            margin-left: 15px;
            color: #434343;
            font-size: 13px;
            font-weight: 300;
            line-height: 23px;
        }

        .average-rate ul li strong {
            width: calc(100% - 166px);
            display: inline-block;
            height: 10px;
            background-color: #efefef;
            position: relative;
            border-radius: 5px;
            position: relative;
            overflow: hidden;
        }

            .average-rate ul li strong b {
                height: 100%;
                position: absolute;
                background-color: #9c008f;
            }

        .average-rate ul li em {
            width: 80px;
            display: inline-block;
            padding-right: 15px;
            text-align: right;
            color: #434343;
            font-size: 13px;
        }

.color-dark {
    color: #474747 !important;
}

.Property-chart .Property-b {
    margin-bottom: 20px;
}

    .Property-chart .Property-b span {
        display: inline-block;
        margin-left: 7px;
        color: #434343;
        font-size: 14px;
        font-weight: 300;
        border: 1px solid #ccc;
        padding: 5px 13px 6px 13px;
        border-radius: 14px;
        margin-bottom: 3px;
    }

/***** bio-end *****/


/*******order-table*******/
.order-info {
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 7px;
    margin: 10px;
    border: 1px solid #ccc;
}

    .order-info h2 {
        background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#9c008f),color-stop(.15,#9c008f),color-stop(.3,#9c008f),color-stop(.45,#9c008f),color-stop(.6,#ff00a2),color-stop(.75,#ff00a2),color-stop(.9,#ff00a2),color-stop(1,#9c008f));
        background-image: gradient(linear,left top,right top,color-stop(0,#9c008f),color-stop(.15,#9c008f),color-stop(.3,#9c008f),color-stop(.45,#9c008f),color-stop(.6,#9c008f),color-stop(.75,#ff00a2),color-stop(.9,#ff00a2),color-stop(1,#ff00a2));
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        text-align: center;
        font-size: 23px;
        margin-top: -25px;
        margin-top: 0px;
    }

    .order-info em {
        display: table;
        text-align: center;
        background-image: linear-gradient(90deg,#9c008f 0%,#ff00a2 100%);
        margin: auto;
        margin-top: auto;
        margin-bottom: auto;
        margin-top: auto;
        margin-bottom: auto;
        padding: 5px 25px;
        border-radius: 10px;
        color: #fff;
        margin-top: 7px;
        margin-bottom: 15px;
    }

    .order-info span {
        display: block;
        font-size: 15px;
        line-height: 25px;
        font-weight: bold;
    }

        .order-info span key {
            width: 120px;
            display: inline-block;
            color: #595959;
            font-weight: normal;
        }
/*******order-table*******/


/***** profile *****/

.user-profile {
    text-align: center;
    background-color: #fff;
    margin: -1px;
    margin-bottom: -20px;
}

    .user-profile .user-profile-top {
        top: -40px;
        position: relative;
    }

    .user-profile img {
        width: 74px;
        height: 74px;
        border-radius: 50%;
        border: none;
        margin: 20px 0 12px 0;
    }

    .user-profile h2 span.f-name {
        color: #273356;
        font-size: 19px;
        font-weight: 700;
        display: block;
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 10px;
    }

    .user-profile h2 span.discript-name {
        color: #b2b2b2;
        font-size: 14px;
        font-weight: 400;
        display: block;
        margin-bottom: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.profile-part {
    border-bottom: none;
    height: 143px;
}

.block-profile .profile-possibilities {
}

    .block-profile .profile-possibilities li {
        line-height: 55px;
        transition: all 0.3s ease-in-out;
    }

        .block-profile .profile-possibilities li a {
            display: block;
            font-size: 15px;
            font-weight: 400;
            color: #737373;
            border-bottom: 1px solid #eee;
            margin: 0 25px;
            margin: 0 25px -1px 25px;
        }

            .block-profile .profile-possibilities li a i.ico-pro {
                vertical-align: middle;
                font-size: 20px;
                padding-left: 10px;
                color: #9c008f;
                padding-right: 12px;
                width: 38px;
                display: inline-block;
                text-align: center;
            }

            .block-profile .profile-possibilities li a i.ico-next {
                float: left;
                vertical-align: middle;
                font-size: 20px;
                padding-left: 10px;
                color: #737373;
                padding-top: 17px;
            }

        .block-profile .profile-possibilities li:hover {
            background-color: #eeeeee;
        }

            .block-profile .profile-possibilities li:hover a {
                margin-bottom: 0;
            }

h4.Copyright-gharadadOnline {
    color: #a5a5a5;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

    h4.Copyright-gharadadOnline span {
        color: #9c008f;
        padding: 0 5px;
    }

    h4.Copyright-gharadadOnline em {
        display: block;
        margin-top: 6px;
    }

/***** profile-end *****/


/***** search *****/

.block-search {
    padding: 0 25px;
}

    .block-search form {
        padding-bottom: 105px;
    }

        .block-search form footer {
            width: calc(100% - 50px);
            position: fixed;
            max-width: 530px;
            margin: auto;
            bottom: 85px;
        }

        .block-search form .title-search {
            color: #b6b6b6;
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 10px;
            margin-top: 27px;
        }

            .block-search form .title-search em {
                color: #ff00a2;
                font-size: 14px;
                font-weight: 400;
            }

            .block-search form .title-search span {
                color: #ff00a2;
                font-size: 13px;
                font-weight: 400;
            }

        .block-search form input {
            border-radius: 10px;
            background-color: #f0f0f0;
            color: #666;
            font-size: 13px;
            font-weight: 400;
            padding: 13px 20px;
            width: 48%;
            margin-bottom: 10px;
        }

.ml-10 {
    margin-left: 10px;
}

.block-search form footer {
    text-align: center;
}

.block-search form a {
    color: #ff00a2;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 30px;
    display: block;
    margin-top: 35px;
}

.block-search form button {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background-color: #ff00a2;
    border-radius: 13px;
    width: 82%;
    padding: 11px 0 12px 0;
    font-family: 'iransans';
    border: none;
    margin-bottom: 20px;
}

    .block-search form button i {
        vertical-align: middle;
        padding-left: 5px;
    }

.fillter-search {
    margin-bottom: 58px;
    display: block;
    margin-top: 25px;
    position: relative;
}

.range-multi.ui-corner-all,
.range-single.ui-corner-all {
    height: 4px;
    border-radius: 3px;
    background-color: #d7e0e4;
    right: 15px;
    left: 15px;
    position: absolute;
    cursor: pointer;
    border-radius: 3px;
    width: 80%;
    margin: 0 auto;
}

.fillter-search .range-single.ui-corner-all {
    width: calc(80% - 68px);
}

.range-multi .ui-slider-range,
.range-single .ui-slider-range {
    position: absolute;
    top: 0px;
    bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 3px;
    background-color: #ff00a2;
}

.range-multi .ui-slider-handle,
.range-single .ui-slider-handle {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 1px;
    background-color: #fff;
    top: -6px;
    -webkit-transform: translate(-3px, 0);
    transform: translate(-3px, 0);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 2px solid #ff00a2;
    border-radius: 50%;
}

    .range-multi .ui-slider-handle:last-child,
    .range-single .ui-slider-handle:last-child {
        background: #fff;
    }

        .range-multi .ui-slider-handle:last-child:before,
        .range-single .ui-slider-handle:last-child:before {
            border-top: 3px solid #6ec818;
        }

.ico-fillter-man {
    font-size: 30px;
    color: #d6d6d6;
    position: absolute;
    top: -12px;
    right: 22px;
}

.ico-fillter-woman {
    font-size: 30px;
    color: #d6d6d6;
    position: absolute;
    top: -12px;
    left: 25px;
}

.search-aside .type-search p {
    line-height: 34px;
    padding-right: 6px;
}

.check-select span {
    display: inline-block;
}

    .check-select span input[type="checkbox"] {
        display: none;
    }

        .check-select span input[type="checkbox"] + label {
            border: 2px solid #b2b2b2;
            color: #b2b2b2;
            font-size: 14px;
            font-weight: 400;
            border-radius: 20px;
            padding: 4px 12px 5px 10px;
            margin-left: 5px;
            cursor: pointer;
            margin-bottom: 5px;
            display: block;
        }

        .check-select span input[type="checkbox"]:checked + label {
            background-color: #ff00a2;
            color: #fff;
            border-color: #ff00a2;
        }

    .check-select span input[type="radio"] {
        display: none;
    }

        .check-select span input[type="radio"] + label {
            border: 2px solid #b2b2b2;
            color: #b2b2b2;
            font-size: 14px;
            font-weight: 400;
            border-radius: 20px;
            padding: 4px 12px 5px 10px;
            margin-left: 5px;
            cursor: pointer;
            margin-bottom: 5px;
            display: block;
        }

        .check-select span input[type="radio"]:checked + label {
            background-color: #ff00a2;
            color: #fff;
            border-color: #ff00a2;
        }

.check-select.sex-filter {
    text-align: center;
}

.check-select span i {
    font-size: 70px;
}

.cat-filter span {
    display: block;
    margin-bottom: 5px;
}

    .cat-filter span label {
        display: inline-block !important;
        padding: 1px 7px !important;
        border-radius: 50% !important;
    }

.modal-orderSend .modal-content form ul li {
    margin: 10px 0px;
}

    .modal-orderSend .modal-content form ul li input[type="checkbox"] {
        display: none;
    }

    .modal-orderSend .modal-content form ul li label {
        background-color: #fff;
        padding: 10px;
        width: 100%;
        display: block;
        border-radius: 10px;
        text-align: center;
    }

        .modal-orderSend .modal-content form ul li label .fl-r {
            float: right;
            width: 35%;
            text-align: right;
        }

            .modal-orderSend .modal-content form ul li label .fl-r des {
                font-weight: 300;
            }

                .modal-orderSend .modal-content form ul li label .fl-r des i {
                    font-size: 13px;
                    font-weight: 400;
                    background-color: #9c008f;
                    padding: 0px 7px;
                    border-radius: 7px;
                    color: #fff;
                    font-weight: bold;
                }

            .modal-orderSend .modal-content form ul li label .fl-r b {
                font-size: 14px;
                font-weight: 700;
                color: #a40797;
                display: block;
                margin-bottom: 7px;
            }

                .modal-orderSend .modal-content form ul li label .fl-r b t {
                    font-weight: 500;
                    color: #1c1c1c;
                }

        .modal-orderSend .modal-content form ul li label .fl-l {
            float: left;
            width: 65%;
        }

            .modal-orderSend .modal-content form ul li label .fl-l .img-part {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                float: left;
                position: relative;
            }

                .modal-orderSend .modal-content form ul li label .fl-l .img-part img {
                    border-radius: 50%;
                }

                .modal-orderSend .modal-content form ul li label .fl-l .img-part discount {
                    position: absolute;
                    right: -7px;
                    color: #fff;
                    background-color: red;
                    bottom: 2px;
                    border-radius: 5px;
                    padding: 0px 2px;
                    font-weight: bold;
                }

            .modal-orderSend .modal-content form ul li label .fl-l .content-part {
                float: left;
                text-align: left;
                width: calc(100% - 51px);
                padding-left: 11px;
                margin-top: 3px;
            }

                .modal-orderSend .modal-content form ul li label .fl-l .content-part h3 {
                    width: 100%;
                    direction: ltr;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-size: 19px;
                    color: #273356;
                    font-weight: 800;
                }

                    .modal-orderSend .modal-content form ul li label .fl-l .content-part h3 i {
                        padding-left: 3px;
                        vertical-align: middle;
                        font-size: 17px;
                        color: #284bca;
                        position: relative;
                        top: -2px;
                    }

                .modal-orderSend .modal-content form ul li label .fl-l .content-part h4 {
                    width: 100%;
                    direction: ltr;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    color: #94929d;
                    font-weight: 400;
                }

    .modal-orderSend .modal-content form ul li input[type="checkbox"]:checked + label {
        background-color: #bb32a4;
        color: #fff;
    }

        .modal-orderSend .modal-content form ul li input[type="checkbox"]:checked + label .fl-r b,
        .modal-orderSend .modal-content form ul li input[type="checkbox"]:checked + label .fl-r b t,
        .modal-orderSend .modal-content form ul li input[type="checkbox"]:checked + label .fl-r des,
        .modal-orderSend .modal-content form ul li input[type="checkbox"]:checked + label .fl-l .content-part h3,
        .modal-orderSend .modal-content form ul li input[type="checkbox"]:checked + label .fl-l .content-part h4 {
            color: #fff;
        }
/***** search-end *****/
#frmUserProfileEdit p {
    display: block !important;
}

    #frmUserProfileEdit p span {
        display: block;
        margin-bottom: 1px;
        padding-right: 7px;
        font-weight: bold;
        color: #606060 !important;
        margin-top: 10px;
    }

    #frmUserProfileEdit p input {
        background-color: #efefef;
        width: 100%;
        display: block;
        padding: 8px 8px 8px 20px;
        border-radius: 8px;
        color: #444;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 17px;
        min-height: 43px;
    }

#frmUserProfileEdit .t-c strong {
    width: 100%;
    padding: 14px 3px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    font-family: iransans;
    color: #fff;
    border-radius: 13px;
    cursor: pointer;
    background-color: #069d33;
    display: block;
}

.festival {
    text-align: center !important;
}

    .festival p.des {
        margin-bottom: 20px;
        text-align: right;
        display: block;
        padding-right: 7px;
        font-weight: bold;
        color: #606060 !important;
        margin-top: 10px;
    }

    .festival p.date {
        text-align: center;
        display: inline-block;
        padding: 9px 14px;
        border-radius: 6px;
        background-color: #236803;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .festival > div {
        text-align: right;
    }

        .festival > div b {
            margin-left: 20px;
        }

        .festival > div span {
            display: inline-block;
            font-size: 15px;
            line-height: 25px;
            font-weight: bold;
            margin-left: 20px;
            border-bottom: 1px dashed #535252;
            padding-bottom: 5px;
            margin-top: 10px;
        }


.frame-file {
    border-radius: 17px;
    background-color: #f2f2f2;
    padding: 15px;
    text-align: center;
}

    .frame-file label {
        width: 32%;
        display: inline-block;
        text-align: center;
        color: #ff00a2;
        font-size: 17px;
        padding: 10px 0px 20px 0px;
        background-color: #fff;
        border-radius: 9px;
        font-weight: 500;
        cursor: pointer;
    }

        .frame-file label i {
            font-size: 25px;
            position: relative;
            top: 7px;
        }

    .frame-file .file-part {
        border-radius: 0px 0px 15px 15px;
        border: 2px dashed #008c23;
        min-height: 77px;
        margin: 0px 5px;
        margin-top: 10px;
    }

        .frame-file .file-part b {
            margin: 15px;
            display: block;
            color: #6a6bce;
        }

        .frame-file .file-part ul li {
            background-color: #fff;
            padding: 20px;
            border-radius: 20px 0px 0px 20px;
            margin: 10px 20px;
            text-align: right;
        }

            .frame-file .file-part ul li a {
                float: left;
                border: 2px solid #383fae;
                border-radius: 50%;
                color: #383fae;
                padding: 1px 4px 0px 4px;
                font-weight: bold;
            }
/***** respansive *****/
@media screen and (max-width: 550px) {
}

@media screen and (max-width: 480px) {
    .site-headersecond .head-user .user-name span.discript-name {
        font-size: 12px;
    }

    .site-headersecond .head-user .user-name span.f-name {
        font-size: 18px;
    }

    .site-headersecond .head-user .user-name span.f-name {
        margin-top: 10px;
    }

    .chat-box ul li .img-list {
        width: 55px;
        height: 55px;
        top: 10px;
    }
}

@media screen and (max-width: 420px) {
    .block-chat {
        height: calc(100vh - 110px);
    }

    .chat-box ul li .img-list {
        width: 48px;
        height: 48px;
        top: 14px;
    }

        .chat-box ul li .img-list em {
            width: 12px;
            height: 12px;
            right: -3px;
            bottom: 5px;
        }



    .site-footer ul li a i {
        font-size: 26px;
    }

    .site-footer {
        padding: 14px 0 16px 0;
    }

    .block-intro img {
        width: 130px;
    }

    .block-chat ul li.recive .pm,
    .block-chat ul li.sender .pm {
        max-width: 90%;
        margin-left: 0px;
    }

    .attach-box .file-box {
        padding: 0;
    }

    .attach-box p {
        width: calc(100% - 86px);
    }

        .attach-box p i {
            right: 18px;
            top: 7px;
            font-size: 17px;
        }

            .attach-box p i.open-file {
                top: 12px;
            }

    .attach-box .file-box ul li b i {
        padding-top: 8px;
    }

    .attach-box p input {
        padding: 7px 40px 6px 30px;
        font-size: 12px;
    }

    .attach-box b {
        width: 82px;
        padding: 10px 5px 13px 5px;
        font-size: 15px;
        text-align: center;
    }

    .block-chat ul li.recive span {
        font-size: 13px;
    }

    .block-chat .date-newchat {
        font-size: 11px;
    }

    .block-chat ul li.recive strong {
        font-size: 11px;
    }

    .block-chat ul li em.caption {
        font-size: 12px;
    }

    .block-chat ul li.view-order footer a {
        font-size: 15px;
    }

    .block-chat ul li.view-order header .order-name {
        font-size: 11px;
        padding-right: 5px;
    }

    .block-chat ul li.view-order header .order-status {
        font-size: 10px;
        padding-left: 5px;
    }

    .block-chat {
        margin-bottom: -20px;
    }

        .block-chat.open-file {
            height: calc(100vh - 220px);
        }

    .attach-box .file-box ul li a {
        width: 56px;
        height: 56px;
    }

        .attach-box .file-box ul li a i {
            font-size: 21px;
        }

    .modal-content h2 {
        font-size: 19px;
    }

    .modal-content .dragscroll .dragscroll-content {
        padding: 0 15px;
    }

    .modal-content {
        width: 92%;
    }

        .modal-content h5 {
            font-size: 12px;
        }

        .modal-content form span.lable {
            font-size: 13px;
        }

        .modal-content form input {
            margin-bottom: 10px;
        }

        .modal-content .btn-register {
            font-size: 17px;
        }

    .group-btn a {
        font-size: 15px;
    }

    .site-headersecond {
        padding: 0px 22px 6px 20px;
    }

    .block-chat ul li.recive ul li {
        font-size: 13px;
    }

        .block-chat ul li.recive ul li b {
            font-size: 12px;
        }

    .contact-us .btn-online {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .contact-us h3 {
        font-size: 15px;
    }

    .contact-us .btn-contact {
        font-size: 15px;
    }

    .contact-us h2 {
        font-size: 21px;
    }

    .contact-us p {
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .block-bio .user-info span {
        width: 90px;
    }

    .user-bio .title-tab span {
        font-size: 13px;
    }

    .user-bio .content-tab p {
        font-size: 12px;
    }

    .user-bio .content-tab h2.title-bio {
        font-size: 14px;
    }

    .user-bio .content-tab {
        padding: 0px 25px;
    }

    .bottom-headerthired .user-bioinfo .user-bioinfo-img img {
        width: 72px;
        height: 72px;
    }

    .bottom-headerthired .user-bioinfo .user-bioinfo-name span.f-name {
        font-size: 16px;
    }

    .bottom-headerthired .user-bioinfo .user-bioinfo-name span.discript-name {
        font-size: 11px;
    }

    .gray-pattern strong {
        font-size: 10px;
    }

    .gray-pattern i {
        margin-bottom: 7px;
    }

    .bottom-headerthired {
        margin-bottom: -28px;
    }

    .site-headerfirst .top-headerthired .back-page {
        margin-left: 8px;
        text-align: left;
    }

    .user-profile h2 span.f-name {
        font-size: 15px;
    }

    .block-search form input {
        width: 47%;
    }

    .block-search form .title-search {
        font-size: 14px;
    }

        .block-search form .title-search span {
            font-size: 11px;
        }

    .check-select span input[type="checkbox"] + label {
        font-size: 12px;
    }

    .block-search form button {
        font-size: 16px;
        width: 70%;
    }


    ul.tariff-offers li {
        padding: 11px 11px 11px 11px;
        margin-bottom: 7px;
    }

        ul.tariff-offers li .tariff-offers-img {
            width: 68px;
        }

        ul.tariff-offers li .tariff-offers-content {
            width: calc(100% - 68px);
        }

            ul.tariff-offers li .tariff-offers-content h2 {
                font-size: 15px;
            }

            ul.tariff-offers li .tariff-offers-content p {
                font-size: 12px;
                line-height: 23px;
            }

            ul.tariff-offers li .tariff-offers-content footer em {
                font-size: 15px;
            }

            ul.tariff-offers li .tariff-offers-content footer a {
                font-size: 14px;
            }

    .bar-chart header.title-tab2 em {
        font-size: 14px;
    }

    .bar-chart header.title-tab2 span {
        font-size: 14px;
        padding: 0 7px;
    }

    .average-rate {
        padding: 10px 0px 5px 0px;
    }

    .Property-chart .Property-b span {
        font-size: 13px;
    }

    .average-rate ul li strong {
        width: calc(100% - 150px);
    }

    .average-rate ul li span {
        width: 45px;
    }

    .average-rate ul li em {
        font-size: 12px;
    }
}

@media screen and (max-width: 360px) {
    .block-partcat p {
        font-size: 12px;
    }

    .block-bio .user-info span b {
        font-size: 18px;
    }

    h4.Copyright-gharadadOnline {
        font-size: 12px;
        font-weight: 500;
    }

        h4.Copyright-gharadadOnline span {
            padding: 0 2px;
        }

    .block-search {
        padding: 0 15px;
    }

    ul.tariff-offers li .tariff-offers-content {
        padding-right: 12px;
    }
}



/*modal*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000000000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
.modal div {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
/*.modal-content, .modal div {
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}*/

/* The Close Button */
.modal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .modal .close:hover,
    .modal .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }

    .enamd-logo, .samandehi-logo {
        display: none !important;
    }
}
/*modal*/


.payment-type button {
    padding: 29px 50px !important;
    height: 170px !important;
    border: 2px solid #ccc !important;
    border-radius: 17px !important;
    width: 49% !important;
}

    .payment-type button:hover {
        border-color: #e7009d !important;
    }

    .payment-type button img {
        height: 100% !important;
    }

.whatsapp-button-send-message {
    background-color: #2edc82;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    top: 4px;
    width: 100%;
    overflow: hidden;
    height: 48px;
    text-align: center;
    border-radius: 25px;
}

    .whatsapp-button-send-message img {
        width: 34px;
    }

.site-headerfirst .header-search form {
    position: relative;
    width: 94%;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
}

    .site-headerfirst .header-search form input {
        border-radius: 44px;
        background-color: #f0f0f0;
        width: 100%;
        line-height: 32px;
        padding: 5px 60px 6px 20px;
        font-size: 14px;
        color: #555;
    }

    .site-headerfirst .header-search form button {
        position: absolute;
        right: 20px;
        background-color: transparent;
        border: none;
        font-size: 18px;
        top: 11px;
        color: #ababab;
    }

.site-headerfirst .header-search p {
    width: 100%;
    text-align: center;
    text-align: center;
    background-clip: text;
    color: #ff00a2;
    font-size: 28px;
    font-weight: 700;
    margin-top: 30px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9c008f), color-stop(0.15, #9c008f), color-stop(0.3, #9c008f), color-stop(0.45, #9c008f), color-stop(0.6, #ff00a2), color-stop(0.75, #ff00a2), color-stop(0.9, #ff00a2), color-stop(1, #9c008f));
    background-image: gradient(linear, left top, right top, color-stop(0, #9c008f), color-stop(0.15, #9c008f), color-stop(0.3, #9c008f), color-stop(0.45, #9c008f), color-stop(0.6, #9c008f), color-stop(0.75, #ff00a2), color-stop(0.9, #ff00a2), color-stop(1, #ff00a2));
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

    .site-headerfirst .header-search p img {
        height: 50px;
        margin-bottom: 15px;
    }

.site-headerfirst .header-search b {
    margin-bottom: 15px;
    text-align: center;
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
}

.site-headerfirst .title {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: right;
}

    .site-headerfirst .title p {
        text-align: center;
        color: white;
        font-weight: 700;
        font-size: 16px;
    }

.site-headerfirst #headerSearchResult-section {
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 10px;
    height: 300px;
    overflow-y: scroll;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    border-radius: 20px;
    left: 20px;
}

.site-headerfirst .bottom-category-header {
    background-color: #fff;
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
    margin: 0 20px;
    position: relative;
    text-align: right;
    bottom: -1px;
}

    .site-headerfirst .bottom-category-header span {
        padding-top: 20px;
        padding-bottom: 5px;
        display: inline-block;
        text-align: center;
        font-size: 15px;
        color: #5b5b5b;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;
    }

        .site-headerfirst .bottom-category-header span.active {
            font-weight: bold;
            border-bottom: 1px solid #202020;
            color: #000;
        }

        .site-headerfirst .bottom-category-header span.tab-menu {
            padding-top: 60px;
        }


.block-landing {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
}

    .block-landing a {
        height: 35%;
        text-align: center;
    }

        .block-landing a img {
            height: 100%;
            margin: auto;
        }

    .block-landing h1 {
        text-align: center;
        font-size: 26px;
        margin-bottom: 15px;
    }

    .block-landing p {
        color: #929292;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 30px 0;
        line-height: 27px;
    }

.categories-part-list {
    display: grid;
    grid-template-columns: auto auto auto auto;
    padding: 10px 12px;
}

.categories-part .category-item {
    text-align: center;
}

    .categories-part .category-item .img-part {
        background-image: linear-gradient(90deg, #fee6fc 0%, #eac4dc 100%);
        border-radius: 7px;
        width: 70px;
        height: 70px;
        margin: 7px auto;
    }

        .categories-part .category-item .img-part img {
            padding: 10px;
        }

    .categories-part .category-item b {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.category-part-list {
    overflow-x: scroll;
    margin: 22px;
}

.category-list {
    display: flex;
}

    .category-list .category-item {
        border-radius: 7px;
        padding: 7px 16px;
        height: 34px;
        white-space: nowrap;
        margin: 3px;
        border: 1px solid #9c008f;
        color: #9c008f;
    }

        .category-list .category-item.active {
            background-color: #9c008f;
            color: #fff;
        }

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.loading {
    
}
/* Version 2.1.4 */
/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
 .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em;width:25px}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}