@charset "UTF-8";
@import url("/fonts/IRANSans/css/fontiran.css");
@import url("/fonts/css/all.css");
@import url(Loading.css);
@keyframes hotMenu {
  0% {
    transform: scale(1); }
  2% {
    transform: scale(1.05); }
  4% {
    transform: scale(1); }
  6% {
    transform: scale(1.05); }
  8% {
    transform: scale(1); } }

.bc {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style: none;
  font-size: 0px; }
  .bc > li {
    font-size: small;
    vertical-align: top;
    margin: 0px;
    padding: 0px; }
  @media screen and (min-width: 300px) and (max-width: 640px) {
    .bc .mb12 {
      display: inline-block;
      width: 100%;
      font-size: small; }
    .bc .mb11 {
      display: inline-block;
      width: 91.66667%;
      font-size: small; }
    .bc .mb10 {
      display: inline-block;
      width: 83.33333%;
      font-size: small; }
    .bc .mb9 {
      display: inline-block;
      width: 75%;
      font-size: small; }
    .bc .mb8 {
      display: inline-block;
      width: 66.66667%;
      font-size: small; }
    .bc .mb7 {
      display: inline-block;
      width: 58.33333%;
      font-size: small; }
    .bc .mb6 {
      display: inline-block;
      width: 50%;
      font-size: small; }
    .bc .mb5 {
      display: inline-block;
      width: 41.66667%;
      font-size: small; }
    .bc .mb4 {
      display: inline-block;
      width: 33.33333%;
      font-size: small; }
    .bc .mb3 {
      display: inline-block;
      width: 25%;
      font-size: small; }
    .bc .mb2 {
      display: inline-block;
      width: 16.66667%;
      font-size: small; }
    .bc .mb1 {
      display: inline-block;
      width: 8.33333%;
      font-size: small; } }
  @media screen and (min-width: 641px) and (max-width: 1000px) {
    .bc .tb12 {
      display: inline-block;
      width: 100%;
      font-size: small; }
    .bc .tb11 {
      display: inline-block;
      width: 91.66667%;
      font-size: small; }
    .bc .tb10 {
      display: inline-block;
      width: 83.33333%;
      font-size: small; }
    .bc .tb9 {
      display: inline-block;
      width: 75%;
      font-size: small; }
    .bc .tb8 {
      display: inline-block;
      width: 66.66667%;
      font-size: small; }
    .bc .tb7 {
      display: inline-block;
      width: 58.33333%;
      font-size: small; }
    .bc .tb6 {
      display: inline-block;
      width: 50%;
      font-size: small; }
    .bc .tb5 {
      display: inline-block;
      width: 41.66667%;
      font-size: small; }
    .bc .tb4 {
      display: inline-block;
      width: 33.33333%;
      font-size: small; }
    .bc .tb3 {
      display: inline-block;
      width: 25%;
      font-size: small; }
    .bc .tb2 {
      display: inline-block;
      width: 16.66667%;
      font-size: small; }
    .bc .tb1 {
      display: inline-block;
      width: 8.33333%;
      font-size: small; } }
  @media screen and (min-width: 1001px) {
    .bc .ds12 {
      display: inline-block;
      width: 100%;
      font-size: small; }
    .bc .ds11 {
      display: inline-block;
      width: 91.66667%;
      font-size: small; }
    .bc .ds10 {
      display: inline-block;
      width: 83.33333%;
      font-size: small; }
    .bc .ds9 {
      display: inline-block;
      width: 75%;
      font-size: small; }
    .bc .ds8 {
      display: inline-block;
      width: 66.66667%;
      font-size: small; }
    .bc .ds7 {
      display: inline-block;
      width: 58.33333%;
      font-size: small; }
    .bc .ds6 {
      display: inline-block;
      width: 50%;
      font-size: small; }
    .bc .ds5 {
      display: inline-block;
      width: 41.66667%;
      font-size: small; }
    .bc .ds4 {
      display: inline-block;
      width: 33.33333%;
      font-size: small; }
    .bc .ds3 {
      display: inline-block;
      width: 25%;
      font-size: small; }
    .bc .ds2 {
      display: inline-block;
      width: 16.66667%;
      font-size: small; }
    .bc .ds1 {
      display: inline-block;
      width: 8.33333%;
      font-size: small; } }

* {
  box-sizing: border-box; }

body {
  font-family: irs,Tahoma;
  margin: 0px;
  padding: 0px;
  font-size: 9pt;
  /*  **************************************************************************** 
        **** COMPONENT ************************************************************* 
        **************************************************************************** */ }
  body.stop-scrolling {
    height: 100%;
    overflow: hidden; }
  body:not(.ltr):not(.rtl) {
    direction: rtl; }
  body.ltr {
    direction: ltr; }
  body.rtl {
    direction: rtl; }
  body .center {
    text-align: center; }
  @media screen and (min-width: 300px) and (max-width: 640px) {
    body .inline {
      width: 97%;
      display: inline-block; } }
  @media screen and (min-width: 641px) and (max-width: 1000px) {
    body .inline {
      max-width: 600px;
      width: 97%;
      display: inline-block; } }
  @media screen and (min-width: 1001px) {
    body .inline {
      width: 100%;
      min-width: 800px;
      max-width: 1200px;
      display: inline-block; } }
  body .col-header {
    display: block;
    font-size: large;
    color: #bb131e;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: start;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  body .col-header-x {
    display: block;
    font-size: large;
    color: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: start;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  body .col-header-xc {
    display: block;
    font-size: large;
    color: #FFF;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  body .theme-color {
    color: #bb131e; }
  body .theme-color-bg {
    background-color: #bb131e; }
  body nav {
    z-index: 999;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%; }
    body nav #menu, body nav #menu * {
      transition: all linear 0.3s; }
    @media screen and (max-width: 1000px) {
      body nav #menu.fix #navbar-collapse ~ span {
        top: 18px; } }
    body nav #menu.fix .logo {
      padding: 14px 0px; }
      body nav #menu.fix .logo img {
        height: 32px; }
    @media screen and (max-width: 1000px) {
      body nav #menu:not(.fix) #navbar-collapse ~ span {
        top: 35px; } }
    body nav #menu:not(.fix) .logo {
      padding: 14px 0px; }
      body nav #menu:not(.fix) .logo img {
        height: 64px; }
    body nav #menu.navbar-menu {
      z-index: 9991;
      background-color: #4c4c4c;
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      body nav #menu.navbar-menu .inline {
        position: relative; }
        body nav #menu.navbar-menu .inline > ul > li > input {
          display: none; }
        body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box {
          display: block;
          box-shadow: 0px 0px 100px 2000px rgba(0, 0, 0, 0.6); }
          body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content .tbl {
            display: table; }
            body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content .tbl > .tbr {
              display: table-row; }
              body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content .tbl > .tbr > .tbd {
                display: table-cell;
                vertical-align: top; }
          body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > label {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 32px;
            height: 32px;
            padding: 0px;
            line-height: 32px;
            vertical-align: central;
            cursor: pointer;
            border-radius: 3px;
            background-color: #bb131e;
            color: #FFF; }
          body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-textbox {
            padding: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            white-space: nowrap;
            padding-left: 52px; }
            body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-textbox .table {
              width: 100%; }
              body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-textbox .table .td {
                vertical-align: top; }
            body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-textbox input[type=text] {
              width: 100%;
              padding: 0px;
              margin: 0px;
              border: 0px;
              border-bottom: 3px solid rgba(255, 255, 255, 0.3);
              padding: 0px 0px;
              margin: 0px;
              line-height: 29px;
              vertical-align: middle;
              font-size: small;
              font-family: irs;
              border-radius: 3px;
              text-align: center; }
            body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-textbox input[type=button] {
              display: block;
              padding: 0px 8px;
              border-radius: 3px;
              background-color: #bb131e;
              color: #FFF;
              border: 0px;
              font-size: small;
              font-family: irs;
              line-height: 32px;
              vertical-align: middle;
              margin-right: 10px;
              cursor: pointer; }
          body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-result {
            padding-bottom: 10px; }
            body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-result .msg {
              display: block;
              padding: 10px;
              font-size: 14px;
              color: yellow; }
            body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-result ul {
              text-align: start; }
              body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-result ul li:not(:last-of-type) {
                border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
              body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-result ul li .ty {
                display: inline-block;
                border-radius: 3px;
                padding: 3px 6px;
                font-size: 8pt;
                margin-left: 10px;
                font-weight: normal; }
              body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-result ul li .type1 {
                background-color: #bb131e;
                color: #FFF; }
              body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-result ul li .type2 {
                background-color: #569a00;
                color: #FFF; }
            body nav #menu.navbar-menu .inline > ul > li input#search-menu:checked ~ .search-box > .content > .search-result a {
              padding: 5px 10px;
              text-align: start; }
        body nav #menu.navbar-menu .inline > ul > li input#search-menu:not(:checked) ~ .search-box {
          display: none; }
        @media screen and (max-width: 1000px) {
          body nav #menu.navbar-menu .inline #navbar-collapse ~ span {
            display: block;
            position: absolute;
            left: 15px;
            z-index: 9;
            cursor: pointer; }
            body nav #menu.navbar-menu .inline #navbar-collapse ~ span span {
              display: block;
              width: 24px;
              height: 24px;
              overflow: hidden;
              font-size: 0px; }
              body nav #menu.navbar-menu .inline #navbar-collapse ~ span span b {
                display: block;
                height: 4px;
                margin-bottom: 5px;
                background-color: #FFF; }
          body nav #menu.navbar-menu .inline #navbar-collapse:checked + label span {
            transform: rotate(90deg); }
          body nav #menu.navbar-menu .inline #navbar-collapse:checked ~ ul li.logo {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body nav #menu.navbar-menu .inline #navbar-collapse:not(:checked) span {
            transform: rotate(0deg); }
          body nav #menu.navbar-menu .inline #navbar-collapse:not(:checked) ~ ul li:not(.logo) {
            display: none; }
          body nav #menu.navbar-menu .inline > ul {
            display: block;
            margin: 0px;
            padding: 0px;
            list-style: none;
            font-size: 0px;
            text-align: start; }
            body nav #menu.navbar-menu .inline > ul > li {
              list-style: none;
              text-align: center;
              vertical-align: middle;
              white-space: nowrap; }
              body nav #menu.navbar-menu .inline > ul > li.logo {
                text-align: start;
                display: block;
                padding-right: 15px; }
              body nav #menu.navbar-menu .inline > ul > li:not(.last) a, body nav #menu.navbar-menu .inline > ul > li:not(.last) label {
                padding: 10px 0px; }
              body nav #menu.navbar-menu .inline > ul > li.last a, body nav #menu.navbar-menu .inline > ul > li.last label {
                padding: 20px 0px; }
              body nav #menu.navbar-menu .inline > ul > li a, body nav #menu.navbar-menu .inline > ul > li label {
                display: block;
                font-size: small;
                text-decoration: none;
                color: #FFF; }
                body nav #menu.navbar-menu .inline > ul > li a i, body nav #menu.navbar-menu .inline > ul > li label i {
                  font-size: 14px;
                  line-height: 14px;
                  vertical-align: middle; }
              body nav #menu.navbar-menu .inline > ul > li img {
                display: inline-block;
                margin-left: 15px;
                margin: 0px; } }
        @media screen and (min-width: 300px) and (max-width: 640px) {
          body nav #menu.navbar-menu .inline > ul li:not(.logo):not(.last) {
            display: block;
            width: auto; }
          body nav #menu.navbar-menu .inline > ul li.last {
            display: inline-block;
            width: 25%;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
            body nav #menu.navbar-menu .inline > ul li.last .search-box {
              z-index: 9999;
              display: block;
              height: 100%;
              width: 100%;
              position: fixed;
              top: 0%;
              left: 0px;
              background-color: rgba(0, 0, 0, 0.8); }
              body nav #menu.navbar-menu .inline > ul li.last .search-box > .content .search-result .search-loading {
                font-size: 24px;
                color: #FFF;
                padding: 50px; } }
        @media screen and (min-width: 641px) and (max-width: 1000px) {
          body nav #menu.navbar-menu .inline > ul li:not(.logo):not(.last) {
            display: inline-block;
            width: 50%; }
          body nav #menu.navbar-menu .inline > ul li.last {
            display: inline-block;
            width: 25%; }
            body nav #menu.navbar-menu .inline > ul li.last .search-box {
              z-index: 9999;
              display: block;
              height: 100%;
              width: 100%;
              position: fixed;
              top: 0%;
              left: 0px;
              background-color: rgba(0, 0, 0, 0.8); }
              body nav #menu.navbar-menu .inline > ul li.last .search-box > .content .search-result .search-loading {
                font-size: 24px;
                color: #FFF;
                padding: 50px; } }
        @media screen and (min-width: 1001px) {
          body nav #menu.navbar-menu .inline > ul {
            display: table-row;
            margin: 0px;
            padding: 0px;
            list-style: none;
            font-size: 0px;
            text-align: start; }
            body nav #menu.navbar-menu .inline > ul > li {
              display: table-cell;
              list-style: none;
              text-align: center;
              vertical-align: middle;
              white-space: nowrap; }
              body nav #menu.navbar-menu .inline > ul > li.last {
                padding-bottom: 0px;
                position: relative; }
                body nav #menu.navbar-menu .inline > ul > li.last .search-box {
                  z-index: 9999;
                  display: block;
                  width: 400px;
                  position: absolute;
                  top: 100%;
                  left: 0px;
                  background-color: rgba(0, 0, 0, 0.8); }
                  body nav #menu.navbar-menu .inline > ul > li.last .search-box > .content .search-result .search-loading {
                    font-size: 24px;
                    color: #FFF;
                    padding: 50px; }
              body nav #menu.navbar-menu .inline > ul > li.hot a {
                animation: linear hotMenu 5s infinite;
                position: relative; }
                body nav #menu.navbar-menu .inline > ul > li.hot a:before {
                  position: absolute;
                  top: 20%;
                  height: 60%;
                  border-radius: 3px;
                  left: 0%;
                  width: 100%;
                  content: ' ';
                  z-index: -1;
                  background-image: linear-gradient(180deg, #bb131e, #92000a); }
              body nav #menu.navbar-menu .inline > ul > li a, body nav #menu.navbar-menu .inline > ul > li label {
                display: block;
                font-size: small;
                text-decoration: none;
                color: #FFF;
                padding: 20px 15px; }
                body nav #menu.navbar-menu .inline > ul > li a i, body nav #menu.navbar-menu .inline > ul > li label i {
                  font-size: 14px;
                  line-height: 14px;
                  vertical-align: middle; }
              body nav #menu.navbar-menu .inline > ul > li img {
                display: block;
                margin-left: 15px; } }
        body nav #menu.navbar-menu .inline .open, body nav #menu.navbar-menu .inline .green {
          color: #33bd28; }

@keyframes cart_menu {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
        body nav #menu.navbar-menu .inline .cart-mnu {
          position: relative; }
          body nav #menu.navbar-menu .inline .cart-mnu span {
            position: absolute;
            top: 80%;
            left: 50%;
            background-color: #bb131e;
            color: #FFF;
            border-radius: 100px;
            padding: 3px 0px;
            display: block;
            width: 10px;
            height: 10px;
            margin-left: 10px;
            text-align: center;
            font-family: Tahoma;
            font-size: 0pt;
            animation: cart_menu ease-in-out 0.6s infinite; }
  body .master-page .customers {
    padding: 75px 0px;
    background-color: #666;
    position: relative; }
    body .master-page .customers .cnt.inline {
      position: relative;
      padding: 50px 0px;
      overflow: hidden; }
      body .master-page .customers .cnt.inline:before {
        content: ' ';
        position: absolute;
        top: 10%;
        left: -1px;
        height: 80%;
        width: 1px;
        background-color: #000;
        z-index: 11;
        box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.3); }
      body .master-page .customers .cnt.inline:after {
        content: ' ';
        position: absolute;
        top: 10%;
        right: -1px;
        height: 80%;
        width: 1px;
        background-color: #000;
        z-index: 11;
        box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.3); }
    body .master-page .customers #customers-ul .item {
      font-size: 8pt;
      text-align: center;
      overflow: hidden;
      vertical-align: middle;
      line-height: 150px; }
      body .master-page .customers #customers-ul .item.hide {
        width: 0;
        opacity: 0; }
      body .master-page .customers #customers-ul .item .name {
        display: none;
        opacity: 0; }
      body .master-page .customers #customers-ul .item img {
        width: 100%;
        max-width: 150px;
        vertical-align: middle; }
  body .master-page .newsletter {
    background-color: #333;
    padding: 25px 0px;
    color: #FFF; }
    body .master-page .newsletter .bc .c6 {
      vertical-align: middle; }
    body .master-page .newsletter .border {
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 3px;
      overflow: hidden; }
      body .master-page .newsletter .border .td:first-of-type {
        vertical-align: middle; }
      body .master-page .newsletter .border .td:last-of-type {
        width: 10px;
        vertical-align: middle; }
      body .master-page .newsletter .border input[type=email] {
        border: 0px;
        padding: 5px 0px;
        background-color: rgba(255, 255, 255, 0);
        display: block;
        width: 100%;
        color: #FFF;
        text-align: start;
        direction: ltr;
        text-indent: 15px;
        font-size: small; }
      body .master-page .newsletter .border input[type=button], body .master-page .newsletter .border input[type=submit] {
        border: 0px;
        background-color: rgba(255, 255, 255, 0.3);
        padding: 10px 15px;
        font-size: small;
        color: #222;
        cursor: pointer;
        border: 0px;
        margin: 0px;
        border-radius: 0px; }
        body .master-page .newsletter .border input[type=button]:hover, body .master-page .newsletter .border input[type=submit]:hover {
          background-color: rgba(255, 255, 255, 0.8);
          color: #333; }
  body .master-page .footer {
    background-color: #2D2B2C;
    color: #FFF;
    padding: 50px 0px; }
    body .master-page .footer .inline {
      padding: 0px 10px; }
      body .master-page .footer .inline .bc {
        vertical-align: top; }
        body .master-page .footer .inline .bc .soc-adr .soc {
          border-left: 1px dashed rgba(255, 255, 255, 0.3);
          padding-left: 15px;
          width: 10px;
          white-space: nowrap;
          vertical-align: top; }
          body .master-page .footer .inline .bc .soc-adr .soc a {
            display: block;
            margin-bottom: 5px;
            text-decoration: none; }
            body .master-page .footer .inline .bc .soc-adr .soc a i {
              background-color: #FFF;
              border-radius: 3px;
              width: 24px;
              height: 24px;
              font-size: 24px;
              text-align: center;
              vertical-align: middle;
              line-height: 24px;
              color: #2d2d2d; }
        body .master-page .footer .inline .bc .soc-adr .adr {
          vertical-align: top;
          padding: 0px; }
          body .master-page .footer .inline .bc .soc-adr .adr .pd {
            padding: 0px 15px;
            line-height: 29px; }
            body .master-page .footer .inline .bc .soc-adr .adr .pd a {
              color: #FFF;
              text-decoration: none;
              color: #bb131e; }
        @media screen and (min-width: 300px) and (max-width: 640px) {
          body .master-page .footer .inline .bc .links a {
            display: block;
            line-height: 29px;
            text-align: start;
            color: #FFF;
            text-decoration: none; }
            body .master-page .footer .inline .bc .links a:hover {
              color: #bb131e; } }
        @media screen and (min-width: 641px) and (max-width: 1000px) {
          body .master-page .footer .inline .bc .links a {
            display: block;
            line-height: 29px;
            text-align: start;
            color: #FFF;
            text-decoration: none; }
            body .master-page .footer .inline .bc .links a:hover {
              color: #bb131e; } }
        @media screen and (min-width: 1001px) {
          body .master-page .footer .inline .bc .links a {
            display: block;
            line-height: 29px;
            text-align: end;
            color: #FFF;
            text-decoration: none; }
            body .master-page .footer .inline .bc .links a:hover {
              color: #bb131e; } }
  body .master-page .footer-copyright {
    padding: 15px 0px;
    background-color: #252525;
    color: #FFF; }
    body .master-page .footer-copyright a {
      display: inline-block;
      text-decoration: none;
      padding: 3px 8px;
      border-radius: 3px;
      background-color: rgba(255, 255, 255, 0.6);
      color: #333;
      margin-top: 10px; }
  @media screen and (max-width: 1000px) {
    body .master-page .sidebar-mobile {
      position: fixed;
      bottom: 0%;
      left: 50%;
      background-color: #bb131e;
      z-index: 999;
      margin-left: -54px;
      border-radius: 5px 5px 0px 0px;
      white-space: nowrap;
      font-size: 0px; }
      body .master-page .sidebar-mobile a {
        display: inline-block;
        width: 54px;
        height: 54px;
        line-height: 54px;
        vertical-align: middle;
        text-align: center;
        color: #FFF;
        text-decoration: none; }
        body .master-page .sidebar-mobile a i {
          vertical-align: inherit;
          text-align: inherit;
          line-height: inherit;
          font-size: 24px; } }
  @media screen and (min-width: 1001px) {
    body .master-page .sidebar-mobile {
      display: none; } }
  body .master-page-mobile {
    z-index: 999;
    font-size: 0px; }
    body .master-page-mobile a {
      position: relative; }
      body .master-page-mobile a:not(.hide) {
        display: inline-block; }
      body .master-page-mobile a.hide {
        display: none; }
      body .master-page-mobile a[data-count]:after {
        content: attr(data-count);
        position: absolute;
        top: -9px;
        left: 50%;
        margin-left: -12px;
        background-color: red;
        color: #FFF;
        font-display: 9pt;
        text-align: center;
        border-radius: 100px;
        width: 24px; }
    @media screen and (max-width: 1000px) {
      body .master-page-mobile {
        display: block;
        position: sticky;
        bottom: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        background-color: #bb131e; }
        body .master-page-mobile a, body .master-page-mobile label {
          cursor: pointer;
          color: #FFF;
          padding: 15px;
          display: inline-block;
          text-decoration: none; }
          body .master-page-mobile a i, body .master-page-mobile label i {
            font-size: 18pt; }
          body .master-page-mobile a > span, body .master-page-mobile label > span {
            display: block;
            font-size: 6pt;
            padding-top: 5px; } }
    @media screen and (min-width: 1001px) {
      body .master-page-mobile {
        display: block;
        position: fixed;
        bottom: 0px;
        right: 10px;
        text-align: center;
        background-color: #bb131e;
        border-radius: 5px 5px 0px 0px; }
        body .master-page-mobile label {
          display: none; }
        body .master-page-mobile a {
          cursor: pointer;
          color: #FFF;
          padding: 10px; }
          body .master-page-mobile a i {
            font-size: 18pt; } }
  body .page-layout-documents {
    padding: 75px 0px;
    position: relative; }
    body .page-layout-documents .navigator {
      padding: 10px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      background-color: rgba(0, 0, 0, 0.02);
      text-align: start; }
      body .page-layout-documents .navigator a {
        display: inline-block;
        padding: 0px 5px;
        text-decoration: none;
        color: #666; }
        body .page-layout-documents .navigator a:hover {
          color: #bb131e; }
      body .page-layout-documents .navigator .sep {
        display: inline-block;
        padding: 0px 5px;
        color: #999; }
        body .page-layout-documents .navigator .sep:before {
          content: ' » ';
          font-family: Tahoma; }
      body .page-layout-documents .navigator span {
        background-color: #bb131e;
        display: inline-block;
        padding: 3px 8px;
        color: #FFF;
        border-radius: 3px; }
    body .page-layout-documents .navigator-c {
      padding: 10px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      background-color: rgba(0, 0, 0, 0.02);
      text-align: start;
      border-radius: 3px;
      margin-bottom: 10px;
      margin-left: 5px;
      margin-right: 5px; }
      body .page-layout-documents .navigator-c a {
        display: inline-block;
        padding: 0px 5px;
        text-decoration: none;
        color: #666; }
        body .page-layout-documents .navigator-c a:hover {
          color: #bb131e; }
      body .page-layout-documents .navigator-c .sep {
        display: inline-block;
        padding: 0px 5px;
        color: #999; }
        body .page-layout-documents .navigator-c .sep:before {
          content: ' » ';
          font-family: Tahoma; }
      body .page-layout-documents .navigator-c span {
        background-color: #bb131e;
        display: inline-block;
        padding: 3px 8px;
        color: #FFF;
        border-radius: 3px; }
    body .page-layout-documents .docimg {
      position: absolute;
      z-index: -2;
      top: 0px;
      left: 0px;
      width: 100%;
      overflow: hidden;
      height: 600px;
      overflow: hidden; }
      body .page-layout-documents .docimg:after {
        content: ' ';
        font-size: 0px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.8), white);
        height: 100%; }
      body .page-layout-documents .docimg:before {
        content: ' ';
        font-size: 0px;
        position: absolute;
        top: -1px;
        left: 0px;
        width: 100%;
        background-color: transparent;
        height: 1px;
        box-shadow: 0px 0px 10px black;
        z-index: 1; }
      body .page-layout-documents .docimg .img {
        transform: scale(1);
        filter: blur(4px);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-size: cover; }
    body .page-layout-documents > center > .inline {
      background-color: #FFF;
      border-radius: 5px;
      position: relative; }
      body .page-layout-documents > center > .inline > .bc {
        padding: 25px 25px 0px 0px; }
        body .page-layout-documents > center > .inline > .bc > li {
          padding: 0px 0px 25px 25px; }
      body .page-layout-documents > center > .inline .side {
        background-color: transparent;
        border: 0px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 10px; }
        body .page-layout-documents > center > .inline .side .header {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          text-align: start;
          padding: 0px;
          height: 32px; }
          body .page-layout-documents > center > .inline .side .header span {
            border-bottom: 3px solid #bb131e;
            display: inline-block;
            padding: 5px 10px; }
        body .page-layout-documents > center > .inline .side .content {
          padding: 10px 0px; }
          body .page-layout-documents > center > .inline .side .content ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
            text-align: start; }
            body .page-layout-documents > center > .inline .side .content ul li {
              padding-right: 10px;
              position: relative; }
              body .page-layout-documents > center > .inline .side .content ul li:before {
                content: '»';
                position: absolute;
                top: 5px;
                right: 5px; }
              body .page-layout-documents > center > .inline .side .content ul li a {
                display: block;
                padding: 5px 10px;
                text-decoration: none;
                color: #5e636a; }
                body .page-layout-documents > center > .inline .side .content ul li a b {
                  display: inline-block;
                  font-weight: normal;
                  font-size: smaller;
                  background-color: #bb131e;
                  padding: 1px 8px;
                  border-radius: 3px;
                  color: #FFF;
                  margin-left: 8px; }
                body .page-layout-documents > center > .inline .side .content ul li a:hover {
                  color: #bb131e; }
          body .page-layout-documents > center > .inline .side .content > ul ul {
            margin-right: 15px;
            position: relative; }
    @media screen and (min-width: 300px) and (max-width: 640px) {
      body .page-layout-documents .page-documents .posts .post {
        display: inline-block;
        width: 100%; }
        body .page-layout-documents .page-documents .posts .post a h2 {
          font-size: 14pt; }
        body .page-layout-documents .page-documents .posts .post a img {
          width: 100%; } }
    @media screen and (min-width: 641px) and (max-width: 1000px) {
      body .page-layout-documents .page-documents .posts .post {
        display: inline-block;
        width: 100%; }
        body .page-layout-documents .page-documents .posts .post a h2 {
          font-size: 14pt; }
        body .page-layout-documents .page-documents .posts .post a img {
          width: 100%; } }
    @media screen and (min-width: 1001px) {
      body .page-layout-documents .page-documents .posts .post:nth-of-type(1) {
        display: inline-block;
        width: 50%; }
        body .page-layout-documents .page-documents .posts .post:nth-of-type(1) a h2 {
          font-size: 18pt; }
        body .page-layout-documents .page-documents .posts .post:nth-of-type(1) a img {
          width: 100%; }
      body .page-layout-documents .page-documents .posts .post:nth-of-type(2) {
        display: inline-block;
        width: 50%; }
        body .page-layout-documents .page-documents .posts .post:nth-of-type(2) a {
          margin-bottom: 10px; }
          body .page-layout-documents .page-documents .posts .post:nth-of-type(2) a:not(:last-of-type) {
            border-bottom: 1px dotted rgba(0, 0, 0, 0.1); }
          body .page-layout-documents .page-documents .posts .post:nth-of-type(2) a h2 {
            font-size: 14pt; }
          body .page-layout-documents .page-documents .posts .post:nth-of-type(2) a .img {
            display: inline-block;
            float: right;
            margin-left: 15px; }
            body .page-layout-documents .page-documents .posts .post:nth-of-type(2) a .img img {
              width: 200px; }
      body .page-layout-documents .page-documents .posts .post:nth-of-type(n+3) {
        display: inline-block;
        width: 25%;
        border-top: 1px dotted rgba(0, 0, 0, 0.1);
        padding-top: 10px; }
        body .page-layout-documents .page-documents .posts .post:nth-of-type(n+3) a h2 {
          font-size: 10pt;
          font-weight: bold; }
        body .page-layout-documents .page-documents .posts .post:nth-of-type(n+3) a img {
          width: 100%; } }
    body .page-layout-documents .page-documents .posts a {
      display: block;
      text-decoration: none;
      color: #333;
      clear: both;
      overflow: hidden;
      text-align: end;
      padding: 10px;
      border-radius: 3px; }
      body .page-layout-documents .page-documents .posts a .img {
        border-radius: 3px;
        overflow: hidden;
        font-size: 0px;
        margin-bottom: 10px; }
      body .page-layout-documents .page-documents .posts a:hover {
        background-color: rgba(0, 0, 0, 0.1); }
      body .page-layout-documents .page-documents .posts a h2 {
        display: block;
        margin: 0px;
        padding: 0px;
        padding-bottom: 10px;
        font-weight: normal;
        text-align: start;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
        margin-bottom: 5px; }
      body .page-layout-documents .page-documents .posts a span {
        padding-bottom: 10px;
        display: block;
        color: #999;
        text-align: start; }
      body .page-layout-documents .page-documents .posts a .footer {
        background-color: #bb131e;
        text-align: end;
        display: inline-block;
        color: #FFF;
        font-family: Tahoma;
        padding: 3px 5px;
        border-radius: 3px;
        font-size: smaller; }
    body .page-layout-documents .page-documents .bc {
      padding: 10px 10px 0px 0px;
      text-align: start; }
      body .page-layout-documents .page-documents .bc > li {
        padding: 0px 0px 10px 10px; }
        body .page-layout-documents .page-documents .bc > li .item {
          background-color: rgba(0, 0, 0, 0.02);
          border: 1px solid rgba(0, 0, 0, 0.1);
          text-align: start;
          padding-bottom: 10px;
          display: block;
          text-decoration: none;
          border-radius: 3px;
          overflow: hidden;
          margin-bottom: 10px; }
          body .page-layout-documents .page-documents .bc > li .item .img {
            height: 150px;
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(0, 0, 0, 0.1);
            overflow: hidden;
            margin: 3px;
            border-radius: 3px; }
            body .page-layout-documents .page-documents .bc > li .item .img div {
              position: absolute;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%;
              filter: blur(5px);
              transform: rotate(6deg) scale(1.2);
              background-size: cover; }
            body .page-layout-documents .page-documents .bc > li .item .img i {
              position: absolute;
              border-radius: 100px;
              width: 48px;
              height: 48px;
              line-height: 48px;
              color: #FFF;
              background-color: rgba(0, 0, 0, 0.6);
              z-index: 1;
              top: 50%;
              margin-top: -24px;
              left: 50%;
              margin-left: -24px;
              text-align: center;
              transform: scale(1.6);
              opacity: 0; }
          body .page-layout-documents .page-documents .bc > li .item:hover .img div {
            filter: blur(0px);
            transform: rotate(0deg) scale(1); }
          body .page-layout-documents .page-documents .bc > li .item:hover .img i {
            transform: scale(1);
            opacity: 1; }
          body .page-layout-documents .page-documents .bc > li .item .title {
            font-size: medium;
            font-weight: bold;
            padding: 0px 10px;
            color: #bb131e; }
          body .page-layout-documents .page-documents .bc > li .item .description {
            font-size: small;
            color: #666;
            padding: 0px 10px; }
    body .page-layout-documents .page-documents > strong {
      display: none; }
    body .page-layout-documents .page-document {
      text-align: justify;
      min-height: 600px; }
      body .page-layout-documents .page-document:before {
        content: ' ';
        font-size: 0px;
        position: absolute;
        top: 20px;
        left: 0px;
        width: 100%;
        background-color: transparent;
        height: 550px;
        box-shadow: 0px -20px 20px rgba(0, 0, 0, 0.1);
        z-index: -1; }
      body .page-layout-documents .page-document .header {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
        padding-bottom: 10px; }
        body .page-layout-documents .page-document .header h1 {
          display: block;
          margin: 0px;
          color: #bb131e; }
        body .page-layout-documents .page-document .header b {
          font-size: small;
          font-weight: normal;
          color: rgba(0, 0, 0, 0.6); }
      body .page-layout-documents .page-document article {
        font-size: medium;
        margin: 0px;
        margin-bottom: 10px; }
        body .page-layout-documents .page-document article a.inline {
          text-decoration: none;
          color: #bb131e;
          border-bottom: 1px dotted #bb131e; }
        body .page-layout-documents .page-document article .pre-code {
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: 3px;
          font-family: Courier New, Courier, monospace;
          font-size: 9pt;
          padding: 15px;
          white-space: pre-wrap;
          margin: 0px;
          background-color: transparent;
          direction: ltr; }
        body .page-layout-documents .page-document article blockquote {
          background: #f9f9f9;
          border-left: 10px solid #ccc;
          margin: 1em 0px;
          padding: 0.5em 10px;
          quotes: "“" "”" "‘" "’";
          direction: ltr; }
          body .page-layout-documents .page-document article blockquote:before {
            color: #ccc;
            content: open-quote;
            font-size: 4em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.4em; }
          body .page-layout-documents .page-document article blockquote p {
            display: inline; }
      body .page-layout-documents .page-document .attachment {
        margin-bottom: 10px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-color: rgba(0, 162, 245, 0.1);
        border-radius: 3px;
        direction: ltr; }
        body .page-layout-documents .page-document .attachment:before {
          content: 'فهرست پیوست ها';
          display: block;
          direction: rtl;
          padding: 5px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-layout-documents .page-document .attachment ul {
          display: block;
          padding: 0px;
          margin: 0px;
          list-style: none;
          padding: 5px;
          font-family: Tahoma; }
          body .page-layout-documents .page-document .attachment ul li {
            padding: 0px;
            margin: 0px;
            display: block; }
            body .page-layout-documents .page-document .attachment ul li a {
              display: block;
              padding: 5px 5px;
              text-decoration: none;
              color: #000; }
              body .page-layout-documents .page-document .attachment ul li a:hover {
                background-color: #bb131e;
                color: #FFF;
                border-radius: 3px; }
              body .page-layout-documents .page-document .attachment ul li a:before {
                content: attr(data-type);
                display: inline-block;
                border-radius: 3px;
                background-color: rgba(0, 0, 0, 0.8);
                color: #FFF;
                padding: 3px;
                font-size: 8pt;
                margin-right: 10px; }
      body .page-layout-documents .page-document .comments {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: 10px;
        padding-top: 10px; }
        body .page-layout-documents .page-document .comments.true {
          display: block; }
        body .page-layout-documents .page-document .comments.false {
          display: none; }
        body .page-layout-documents .page-document .comments .ccfalse {
          display: inline-block; }
        body .page-layout-documents .page-document .comments .cctrue {
          display: none; }
        body .page-layout-documents .page-document .comments .comment-post {
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          padding: 10px; }
          body .page-layout-documents .page-document .comments .comment-post .field .control {
            margin-bottom: 5px; }
            body .page-layout-documents .page-document .comments .comment-post .field .control input[type=text], body .page-layout-documents .page-document .comments .comment-post .field .control textarea {
              width: 100%;
              background-color: rgba(0, 0, 0, 0.01);
              border: 1px solid rgba(0, 0, 0, 0.1);
              border-radius: 3px;
              padding: 10px;
              color: #bb131e;
              font-size: 9pt;
              font-family: Tahoma; }
            body .page-layout-documents .page-document .comments .comment-post .field .control textarea {
              resize: vertical;
              min-height: 150px; }
          body .page-layout-documents .page-document .comments .comment-post .buttons {
            padding-bottom: 5px;
            text-align: center; }
        body .page-layout-documents .page-document .comments .comment-result {
          padding: 10px; }
          body .page-layout-documents .page-document .comments .comment-result .comment-item .item p {
            margin: 0px;
            padding: 0px; }
          body .page-layout-documents .page-document .comments .comment-result .comment-item .item div {
            text-align: end;
            color: #bb131e; }
          body .page-layout-documents .page-document .comments .comment-result .comment-item .item:not(:last-of-type) {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-layout-documents .page-document .footer {
        font-size: small;
        color: rgba(0, 0, 0, 0.4);
        text-align: end; }
        body .page-layout-documents .page-document .footer b {
          display: inline-block;
          color: #333;
          border-radius: 3px;
          padding: 2px 8px;
          font-weight: normal; }
      body .page-layout-documents .page-document .share {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: 10px;
        padding-top: 10px;
        text-align: end;
        line-height: 24px;
        vertical-align: middle; }
        body .page-layout-documents .page-document .share a {
          display: inline-block;
          font-size: 24px;
          cursor: pointer; }
          body .page-layout-documents .page-document .share a i {
            padding: 5px;
            color: #bb131e;
            border-radius: 3px;
            margin-left: 3px; }
  body .page-index .header-main-banner {
    height: 35vw; }
    @media screen and (max-width: 1000px) {
      body .page-index .header-main-banner {
        display: none; } }
    @media screen and (min-width: 1001px) {
      body .page-index .header-main-banner {
        display: block; } }
  body .page-index .index-intro {
    padding: 50px 0px; }
    body .page-index .index-intro ul {
      text-align: center;
      padding: 5px 5px 0px 0px; }
      body .page-index .index-intro ul li {
        vertical-align: top;
        text-align: start;
        padding: 0px 0px 5px 5px; }
        body .page-index .index-intro ul li > div {
          text-align: center;
          padding: 10px; }
          body .page-index .index-intro ul li > div > .img {
            display: inline-block;
            text-align: center;
            width: 100%;
            height: 280px;
            overflow: hidden;
            font-size: 0px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover; }
          body .page-index .index-intro ul li > div > section.title {
            display: block;
            font-size: large;
            font-weight: bold;
            text-align: start;
            padding: 15px 0px; }
          body .page-index .index-intro ul li > div > section.desc {
            font-size: small;
            color: #666;
            display: block;
            margin: 0px;
            text-align: justify; }
  body .page-index .index-mv {
    padding: 50px 0px;
    background-color: #333; }
    body .page-index .index-mv * {
      transition: all ease 0.2s; }
    body .page-index .index-mv ul li {
      padding: 50px 0px;
      text-align: center; }
      body .page-index .index-mv ul li:hover {
        filter: blur(0px); }
      @media screen and (min-width: 300px) and (max-width: 640px) {
        body .page-index .index-mv ul li a {
          width: 200px;
          height: 200px;
          clip: rect(0, 0, 150, 150);
          background-size: 1200px 200px;
          padding-top: 210px; } }
      @media screen and (min-width: 641px) and (max-width: 1000px) {
        body .page-index .index-mv ul li a {
          width: 200px;
          height: 200px;
          clip: rect(0, 0, 150, 150);
          background-size: 1200px 200px;
          padding-top: 210px; } }
      @media screen and (min-width: 1001px) {
        body .page-index .index-mv ul li a {
          width: 200px;
          height: 200px;
          clip: rect(0, 0, 200, 200);
          background-size: 1200px 200px;
          padding-top: 210px; } }
      body .page-index .index-mv ul li a {
        background-image: url(../Images/index/v1.jpg);
        display: inline-block;
        background-repeat: repeat-x;
        text-decoration: none;
        color: #EEE; }
        body .page-index .index-mv ul li a:hover {
          background-image: url(../Images/index/v2.jpg); }
        body .page-index .index-mv ul li a.m1 {
          background-position: 0px 0px; }
        body .page-index .index-mv ul li a.m2 {
          background-position: -100% 0px; }
        body .page-index .index-mv ul li a.m3 {
          background-position: -200% 0px; }
        body .page-index .index-mv ul li a.m4 {
          background-position: -300% 0px; }
        body .page-index .index-mv ul li a.m5 {
          background-position: -400% 0px; }
        body .page-index .index-mv ul li a.m6 {
          background-position: -500% 0px; }
  body .page-index .index-customers {
    padding: 50px 0px; }
    body .page-index .index-customers span {
      font-size: small; }
    body .page-index .index-customers ul {
      text-align: start; }
      body .page-index .index-customers ul li {
        text-align: center; }
        body .page-index .index-customers ul li a {
          display: block;
          text-decoration: none; }
          body .page-index .index-customers ul li a img {
            border: 1px solid rgba(0, 0, 0, 0.5);
            margin-bottom: 25px;
            max-width: 150px;
            width: 100%; }
  body .page-index .index-join-robot {
    padding: 50px 0px; }
    body .page-index .index-join-robot a {
      text-align: center;
      display: block;
      text-decoration: none;
      font-size: medium;
      cursor: pointer;
      padding: 10px; }
      body .page-index .index-join-robot a img {
        width: 100%;
        max-width: 400px; }
      body .page-index .index-join-robot a label {
        display: block;
        color: #4c4c4c;
        text-align: start; }
      body .page-index .index-join-robot a span {
        display: block;
        color: #4c4c4c;
        text-align: start;
        font-size: small; }
    @media screen and (max-width: 1000px) {
      body .page-index .index-join-robot a {
        padding: 0px 0px;
        text-align: center; }
        body .page-index .index-join-robot a span, body .page-index .index-join-robot a label {
          text-align: center; } }
  body .navigator {
    background-color: #777; }
    body .navigator .navigator-div {
      text-align: start; }
    body .navigator strong,
    body .navigator a {
      display: inline-block;
      text-decoration: none;
      padding: 10px 10px;
      color: #FFF; }
    body .navigator span.sep:before {
      content: ' » ';
      display: inline-block;
      padding: 0px 5px;
      color: #FFF; }
    body .navigator strong {
      color: #FFF;
      font-weight: normal; }
  body .page-products {
    background-color: rgba(0, 0, 0, 0.03);
    padding: 10px 0px 10px 10px; }
    body .page-products .navigator {
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      margin-right: 10px;
      background-color: #FFF; }
      body .page-products .navigator .navigator-div {
        text-align: start; }
      body .page-products .navigator strong,
      body .page-products .navigator a {
        display: inline-block;
        text-decoration: none;
        padding: 10px 10px;
        color: #333; }
      body .page-products .navigator span.sep:before {
        content: ' » ';
        display: inline-block;
        padding: 0px 5px;
        color: #bb131e; }
      body .page-products .navigator strong {
        color: #bb131e;
        font-weight: normal; }
    body .page-products .table {
      display: table;
      width: 100%;
      border-collapse: collapse; }
      @media screen and (min-width: 300px) and (max-width: 640px) {
        body .page-products .table > .row {
          display: block; }
          body .page-products .table > .row > .side,
          body .page-products .table > .row > .result {
            display: block; }
          body .page-products .table > .row > .side {
            width: auto; }
            body .page-products .table > .row > .side #sidebar-mobile + label {
              display: block;
              padding: 15px;
              border-radius: 3px;
              opacity: 0.7;
              cursor: pointer;
              margin: 0px;
              user-select: none;
              -moz-user-select: none; }
              body .page-products .table > .row > .side #sidebar-mobile + label i {
                margin-left: 10px; }
              body .page-products .table > .row > .side #sidebar-mobile + label:hover {
                opacity: 1; }
            body .page-products .table > .row > .side #sidebar-mobile:not(:checked) + label {
              background-color: rgba(255, 255, 255, 0.6);
              color: #333;
              border: 1px solid rgba(0, 0, 0, 0.1); }
            body .page-products .table > .row > .side #sidebar-mobile:not(:checked) ~ .mobile {
              display: none; }
            body .page-products .table > .row > .side #sidebar-mobile:checked + label {
              background-color: rgba(0, 0, 0, 0.6);
              color: #FFF;
              border: 1px solid rgba(0, 0, 0, 0.1);
              margin-bottom: 10px; }
            body .page-products .table > .row > .side #sidebar-mobile:checked ~ .mobile {
              display: block; } }
      @media screen and (min-width: 641px) {
        body .page-products .table > .row {
          display: table-row; }
          body .page-products .table > .row > .side,
          body .page-products .table > .row > .result {
            display: table-cell; }
          body .page-products .table > .row > .side {
            width: 300px; }
            body .page-products .table > .row > .side #sidebar-mobile + label {
              display: none; }
            body .page-products .table > .row > .side #sidebar-mobile:not(:checked) ~ .mobile {
              display: block; }
            body .page-products .table > .row > .side #sidebar-mobile:checked ~ .mobile {
              display: block; } }
      body .page-products .table > .row > .side,
      body .page-products .table > .row > .result {
        border-radius: 3px;
        padding: 10px 10px 0px 0px; }
      body .page-products .table > .row > .side {
        overflow: auto;
        padding: 10px 10px 0px 0px; }
        body .page-products .table > .row > .side #sidebar-mobile {
          display: none; }
        body .page-products .table > .row > .side fieldset {
          border: 0px;
          margin: 0px 0px;
          padding: 0px;
          user-select: none;
          -moz-user-select: none;
          -webkit-user-select: none;
          position: relative;
          margin-bottom: 10px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          background-color: #FFF;
          border-radius: 3px;
          overflow: hidden; }
          body .page-products .table > .row > .side fieldset > h6 {
            text-indent: 0px;
            margin: 0px;
            padding: 0px; }
          body .page-products .table > .row > .side fieldset > input[type=checkbox] {
            display: none; }
          body .page-products .table > .row > .side fieldset:not(.no-header) {
            padding-top: 0px; }
            body .page-products .table > .row > .side fieldset:not(.no-header).collapse > h6:after {
              position: absolute;
              display: block;
              width: 16px;
              height: 16px;
              top: 0px;
              left: 26px;
              content: '\f078';
              font-family: "Font Awesome 5 Pro";
              font-style: normal;
              font-variant: normal;
              font-weight: 900;
              font-size: 14px;
              opacity: 0.7; }
            body .page-products .table > .row > .side fieldset:not(.no-header):not(.collapse) > h6:after {
              position: absolute;
              display: block;
              width: 16px;
              height: 16px;
              top: 0px;
              left: 20px;
              content: '\f053';
              font-family: "Font Awesome 5 Pro";
              font-style: normal;
              font-variant: normal;
              font-weight: 900;
              font-size: 14px;
              opacity: 0.7; }
          body .page-products .table > .row > .side fieldset.no-header {
            padding: 15px; }
          body .page-products .table > .row > .side fieldset > h6 {
            margin: 0px;
            padding: 0px;
            font-size: small;
            color: #666;
            display: block;
            width: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            text-indent: 15px;
            line-height: 42px;
            vertical-align: middle;
            font-weight: normal;
            cursor: pointer;
            position: relative;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            background-image: linear-gradient(0deg, #FFF, #FAFAFA);
            margin-bottom: -1px; }
          body .page-products .table > .row > .side fieldset > div {
            padding: 0px; }
            body .page-products .table > .row > .side fieldset > div.options .option-item input {
              display: none; }
              body .page-products .table > .row > .side fieldset > div.options .option-item input:checked ~ label:before {
                font-weight: bold;
                margin-left: 10px;
                display: inline-block;
                font-family: "Font Awesome 5 Pro";
                font-style: normal;
                font-variant: normal;
                font-weight: 900;
                font-size: 14px;
                content: '\f058';
                color: #bb131e;
                width: 20px;
                text-align: center; }
              body .page-products .table > .row > .side fieldset > div.options .option-item input:not(:checked) ~ label:before {
                width: 20px;
                text-align: center;
                font-weight: bold;
                margin-left: 10px;
                display: inline-block;
                font-family: "Font Awesome 5 Pro";
                font-style: normal;
                font-variant: normal;
                font-weight: 900;
                font-size: 14px;
                content: '\f0c8';
                color: rgba(0, 0, 0, 0.3); }
            body .page-products .table > .row > .side fieldset > div.options .option-item label {
              display: block;
              direction: rtl;
              position: relative;
              cursor: pointer;
              font-size: small; }
            body .page-products .table > .row > .side fieldset > div.colors label {
              display: inline-block;
              width: 27px;
              height: 27px;
              border-radius: 100px;
              margin: 0px 2px;
              cursor: pointer; }
            body .page-products .table > .row > .side fieldset > div.colors input {
              display: none; }
              body .page-products .table > .row > .side fieldset > div.colors input:checked + label {
                border: 2px solid #bb131e; }
              body .page-products .table > .row > .side fieldset > div.colors input:not(:checked) + label {
                border: 3px solid #FFF; }
            body .page-products .table > .row > .side fieldset > div.category a {
              text-decoration: none;
              color: #333; }
            body .page-products .table > .row > .side fieldset > div.category > a {
              display: block; }
            body .page-products .table > .row > .side fieldset > div.category > div {
              padding-right: 15px; }
              body .page-products .table > .row > .side fieldset > div.category > div > a {
                display: block; }
          body .page-products .table > .row > .side fieldset:not(.no-header).collapse > div {
            padding: 15px; }
          body .page-products .table > .row > .side fieldset:not(.no-header):not(.collapse) > div {
            display: none; }
        body .page-products .table > .row > .side .buttons {
          padding: 0px;
          text-align: end; }
          body .page-products .table > .row > .side .buttons input {
            background-color: #bb131e;
            border-radius: 3px;
            display: block;
            width: 100%;
            border: 0px;
            padding: 10px;
            color: #FFF;
            opacity: 0.7;
            cursor: pointer;
            font-family: irs; }
            body .page-products .table > .row > .side .buttons input:hover {
              opacity: 1; }
        body .page-products .table > .row > .side .price-slider {
          direction: rtl; }
          body .page-products .table > .row > .side .price-slider .min, body .page-products .table > .row > .side .price-slider .max {
            color: #999;
            padding: 5px 10px; }
            body .page-products .table > .row > .side .price-slider .min b, body .page-products .table > .row > .side .price-slider .max b {
              display: block;
              text-align: center;
              font-weight: normal; }
            body .page-products .table > .row > .side .price-slider .min strong, body .page-products .table > .row > .side .price-slider .max strong {
              display: block;
              text-align: center;
              font-weight: normal; }
            body .page-products .table > .row > .side .price-slider .min span, body .page-products .table > .row > .side .price-slider .max span {
              background-color: #FFF;
              border-radius: 5px;
              display: block;
              text-align: center;
              color: #666;
              font-size: 10pt;
              padding: 5px 0px; }
      body .page-products .table > .row > .result {
        vertical-align: top; }
        body .page-products .table > .row > .result .res-code {
          background-color: #FFF;
          border: 1px solid rgba(0, 0, 0, 0.1);
          overflow: hidden;
          border-radius: 3px; }
          body .page-products .table > .row > .result .res-code > .pres {
            padding: 0px; }
            body .page-products .table > .row > .result .res-code > .pres > ul {
              margin: 0px;
              padding: 0px;
              display: block;
              text-align: start;
              list-style: none;
              font-size: 0pt; }
              body .page-products .table > .row > .result .res-code > .pres > ul li {
                display: inline-block;
                font-size: small;
                vertical-align: top;
                margin: 0px;
                list-style: none;
                border: 1px solid rgba(0, 0, 0, 0.01); }
                body .page-products .table > .row > .result .res-code > .pres > ul li > a {
                  overflow: hidden;
                  display: block;
                  padding: 10px;
                  text-decoration: none;
                  color: #333;
                  border: 1px solid transparent;
                  text-align: center;
                  position: relative; }
                  body .page-products .table > .row > .result .res-code > .pres > ul li > a:hover {
                    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.03),rgba(0, 0, 0, 0.06));*/
                    background-color: #FFF;
                    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
                    border: 1px solid rgba(0, 0, 0, 0.05); }
                  body .page-products .table > .row > .result .res-code > .pres > ul li > a .top-tag {
                    border: 1px dashed red;
                    vertical-align: middle;
                    text-align: center;
                    position: absolute;
                    top: -78.94737px;
                    left: -78.94737px;
                    display: block;
                    transform: rotate(-45deg);
                    width: 150px;
                    padding-top: 100px;
                    background-color: rgba(255, 0, 0, 0.1);
                    color: red;
                    line-height: 50px; }
                  body .page-products .table > .row > .result .res-code > .pres > ul li > a .oldprice {
                    color: rgba(150, 150, 150, 0.6);
                    display: block;
                    height: 20px;
                    font-weight: normal;
                    font-size: 9pt; }
                  body .page-products .table > .row > .result .res-code > .pres > ul li > a .price {
                    color: #bb131e;
                    font-size: large;
                    font-weight: bold; }
                    body .page-products .table > .row > .result .res-code > .pres > ul li > a .price b {
                      font-size: small; }
                  body .page-products .table > .row > .result .res-code > .pres > ul li > a .img {
                    text-align: center; }
                    body .page-products .table > .row > .result .res-code > .pres > ul li > a .img img {
                      max-width: 250px;
                      width: 100%; }
                  body .page-products .table > .row > .result .res-code > .pres > ul li > a .color {
                    text-align: center;
                    height: 30px; }
                    body .page-products .table > .row > .result .res-code > .pres > ul li > a .color span {
                      display: inline-block;
                      border-radius: 3px;
                      line-height: 24px;
                      height: 24px;
                      width: 24px; }
                      body .page-products .table > .row > .result .res-code > .pres > ul li > a .color span:not(:first-of-type) {
                        margin-right: 5px; }
          body .page-products .table > .row > .result .res-code .pager {
            text-align: center;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            background-color: rgba(0, 0, 0, 0.01);
            padding: 5px; }
            body .page-products .table > .row > .result .res-code .pager span {
              display: inline-block;
              padding: 5px 14px;
              text-decoration: none;
              color: #333;
              cursor: pointer; }
              body .page-products .table > .row > .result .res-code .pager span.act {
                border: 1px solid rgba(0, 0, 0, 0.1);
                border-radius: 3px;
                background-color: #FFF; }
          body .page-products .table > .row > .result .res-code .orderby {
            background-color: rgba(0, 0, 0, 0.01);
            text-align: end;
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
            body .page-products .table > .row > .result .res-code .orderby a {
              padding: 5px 14px;
              display: inline-block;
              text-decoration: none;
              color: #333;
              cursor: pointer; }
              body .page-products .table > .row > .result .res-code .orderby a.act {
                border: 1px solid rgba(0, 0, 0, 0.1);
                border-radius: 3px;
                background-color: #FFF; }
  body .page-product {
    padding: 50px 0px; }
    body .page-product .special-message {
      color: #FFF;
      padding: 10px;
      background: linear-gradient(218deg, red, #ff5252, #ce0000);
      background-size: 600% 600%;
      -webkit-animation: AnimationName 5s ease infinite;
      -moz-animation: AnimationName 5s ease infinite;
      animation: AnimationName 5s ease infinite; }

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes AnimationName {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
    body .page-product .cartitem {
      background-color: #FFF;
      border-radius: 1000px;
      box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.9); }
    body .page-product .interv {
      border-radius: 3px;
      overflow: hidden; }
      body .page-product .interv .c3,
      body .page-product .interv .c4,
      body .page-product .interv .c5 {
        vertical-align: top; }
      body .page-product .interv > .bc > .c9 .td {
        vertical-align: middle; }
      body .page-product .interv .bc .brd-img .product-img {
        text-align: center;
        vertical-align: top;
        padding: 10px;
        vertical-align: top;
        position: relative;
        min-height: 100px;
        z-index: 90; }
        body .page-product .interv .bc .brd-img .product-img img {
          width: 100%;
          max-width: 550px; }
        body .page-product .interv .bc .brd-img .product-img .data-pr {
          border: 1px dashed #999;
          overflow: hidden;
          position: fixed;
          background-color: #FFF;
          background-repeat: no-repeat;
          border-radius: 1000px;
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
          body .page-product .interv .bc .brd-img .product-img .data-pr.zoom {
            transform: scale(1.5); }
          body .page-product .interv .bc .brd-img .product-img .data-pr div {
            position: absolute; }
      body .page-product .interv .bc .brd-img .imgs-frame {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 99999; }
        body .page-product .interv .bc .brd-img .imgs-frame.show {
          display: block; }
        body .page-product .interv .bc .brd-img .imgs-frame:not(.show) {
          display: none; }
        body .page-product .interv .bc .brd-img .imgs-frame iframe {
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          background-color: transparent;
          border: 0px;
          z-index: 9; }
        body .page-product .interv .bc .brd-img .imgs-frame .btn-close-frame {
          position: absolute;
          top: 25px;
          left: 25px;
          background-color: rgba(255, 255, 255, 0.3);
          color: #FFF;
          z-index: 99;
          border-radius: 100px;
          width: 48px;
          height: 48px;
          line-height: 48px;
          text-align: center;
          vertical-align: middle;
          font-size: 24px;
          cursor: pointer;
          text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); }
          body .page-product .interv .bc .brd-img .imgs-frame .btn-close-frame:hover {
            background-color: rgba(255, 0, 0, 0.3);
            color: red; }
      body .page-product .interv .bc .brd-img .product-imgs {
        text-align: center;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-product .interv .bc .brd-img .product-imgs .slider-prod {
          clear: both;
          line-height: 64px;
          position: relative;
          padding: 10px;
          font-size: 0px; }
          body .page-product .interv .bc .brd-img .product-imgs .slider-prod > img {
            width: 20%;
            max-width: 64px;
            cursor: pointer; }
          body .page-product .interv .bc .brd-img .product-imgs .slider-prod .progress {
            top: -2px;
            right: 0px;
            height: 3px;
            background-color: #bb131e;
            position: absolute; }
          body .page-product .interv .bc .brd-img .product-imgs .slider-prod .img-thumbnail {
            display: inline-block;
            width: 64px;
            height: 64px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            cursor: pointer;
            cursor: pointer;
            border-radius: 3px; }
            body .page-product .interv .bc .brd-img .product-imgs .slider-prod .img-thumbnail span {
              display: inline-block;
              font-size: 0px;
              width: 7px;
              height: 7px;
              border-radius: 100px;
              background-color: rgba(0, 0, 0, 0.1); }
          body .page-product .interv .bc .brd-img .product-imgs .slider-prod i {
            vertical-align: central;
            height: 64px;
            width: 64px;
            text-align: center;
            line-height: inherit;
            font-size: 24px;
            cursor: pointer;
            color: #4c4c4c; }
            body .page-product .interv .bc .brd-img .product-imgs .slider-prod i:hover {
              color: #bb131e; }
          body .page-product .interv .bc .brd-img .product-imgs .slider-prod i.next {
            float: right; }
          body .page-product .interv .bc .brd-img .product-imgs .slider-prod i.prev {
            float: left; }
          body .page-product .interv .bc .brd-img .product-imgs .slider-prod .counter {
            line-height: 64px; }
      body .page-product .interv .bc .brd-img .image-console {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer; }
        body .page-product .interv .bc .brd-img .image-console table {
          width: 100%;
          border-collapse: collapse;
          text-align: center; }
          body .page-product .interv .bc .brd-img .image-console table td {
            width: 25%;
            padding: 0px; }
            body .page-product .interv .bc .brd-img .image-console table td.social-links {
              position: relative;
              z-index: 999; }
              body .page-product .interv .bc .brd-img .image-console table td.social-links ul {
                display: none; }
              body .page-product .interv .bc .brd-img .image-console table td.social-links:hover ul {
                display: block;
                position: absolute;
                z-index: 99;
                background-color: #bb131e;
                top: 100%;
                right: 0%;
                list-style: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
                body .page-product .interv .bc .brd-img .image-console table td.social-links:hover ul:before {
                  content: ' ';
                  font-size: 0px;
                  position: absolute;
                  bottom: 100%;
                  left: 50%;
                  border: 10px solid transparent;
                  border-bottom-color: #bb131e;
                  margin-left: -10px; }
                body .page-product .interv .bc .brd-img .image-console table td.social-links:hover ul li {
                  display: inline-block;
                  list-style: none;
                  margin: 0px;
                  padding: 0px;
                  width: 48px; }
                  body .page-product .interv .bc .brd-img .image-console table td.social-links:hover ul li a {
                    display: block;
                    padding: 10px;
                    color: #FFF;
                    text-decoration: none; }
                    body .page-product .interv .bc .brd-img .image-console table td.social-links:hover ul li a i {
                      font-size: 18px; }
            body .page-product .interv .bc .brd-img .image-console table td > i {
              font-size: 18px;
              color: rgba(0, 0, 0, 0.3);
              display: block;
              padding: 20px; }
              body .page-product .interv .bc .brd-img .image-console table td > i:hover {
                background-color: #bb131e;
                color: #FFF; }
      @media screen and (min-width: 1001px) {
        body .page-product .interv .bc .brd {
          padding-right: 10px; } }
      body .page-product .interv .bc .brd .product-names {
        padding: 0px;
        text-align: start;
        color: #4d4d4f;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-product .interv .bc .brd .product-names hr {
          border: 0px dotted rgba(0, 0, 0, 0.1);
          border-width: 1px 0px 0px 0px;
          margin: 5px 0px;
          margin-left: 10px; }
        body .page-product .interv .bc .brd .product-names .product-brand,
        body .page-product .interv .bc .brd .product-names .product-series,
        body .page-product .interv .bc .brd .product-names .product-category {
          font-size: 9pt;
          color: #bfc0c2; }
          body .page-product .interv .bc .brd .product-names .product-brand a,
          body .page-product .interv .bc .brd .product-names .product-series a,
          body .page-product .interv .bc .brd .product-names .product-category a {
            display: inline-block;
            text-decoration: none;
            padding: 0px 10px;
            border-bottom: 0px dashed #bb131e;
            color: #717171; }
        body .page-product .interv .bc .brd .product-names .product-name {
          font-size: 18pt;
          margin: 0px;
          margin-bottom: 0px;
          color: #666;
          line-height: 58px;
          vertical-align: middle;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-product .interv .bc .brd .product-names .product-desc {
          color: #666;
          font-weight: normal;
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          margin: 0px;
          padding: 10px 0px; }
      body .page-product .interv .bc .brd .product-option {
        padding: 10px; }
        body .page-product .interv .bc .brd .product-option > b {
          display: block;
          text-align: center;
          font-weight: normal;
          color: #999;
          border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
          padding-bottom: 5px;
          margin-bottom: 5px; }
        body .page-product .interv .bc .brd .product-option table {
          width: 100%; }
          body .page-product .interv .bc .brd .product-option table th {
            text-align: start;
            color: #666; }
            body .page-product .interv .bc .brd .product-option table th:after {
              content: ' :'; }
          body .page-product .interv .bc .brd .product-option table td {
            text-align: start;
            color: #bb131e; }
      body .page-product .interv .bc .brd .product-info .product-params hr {
        border: 0px dotted rgba(0, 0, 0, 0.1);
        border-width: 1px 0px 0px 0px; }
      body .page-product .interv .bc .brd .product-info .product-params .color {
        text-align: start;
        padding: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-product .interv .bc .brd .product-info .product-params .color::before {
          content: 'انتخاب رنگ';
          display: block;
          text-align: start; }
        body .page-product .interv .bc .brd .product-info .product-params .color input {
          display: none; }
          body .page-product .interv .bc .brd .product-info .product-params .color input:checked + label {
            border: 3px solid white;
            transform: scale(1);
            box-shadow: 0px 0px 1px 1px #bb131e; }
          body .page-product .interv .bc .brd .product-info .product-params .color input:not(:checked) + label {
            border: 3px solid white; }
          body .page-product .interv .bc .brd .product-info .product-params .color input:disabled + label {
            position: relative;
            opacity: 0.5; }
            body .page-product .interv .bc .brd .product-info .product-params .color input:disabled + label:after {
              position: absolute;
              content: ' ';
              font-size: 0px;
              background-color: #bb131e;
              height: 1px;
              top: 50%;
              left: -20%;
              width: 140%;
              transform: rotate(-45deg); }
        body .page-product .interv .bc .brd .product-info .product-params .color label {
          font-size: 0px;
          display: inline-block;
          width: 24px;
          height: 24px;
          border-radius: 3px;
          border: 5px solid transparent;
          cursor: pointer; }
          body .page-product .interv .bc .brd .product-info .product-params .color label:not(:first-of-type) {
            margin-right: 10px; }
      body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension {
        text-align: start;
        padding: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension b {
          display: block;
          text-align: start;
          font-weight: normal;
          padding-bottom: 20px; }
        body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension:before {
          content: 'گزینه های تکمیلی محصول';
          display: block;
          text-align: start;
          display: none; }
        body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul {
          list-style: none;
          margin: 0px;
          padding: 0px;
          display: block;
          text-align: start;
          margin-bottom: 20px; }
          body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li {
            list-style: none;
            margin: 0px;
            padding: 0px;
            display: inline-block; }
            body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li * {
              cursor: pointer; }
            body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div {
              display: block;
              position: relative; }
              body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div .extension-price {
                font-size: 8pt;
                color: #00a2f5;
                position: absolute;
                left: 0px;
                display: none; }
                body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div .extension-price:after {
                  content: ' تومان'; }
              body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div input {
                display: none; }
                body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div input:checked + label {
                  border-radius: 5px;
                  border: 1px solid #bb131e; }
                  body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div input:checked + label:before {
                    width: 20px;
                    text-align: center;
                    font-weight: bold;
                    margin-left: 10px;
                    display: inline-block;
                    font-family: "Font Awesome 5 Pro";
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 900;
                    font-size: 14px;
                    content: '\f058';
                    color: #00a2f5;
                    display: none; }
                body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div input:not(:checked) + label {
                  border-radius: 5px;
                  border: 1px solid rgba(0, 0, 0, 0.1); }
                  body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div input:not(:checked) + label:before {
                    width: 20px;
                    text-align: center;
                    font-weight: bold;
                    margin-left: 10px;
                    display: inline-block;
                    font-family: "Font Awesome 5 Pro";
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 900;
                    font-size: 14px;
                    content: '\f0c8';
                    color: rgba(0, 0, 0, 0.3);
                    display: none; }
                body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div input:disabled + label {
                  opacity: 0.3;
                  position: relative;
                  display: block;
                  background: repeating-linear-gradient(45deg, transparent 0px, transparent 10px, rgba(0, 0, 0, 0.1) 11px, rgba(0, 0, 0, 0.1) 20px); }
                body .page-product .interv .bc .brd .product-info .product-params .extension .data-extension ul li div input + label {
                  padding: 5px 10px;
                  margin-left: 10px; }
      body .page-product .interv .bc .brd .product-info .product-params .table-price {
        width: 100%;
        border-collapse: collapse;
        background-color: #FFF; }
        body .page-product .interv .bc .brd .product-info .product-params .table-price .view {
          padding: 10px;
          position: relative;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          vertical-align: bottom; }
          body .page-product .interv .bc .brd .product-info .product-params .table-price .view:before {
            content: ' ';
            position: absolute;
            left: 0px;
            top: 0px;
            height: 100%;
            border-right: 1px solid rgba(0, 0, 0, 0.1); }
          body .page-product .interv .bc .brd .product-info .product-params .table-price .view .prices {
            text-align: start; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .prices .product-price {
              color: #bb131e;
              font-size: 18pt;
              font-weight: bold;
              display: none; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .prices .product-price:after {
                content: 'تومان';
                padding-right: 5px;
                font-size: 10pt;
                font-weight: normal; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .prices .product-offer {
              background-color: maroon;
              color: #FFF;
              padding: 0px 5px;
              border-radius: 3px;
              display: none; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .prices .product-offer:before {
                content: 'تخفیف : ';
                padding-left: 5px;
                font-size: 8pt;
                font-weight: normal; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .prices .product-offer:after {
                content: 'تومان';
                padding-right: 5px;
                font-size: 8pt;
                font-weight: normal; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .prices .product-oldprice {
              color: #999;
              text-decoration: line-through; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .prices .product-oldprice:after {
                content: 'تومان';
                padding-right: 5px;
                font-size: 8pt;
                font-weight: normal; }
          body .page-product .interv .bc .brd .product-info .product-params .table-price .view .bc.price-opt {
            padding: 0px 2px 2px 0px; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .bc.price-opt li {
              position: relative;
              height: 58px;
              line-height: 58px; }
          body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count {
            line-height: 58px;
            display: block;
            position: absolute;
            top: 2px;
            left: 2px;
            right: 0px;
            bottom: 0px;
            overflow: hidden; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn button, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn button, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count button {
              display: block;
              position: absolute;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%;
              background-color: transparent;
              border: 0px;
              font-family: irs;
              color: #FFF; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.customization-btn, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.customization-btn, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.customization-btn {
              border-radius: 3px;
              opacity: 0.8;
              background-color: #4c4c4c; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.customization-btn:hover, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.customization-btn:hover, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.customization-btn:hover {
                opacity: 1; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.customization-btn #customization-btn, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.customization-btn #customization-btn, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.customization-btn #customization-btn {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                text-align: center;
                text-decoration: none;
                color: #FFF; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.product-btn, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.product-btn, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.product-btn {
              border-radius: 3px;
              opacity: 0.8;
              background-color: #bb131e; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.product-btn.disabled, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.product-btn.disabled, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.product-btn.disabled {
                opacity: 0.2; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.product-btn:not(.disabled):hover, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.product-btn:not(.disabled):hover, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.product-btn:not(.disabled):hover {
                opacity: 1; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.product-btn.false, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.product-btn.false, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.product-btn.false {
                display: none; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.product-count, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.product-count, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.product-count {
              background-color: #FFF;
              border-radius: 3px;
              opacity: 0.8;
              border: 1px solid rgba(0, 0, 0, 0.6);
              padding: 5px;
              text-align: center; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.product-count span, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.product-count span, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.product-count span {
                display: block;
                line-height: 25px; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.product-count input[type=number], body .page-product .interv .bc .brd .product-info .product-params .table-price .view .customization-btn.product-count select, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.product-count input[type=number], body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-btn.product-count select, body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.product-count input[type=number], body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-count.product-count select {
                background-color: transparent;
                padding: 0px;
                display: block;
                text-align: center;
                border: 0px;
                width: 100%; }
          body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs {
            position: relative; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-calc-one {
              color: #666;
              font-size: 20pt;
              text-align: start;
              font-weight: bold;
              line-height: 40px; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-calc-one:before {
                content: 'قیمت : ';
                padding-right: 5px;
                font-size: 10pt;
                font-weight: normal;
                color: #333;
                display: inline-block;
                width: 50px;
                line-height: 40px; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-calc-one.unit:after {
                content: 'تومان';
                padding-right: 5px;
                font-size: 10pt;
                font-weight: normal;
                color: #bb131e;
                line-height: 40px; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-calc-count {
              color: #666;
              font-size: 20pt;
              text-align: start;
              font-weight: bold;
              line-height: 40px; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-calc-count:before {
                content: 'تعداد : ';
                padding-right: 5px;
                font-size: 10pt;
                font-weight: normal;
                color: #333;
                display: inline-block;
                width: 50px;
                line-height: 40px; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-calc-count:after {
                content: ' × ';
                padding-right: 5px;
                font-size: 20pt;
                font-weight: normal;
                color: #333; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-calc-price {
              color: #bb131e;
              font-size: 30pt;
              text-align: start;
              font-weight: bold;
              line-height: 40px;
              border-top: 1px solid rgba(0, 0, 0, 0.1);
              padding-top: 10px;
              margin-top: 10px;
              /*&:before { content: 'جمع : '; padding-right: 5px; font-size: 10pt; font-weight: normal; color: #333; display: inline-block; width: $price-width; line-height: $line-height; }*/ }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-calc-price.unit:after {
                content: 'تومان';
                padding-right: 5px;
                font-size: 10pt;
                font-weight: normal;
                color: #bb131e;
                line-height: 40px; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-offer {
              position: absolute;
              top: 15px;
              left: 0px;
              background-color: #bb131e;
              color: #FFF;
              padding: 7px 25px;
              font-size: 14px;
              border-radius: 3px; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-offer:after {
                content: '%';
                margin-right: 5px;
                display: inline-block; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .view .product-calcs .product-offer:before {
                content: 'تخفیف';
                position: absolute;
                bottom: 100%;
                display: block;
                left: 0px;
                width: 100%;
                color: #666;
                text-align: center;
                font-size: 9pt; }
          body .page-product .interv .bc .brd .product-info .product-params .table-price .view .sell-type.true {
            display: none; }
          body .page-product .interv .bc .brd .product-info .product-params .table-price .view .sell-type.false {
            text-align: center;
            display: block;
            padding: 10px 10px;
            text-decoration: none;
            background-color: #bb131e;
            color: #FFF;
            border-radius: 3px;
            opacity: 0.8;
            border: 0px;
            line-height: 20pt;
            font-family: irs;
            width: 100%; }
        body .page-product .interv .bc .brd .product-info .product-params .table-price .side {
          width: 10px;
          padding: 0px;
          position: relative;
          vertical-align: top; }
          body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info {
            text-align: center;
            font-size: 0px;
            margin-right: -1px; }
            body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info input {
              display: none; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info input + label {
                display: block;
                border-radius: 3px;
                font-size: small;
                min-width: 72px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                z-index: 9; }
                body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info input + label span {
                  display: block;
                  padding: 5px;
                  padding-bottom: 0px; }
                  body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info input + label span:after {
                    content: 'عدد';
                    display: inline-block;
                    padding-right: 5px;
                    display: inline-block; }
                body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info input + label strong {
                  display: block;
                  border-top: 1px dashed rgba(0, 0, 0, 0.1);
                  font-weight: normal;
                  padding: 5px 10px;
                  padding-top: 0px; }
                  body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info input + label strong.unit:after {
                    content: 'تومان';
                    font-weight: normal;
                    font-size: 8pt;
                    padding-right: 5px; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info input:checked + label {
                background-color: #FFF;
                color: #bb131e; }
              body .page-product .interv .bc .brd .product-info .product-params .table-price .side .price-info input:not(:checked) + label {
                background-color: rgba(0, 0, 0, 0.02);
                color: rgba(0, 0, 0, 0.4); }
        body .page-product .interv .bc .brd .product-info .product-params .table-price .price-tips {
          background-color: rgba(255, 0, 0, 0.1);
          color: #bb131e;
          text-align: center;
          padding: 5px; }
        body .page-product .interv .bc .brd .product-info .product-params .table-price .price-tips2 {
          background-color: rgba(255, 0, 0, 0);
          color: #4c4c4c;
          text-align: end;
          padding: 5px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    body .page-product .order-feature {
      padding: 10px 0px;
      border-top: 1px dotted rgba(0, 0, 0, 0.1); }
      body .page-product .order-feature .order-feature-item {
        display: inline-block;
        position: relative;
        padding-right: 68px;
        text-decoration: none; }
        body .page-product .order-feature .order-feature-item img {
          height: 48px;
          position: absolute;
          right: 10px;
          top: 0px; }
        body .page-product .order-feature .order-feature-item span.header {
          display: block;
          font-weight: bold;
          font-size: 12pt;
          color: #222; }
        body .page-product .order-feature .order-feature-item span.description {
          display: block;
          font-weight: normal;
          font-size: 8pt;
          color: #777; }
    body .page-product .other-series {
      margin-top: 50px;
      padding-top: 50px;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      text-align: start; }
      body .page-product .other-series a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #333;
        border: 1px solid transparent;
        text-align: center; }
        body .page-product .other-series a:hover {
          /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.03),rgba(0, 0, 0, 0.06));*/
          background-color: #FFF;
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
          border: 1px solid rgba(0, 0, 0, 0.05); }
        body .page-product .other-series a .oldprice {
          color: rgba(150, 150, 150, 0.6);
          display: block;
          height: 20px;
          font-weight: normal;
          font-size: 9pt; }
        body .page-product .other-series a .price {
          color: #bb131e;
          font-size: large;
          font-weight: bold; }
          body .page-product .other-series a .price b {
            font-size: small; }
        body .page-product .other-series a .img {
          text-align: center;
          min-height: 250px; }
          body .page-product .other-series a .img img {
            max-width: 250px;
            width: 100%; }
        body .page-product .other-series a .color {
          text-align: center;
          height: 30px; }
          body .page-product .other-series a .color span {
            display: inline-block;
            border-radius: 100px;
            line-height: 24px;
            height: 24px;
            width: 24px; }
            body .page-product .other-series a .color span:not(:first-of-type) {
              margin-right: 5px; }
    body .page-product .tab-control {
      display: none; }
      body .page-product .tab-control .tabs {
        margin-bottom: -2px;
        cursor: pointer;
        background-color: transparent;
        font-size: 0px;
        border-radius: 3px;
        overflow: hidden;
        padding-top: 3px; }
        body .page-product .tab-control .tabs .item {
          display: inline-block;
          border-radius: 3px 3px 0px 0px;
          padding: 10px 15px;
          display: inline-block;
          border: 1px solid rgba(0, 0, 0, 0.1);
          font-size: 9pt;
          color: #4d4d4f; }
          body .page-product .tab-control .tabs .item.act {
            border-bottom-color: transparent;
            background-color: #FFF; }
          body .page-product .tab-control .tabs .item:not(.act) {
            background-color: transparent;
            color: #999;
            border-color: transparent; }
      body .page-product .tab-control .contents {
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-product .tab-control .contents .content {
          display: none;
          padding: 10px;
          font-size: 9pt; }
          body .page-product .tab-control .contents .content.act {
            display: block; }
          body .page-product .tab-control .contents .content#options table {
            width: 100%; }
            body .page-product .tab-control .contents .content#options table th.super-header {
              background-color: rgba(0, 0, 0, 0.05);
              text-align: start;
              padding: 5px;
              color: #bb131e;
              font-weight: normal; }
            body .page-product .tab-control .contents .content#options table th:not(.super-header) {
              background-color: rgba(0, 0, 0, 0.02);
              text-align: start;
              padding: 5px;
              width: 10px;
              white-space: nowrap;
              padding-left: 100px;
              font-weight: normal;
              color: #333; }
            body .page-product .tab-control .contents .content#options table td {
              text-align: start;
              padding: 5px;
              width: auto;
              color: #333; }
          body .page-product .tab-control .contents .content .suggestion-content li {
            padding: 2px; }
            body .page-product .tab-control .contents .content .suggestion-content li fieldset {
              border: 1px solid rgba(0, 0, 0, 0.1);
              background-color: rgba(0, 0, 0, 0.01);
              margin: 0px;
              padding: 15px;
              border-radius: 3px; }
              body .page-product .tab-control .contents .content .suggestion-content li fieldset legend {
                display: none;
                position: static;
                text-align: start; }
              body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments {
                width: 100%;
                border-collapse: collapse; }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody:not(:last-of-type) tr:last-of-type td {
                  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody td {
                  vertical-align: top; }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .title {
                  color: #00a2f5;
                  padding: 10px;
                  font-size: 12pt; }
                  body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .title b {
                    float: left;
                    color: #333;
                    font-size: 8pt;
                    font-weight: normal;
                    margin-top: 3px; }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .desc {
                  text-align: justify;
                  padding: 10px; }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .plus {
                  padding: 10px;
                  width: 25%; }
                  body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .plus label {
                    display: block;
                    color: #16a900;
                    border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .minus {
                  padding: 10px;
                  width: 25%; }
                  body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .minus label {
                    display: block;
                    color: #c40000;
                    border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points {
                  padding: 10px; }
                  body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points label {
                    display: block; }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points label b {
                      float: left;
                      font-weight: normal;
                      color: #bb131e; }
                  body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points .chart-o {
                    margin-bottom: 10px;
                    background-color: rgba(0, 0, 0, 0.1); }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points .chart-o > div {
                      background-color: #00a2f5;
                      height: 3px; }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points .chart-o .bar-1 {
                      width: 20%; }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points .chart-o .bar-2 {
                      width: 40%; }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points .chart-o .bar-3 {
                      width: 60%; }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points .chart-o .bar-4 {
                      width: 80%; }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments-detail .comments tbody .points .chart-o .bar-5 {
                      width: 100%; }
              body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments .item label {
                display: block;
                text-align: start; }
              body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments .item span {
                display: block;
                padding: 8px;
                border-radius: 3px;
                background-color: #FFF;
                border: 1px solid rgba(0, 0, 0, 0.1); }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments .item span input, body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments .item span textarea {
                  display: block;
                  width: 100%;
                  background-color: transparent;
                  border: 0px;
                  padding: 0px;
                  resize: none;
                  font-family: Tahoma;
                  font-size: 9pt; }
              body .page-product .tab-control .contents .content .suggestion-content li fieldset.comments .item:not(:last-of-type) {
                margin-bottom: 15px; }
              body .page-product .tab-control .contents .content .suggestion-content li fieldset.options > .item > label {
                text-align: start;
                display: block; }
              body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span {
                position: relative;
                display: block;
                height: 52px;
                margin-top: 10px; }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span:before {
                  content: ' ';
                  font-size: 0px;
                  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
                  display: block;
                  position: absolute;
                  top: 15px;
                  left: 0px;
                  width: 100%;
                  z-index: 0; }
                body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span strong {
                  font-size: 0px;
                  z-index: 999;
                  display: block;
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  height: 100%; }
                  body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span strong input[type=radio] {
                    display: none; }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span strong input[type=radio]:not(:checked) + label {
                      display: inline-block;
                      width: 20%;
                      text-align: center;
                      cursor: pointer; }
                      body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span strong input[type=radio]:not(:checked) + label:before {
                        content: ' ';
                        font-size: 0px;
                        border: 3px solid rgba(0, 0, 0, 0.1);
                        padding: 5px;
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        border-radius: 100px;
                        background-color: #FFF;
                        transform: scale(0.8); }
                      body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span strong input[type=radio]:not(:checked) + label b {
                        font-size: 7pt;
                        font-weight: normal;
                        display: block;
                        text-align: center;
                        font-family: Tahoma;
                        margin-top: 10px; }
                    body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span strong input[type=radio]:checked + label {
                      display: inline-block;
                      width: 20%;
                      text-align: center;
                      cursor: pointer; }
                      body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span strong input[type=radio]:checked + label:before {
                        content: ' ';
                        font-size: 0px;
                        border: 3px solid rgba(0, 0, 0, 0.1);
                        padding: 5px;
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        border-radius: 100px;
                        background-color: #00a2f5;
                        transform: scale(1); }
                      body .page-product .tab-control .contents .content .suggestion-content li fieldset.options span strong input[type=radio]:checked + label b {
                        font-size: 7pt;
                        font-weight: normal;
                        display: block;
                        text-align: center;
                        font-family: Tahoma;
                        margin-top: 10px; }
            body .page-product .tab-control .contents .content .suggestion-content li .desc {
              text-align: start;
              padding: 5px; }
              body .page-product .tab-control .contents .content .suggestion-content li .desc strong {
                color: #bb131e; }
              body .page-product .tab-control .contents .content .suggestion-content li .desc p {
                border-top: 1px solid rgba(0, 0, 0, 0.1);
                padding-top: 10px; }
                body .page-product .tab-control .contents .content .suggestion-content li .desc p i {
                  font-size: 14px;
                  margin-left: 15px;
                  color: #00a2f5; }
  body .page-product-preview .ProductPreview .list {
    font-size: 0px;
    text-align: center; }
  body .page-product-preview .ProductPreview .list .imgs img.act {
    background-color: #FFF; }
  body .page-product-preview .ProductPreview .view .ImgPreView {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; }
  @media screen and (max-width: 1000px) {
    body .page-product-preview .table {
      display: table;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      position: fixed; }
      body .page-product-preview .table .tr {
        display: table-row;
        position: relative; }
        body .page-product-preview .table .tr:last-of-type .td {
          width: 150px;
          background-color: #e7e7e7;
          vertical-align: middle; }
        body .page-product-preview .table .tr .td {
          display: table-cell; }
    body .page-product-preview .list {
      height: 72px;
      position: relative; }
      body .page-product-preview .list .scrollbar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
        body .page-product-preview .list .scrollbar .imgs {
          white-space: nowrap;
          overflow: auto;
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%; }
          body .page-product-preview .list .scrollbar .imgs img {
            height: 100%; } }
  @media screen and (min-width: 1001px) {
    body .page-product-preview .ProductPreview {
      display: table;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      position: fixed; }
    body .page-product-preview .table {
      display: table-row; }
    body .page-product-preview .table .tr {
      display: table-cell;
      position: relative;
      overflow: auto;
      height: 100%; }
    body .page-product-preview .table .tr:last-of-type {
      width: 150px;
      background-color: #e7e7e7;
      vertical-align: middle; }
    body .page-product-preview .list .imgs {
      overflow: auto;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
    body .page-product-preview .list .imgs img {
      display: block;
      width: 100%; } }
  body .page-signin {
    padding: 75px 0px; }
    @media screen and (min-width: 300px) and (max-width: 640px) {
      body .page-signin .form {
        display: inline-block;
        width: 100%; } }
    @media screen and (min-width: 641px) and (max-width: 1000px) {
      body .page-signin .form {
        display: inline-block;
        width: 400px; } }
    @media screen and (min-width: 1001px) {
      body .page-signin .form {
        display: inline-block;
        width: 400px; } }
  body .page-recruitments {
    padding: 50px 0px; }
    body .page-recruitments .inline.select .bc {
      padding: 15px 15px 0px 0px;
      text-align: start; }
      body .page-recruitments .inline.select .bc > li {
        padding: 0px 0px 15px 15px; }
    body .page-recruitments .inline.select .item {
      display: block;
      padding: 10px;
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      text-align: start; }
      body .page-recruitments .inline.select .item b {
        display: inline-block;
        font-size: large;
        text-align: start;
        padding: 0px 0px 10px 0px;
        padding-right: 5px;
        color: #bb131e; }
      body .page-recruitments .inline.select .item strong {
        font-size: small;
        text-align: start;
        font-weight: normal; }
      body .page-recruitments .inline.select .item span {
        display: block;
        font-size: small;
        text-align: start;
        font-family: irs;
        margin: 0px;
        padding: 10px 0px;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
        @media screen and (min-width: 1001px) {
          body .page-recruitments .inline.select .item span.fixi-1 {
            height: 50px;
            white-space: nowrap; }
          body .page-recruitments .inline.select .item span.fixi-2 {
            height: 260px;
            overflow: auto; }
          body .page-recruitments .inline.select .item span.fixi-3 {
            height: 130px;
            overflow: auto; } }
        body .page-recruitments .inline.select .item span .tag {
          display: inline-block;
          color: #609b00;
          padding: 2px 5px;
          border-radius: 3px;
          margin-bottom: 5px; }
          body .page-recruitments .inline.select .item span .tag i {
            padding-left: 10px; }
      body .page-recruitments .inline.select .item div {
        text-align: end; }
    body .page-recruitments .recruitment .detail .item {
      display: block;
      padding: 10px;
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      text-align: start;
      background-color: rgba(0, 0, 0, 0.02); }
      body .page-recruitments .recruitment .detail .item b {
        display: inline-block;
        font-size: large;
        text-align: start;
        padding: 0px 0px 10px 0px;
        padding-right: 5px;
        color: #bb131e; }
      body .page-recruitments .recruitment .detail .item strong {
        font-size: small;
        text-align: start;
        font-weight: normal; }
      body .page-recruitments .recruitment .detail .item span {
        display: block;
        font-size: small;
        text-align: start;
        font-family: irs;
        margin: 0px;
        padding: 10px 0px;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-recruitments .recruitment .detail .item span .tag {
          display: inline-block;
          color: #609b00;
          padding: 2px 5px;
          border-radius: 3px;
          margin-bottom: 5px; }
          body .page-recruitments .recruitment .detail .item span .tag i {
            padding-left: 10px; }
      body .page-recruitments .recruitment .detail .item div {
        text-align: end; }
    body .page-recruitments .recruitment.print {
      padding: 0px 50px; }
      body .page-recruitments .recruitment.print .control span {
        display: block;
        padding: 10px 0px;
        text-align: justify;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
    body .page-recruitments .recruitment.msg i {
      font-size: 100px;
      color: #92000a;
      margin-bottom: 15px; }
    body .page-recruitments .recruitment.msg h2 {
      display: block;
      font-size: x-large;
      font-weight: bold;
      color: #bb131e;
      text-align: center; }
    body .page-recruitments .recruitment.msg span {
      font-size: medium;
      color: #666;
      text-align: justify; }
    body .page-recruitments .recruitment:not(.print) .control {
      min-height: 40px;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px; }
    body .page-recruitments .recruitment .rows {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      position: relative; }
      body .page-recruitments .recruitment .rows .del {
        position: absolute;
        top: 5px;
        left: 5px;
        display: block;
        cursor: pointer;
        padding: 3px 8px;
        background-color: #bb131e;
        color: #FFF;
        border-radius: 3px; }
    body .page-recruitments .recruitment .grp {
      display: block; }
      body .page-recruitments .recruitment .grp .req .lbl:before {
        content: '*';
        display: inline-block;
        color: #bb131e;
        font-family: Tahoma;
        margin-left: 10px; }
      body .page-recruitments .recruitment .grp {
        margin-top: 25px; }
      body .page-recruitments .recruitment .grp > input {
        display: none; }
        body .page-recruitments .recruitment .grp > input:checked ~ .content {
          display: block; }
        body .page-recruitments .recruitment .grp > input:checked ~ label i {
          transform: rotate(-90deg);
          color: #bb131e; }
        body .page-recruitments .recruitment .grp > input:not(:checked) ~ .content {
          display: none; }
      body .page-recruitments .recruitment .grp > label {
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        text-align: start;
        padding: 10px;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        user-select: none;
        -moz-user-select: none;
        color: #777; }
        body .page-recruitments .recruitment .grp > label i {
          margin-left: 10px; }
      body .page-recruitments .recruitment .grp .content {
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: 10px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.02); }
        body .page-recruitments .recruitment .grp .content .bc {
          padding: 0px 0px 15px 15px; }
          body .page-recruitments .recruitment .grp .content .bc > li {
            padding: 15px 15px 0px 0px; }
            body .page-recruitments .recruitment .grp .content .bc > li .lbl {
              padding: 5px;
              text-align: start;
              color: #92000a; }
            body .page-recruitments .recruitment .grp .content .bc > li .control {
              position: relative; }
              body .page-recruitments .recruitment .grp .content .bc > li .control select, body .page-recruitments .recruitment .grp .content .bc > li .control input {
                border: 0px;
                width: 100%;
                padding: 5px 0px;
                text-align: center;
                line-height: 22px;
                position: absolute;
                font-family: irs;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                border-radius: 3px; }
                body .page-recruitments .recruitment .grp .content .bc > li .control select.valerr, body .page-recruitments .recruitment .grp .content .bc > li .control input.valerr {
                  background-color: rgba(255, 0, 0, 0.1); }
                body .page-recruitments .recruitment .grp .content .bc > li .control select:not(.valerr), body .page-recruitments .recruitment .grp .content .bc > li .control input:not(.valerr) {
                  background-color: transparent; }
                body .page-recruitments .recruitment .grp .content .bc > li .control select:focus, body .page-recruitments .recruitment .grp .content .bc > li .control input:focus {
                  box-shadow: 0px 0px 5px rgba(0, 162, 245, 0.48); }
                body .page-recruitments .recruitment .grp .content .bc > li .control select::placeholder, body .page-recruitments .recruitment .grp .content .bc > li .control input::placeholder {
                  color: #AAA; }
      body .page-recruitments .recruitment .grp div.buttons {
        padding: 0px 15px 15px 15px;
        text-align: end;
        padding-top: 15px; }
        body .page-recruitments .recruitment .grp div.buttons span {
          padding: 0px 15px;
          display: inline-block; }
    body .page-recruitments .recruitment .recform > .buttons {
      padding-top: 15px; }
  body .page-signup {
    padding: 75px 0px; }
    @media screen and (min-width: 300px) and (max-width: 640px) {
      body .page-signup .form {
        display: inline-block;
        width: 100%; } }
    @media screen and (min-width: 641px) and (max-width: 1000px) {
      body .page-signup .form {
        display: inline-block;
        width: 400px; } }
    @media screen and (min-width: 1001px) {
      body .page-signup .form {
        display: inline-block;
        width: 400px; } }
  body .page-forget {
    padding: 75px 0px; }
    @media screen and (min-width: 300px) and (max-width: 640px) {
      body .page-forget .form {
        display: inline-block;
        width: 100%; } }
    @media screen and (min-width: 641px) and (max-width: 1000px) {
      body .page-forget .form {
        display: inline-block;
        width: 400px; } }
    @media screen and (min-width: 1001px) {
      body .page-forget .form {
        display: inline-block;
        width: 400px; } }
  body .OrderOverview {
    padding: 50px 0px; }
    @media screen and (max-width: 1000px) {
      body .OrderOverview .tablex, body .OrderOverview .table {
        display: block;
        width: 100%; }
        body .OrderOverview .tablex .tr, body .OrderOverview .table .tr {
          display: block;
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          padding: 5px; }
          body .OrderOverview .tablex .tr .td, body .OrderOverview .table .tr .td {
            display: block;
            text-align: center; }
            body .OrderOverview .tablex .tr .td.nw, body .OrderOverview .table .tr .td.nw {
              width: auto;
              white-space: normal; }
          body .OrderOverview .tablex .tr .th, body .OrderOverview .table .tr .th {
            display: block;
            text-align: center; }
            body .OrderOverview .tablex .tr .th.nw, body .OrderOverview .table .tr .th.nw {
              width: auto;
              white-space: normal; } }
    @media screen and (min-width: 1001px) {
      body .OrderOverview .tablex, body .OrderOverview .table {
        display: table;
        width: 100%; }
        body .OrderOverview .tablex .tr, body .OrderOverview .table .tr {
          display: table-row;
          border-top: 0px;
          padding: 0px; }
          body .OrderOverview .tablex .tr .td, body .OrderOverview .table .tr .td {
            display: table-cell;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            text-align: start; }
            body .OrderOverview .tablex .tr .td.nw, body .OrderOverview .table .tr .td.nw {
              width: 10px;
              white-space: nowrap; }
          body .OrderOverview .tablex .tr .th, body .OrderOverview .table .tr .th {
            display: table-cell;
            text-align: start; }
            body .OrderOverview .tablex .tr .th.nw, body .OrderOverview .table .tr .th.nw {
              width: 10px;
              white-space: nowrap; } }
    body .OrderOverview .tablex, body .OrderOverview .table {
      border: 1px solid rgba(0, 0, 0, 0.1); }
      body .OrderOverview .tablex > .tr .th, body .OrderOverview .table > .tr .th {
        background-color: rgba(0, 0, 0, 0.02);
        padding: 10px; }
        body .OrderOverview .tablex > .tr .th.center, body .OrderOverview .table > .tr .th.center {
          text-align: center; }
      body .OrderOverview .tablex > .tr .td, body .OrderOverview .table > .tr .td {
        font-size: 11pt;
        vertical-align: middle;
        padding: 5px 10px; }
        body .OrderOverview .tablex > .tr .td img, body .OrderOverview .table > .tr .td img {
          vertical-align: middle; }
        body .OrderOverview .tablex > .tr .td.center, body .OrderOverview .table > .tr .td.center {
          text-align: center; }
        body .OrderOverview .tablex > .tr .td.unit, body .OrderOverview .table > .tr .td.unit {
          padding-left: 25px;
          padding-right: 25px; }
          body .OrderOverview .tablex > .tr .td.unit:after, body .OrderOverview .table > .tr .td.unit:after {
            content: 'تومان';
            color: #bb131e;
            display: inline-block;
            margin-right: 10px;
            font-size: 8pt; }
        body .OrderOverview .tablex > .tr .td.pcolor, body .OrderOverview .table > .tr .td.pcolor {
          background-color: rgba(0, 162, 245, 0.18);
          font-size: 20px;
          font-weight: bold; }
        body .OrderOverview .tablex > .tr .td .overview-btnx, body .OrderOverview .table > .tr .td .overview-btnx {
          display: inline-block;
          background-color: #bb131e;
          color: #FFF;
          text-decoration: none;
          border-radius: 3px;
          font-size: 14pt;
          line-height: 24px;
          width: 32px;
          vertical-align: middle; }
        body .OrderOverview .tablex > .tr .td .overview-btn, body .OrderOverview .table > .tr .td .overview-btn {
          display: inline-block;
          background-color: #00a2f5;
          color: #FFF;
          text-decoration: none;
          border-radius: 3px;
          font-size: 14pt;
          width: 32px;
          line-height: 24px;
          vertical-align: middle; }
        body .OrderOverview .tablex > .tr .td a, body .OrderOverview .table > .tr .td a {
          display: inline-block;
          font-size: 9pt;
          font-weight: normal;
          text-decoration: none;
          padding: 3px 10px;
          min-width: 16px;
          border-radius: 3px; }
          body .OrderOverview .tablex > .tr .td a.btn-row, body .OrderOverview .table > .tr .td a.btn-row {
            background-color: #bb131e;
            color: #FFF; }
          body .OrderOverview .tablex > .tr .td a.btn-row-del, body .OrderOverview .table > .tr .td a.btn-row-del {
            background-color: #F00;
            color: #FFF; }
  body .page-categories {
    padding: 50px 0px; }
    body .page-categories .bc {
      padding: 0px 0px 10px 10px;
      text-align: start; }
      body .page-categories .bc li {
        padding: 10px 10px 0px 0px;
        font-size: 0px; }
        body .page-categories .bc li a {
          display: block;
          text-decoration: none; }
          body .page-categories .bc li a img {
            width: 100%;
            border-radius: 5px;
            font-size: 18px;
            text-decoration: none; }
  body .page-signin,
  body .page-signup,
  body .page-forget,
  body .page-OrderOverview,
  body .users {
    padding: 50px 0px; }
    body .page-signin .buttons,
    body .page-signup .buttons,
    body .page-forget .buttons,
    body .page-OrderOverview .buttons,
    body .users .buttons {
      margin-top: 10px; }
    body .page-signin h6.title,
    body .page-signup h6.title,
    body .page-forget h6.title,
    body .page-OrderOverview h6.title,
    body .users h6.title {
      text-align: start;
      font-size: large;
      margin: 0px;
      padding: 0px;
      padding: 10px 0px; }
    body .page-signin .form .msg,
    body .page-signup .form .msg,
    body .page-forget .form .msg,
    body .page-OrderOverview .form .msg,
    body .users .form .msg {
      background-color: #fffba7;
      border: 1px solid #ffbb00;
      margin-bottom: 10px;
      border-radius: 3px;
      padding-bottom: 10px; }
      body .page-signin .form .msg .item,
      body .page-signup .form .msg .item,
      body .page-forget .form .msg .item,
      body .page-OrderOverview .form .msg .item,
      body .users .form .msg .item {
        padding: 10px;
        padding-bottom: 0px;
        text-align: start;
        color: #bb131e;
        animation: err infinite 2s;
        font-size: 9pt; }
    body .page-signin .form .field,
    body .page-signup .form .field,
    body .page-forget .form .field,
    body .page-OrderOverview .form .field,
    body .users .form .field {
      padding: 0px 5px; }
      body .page-signin .form .field .py,
      body .page-signup .form .field .py,
      body .page-forget .form .field .py,
      body .page-OrderOverview .form .field .py,
      body .users .form .field .py {
        background-color: rgba(0, 162, 245, 0.16);
        border: 1px solid #00a2f5;
        border-radius: 3px;
        padding: 10px;
        text-align: start;
        margin-bottom: 10px; }
      body .page-signin .form .field .label > label,
      body .page-signup .form .field .label > label,
      body .page-forget .form .field .label > label,
      body .page-OrderOverview .form .field .label > label,
      body .users .form .field .label > label {
        display: block;
        text-align: start;
        padding: 10px; }
        body .page-signin .form .field .label > label b:not(.req),
        body .page-signup .form .field .label > label b:not(.req),
        body .page-forget .form .field .label > label b:not(.req),
        body .page-OrderOverview .form .field .label > label b:not(.req),
        body .users .form .field .label > label b:not(.req) {
          color: #bb131e;
          font-weight: normal;
          font-size: 8pt;
          float: left; }
        body .page-signin .form .field .label > label .req:after,
        body .page-signup .form .field .label > label .req:after,
        body .page-forget .form .field .label > label .req:after,
        body .page-OrderOverview .form .field .label > label .req:after,
        body .users .form .field .label > label .req:after {
          content: '*';
          color: #bb131e;
          float: none;
          display: inline;
          font-family: Tahoma;
          display: inline-block;
          margin-left: 10px; }
      body .page-signin .form .field .control,
      body .page-signup .form .field .control,
      body .page-forget .form .field .control,
      body .page-OrderOverview .form .field .control,
      body .users .form .field .control {
        text-align: start;
        margin-bottom: 10px; }
        body .page-signin .form .field .control select,
        body .page-signin .form .field .control input[type=text],
        body .page-signin .form .field .control textarea,
        body .page-signin .form .field .control input[type=email],
        body .page-signin .form .field .control input[type=password],
        body .page-signup .form .field .control select,
        body .page-signup .form .field .control input[type=text],
        body .page-signup .form .field .control textarea,
        body .page-signup .form .field .control input[type=email],
        body .page-signup .form .field .control input[type=password],
        body .page-forget .form .field .control select,
        body .page-forget .form .field .control input[type=text],
        body .page-forget .form .field .control textarea,
        body .page-forget .form .field .control input[type=email],
        body .page-forget .form .field .control input[type=password],
        body .page-OrderOverview .form .field .control select,
        body .page-OrderOverview .form .field .control input[type=text],
        body .page-OrderOverview .form .field .control textarea,
        body .page-OrderOverview .form .field .control input[type=email],
        body .page-OrderOverview .form .field .control input[type=password],
        body .users .form .field .control select,
        body .users .form .field .control input[type=text],
        body .users .form .field .control textarea,
        body .users .form .field .control input[type=email],
        body .users .form .field .control input[type=password] {
          width: 100%;
          padding: 10px;
          background-color: rgba(0, 0, 0, 0.02);
          border: 0px;
          border-radius: 3px;
          resize: vertical;
          border: 1px solid rgba(0, 0, 0, 0.1);
          font-family: irs; }
          body .page-signin .form .field .control select:focus,
          body .page-signin .form .field .control input[type=text]:focus,
          body .page-signin .form .field .control textarea:focus,
          body .page-signin .form .field .control input[type=email]:focus,
          body .page-signin .form .field .control input[type=password]:focus,
          body .page-signup .form .field .control select:focus,
          body .page-signup .form .field .control input[type=text]:focus,
          body .page-signup .form .field .control textarea:focus,
          body .page-signup .form .field .control input[type=email]:focus,
          body .page-signup .form .field .control input[type=password]:focus,
          body .page-forget .form .field .control select:focus,
          body .page-forget .form .field .control input[type=text]:focus,
          body .page-forget .form .field .control textarea:focus,
          body .page-forget .form .field .control input[type=email]:focus,
          body .page-forget .form .field .control input[type=password]:focus,
          body .page-OrderOverview .form .field .control select:focus,
          body .page-OrderOverview .form .field .control input[type=text]:focus,
          body .page-OrderOverview .form .field .control textarea:focus,
          body .page-OrderOverview .form .field .control input[type=email]:focus,
          body .page-OrderOverview .form .field .control input[type=password]:focus,
          body .users .form .field .control select:focus,
          body .users .form .field .control input[type=text]:focus,
          body .users .form .field .control textarea:focus,
          body .users .form .field .control input[type=email]:focus,
          body .users .form .field .control input[type=password]:focus {
            background-color: rgba(0, 95, 144, 0.12); }
          body .page-signin .form .field .control select::placeholder,
          body .page-signin .form .field .control input[type=text]::placeholder,
          body .page-signin .form .field .control textarea::placeholder,
          body .page-signin .form .field .control input[type=email]::placeholder,
          body .page-signin .form .field .control input[type=password]::placeholder,
          body .page-signup .form .field .control select::placeholder,
          body .page-signup .form .field .control input[type=text]::placeholder,
          body .page-signup .form .field .control textarea::placeholder,
          body .page-signup .form .field .control input[type=email]::placeholder,
          body .page-signup .form .field .control input[type=password]::placeholder,
          body .page-forget .form .field .control select::placeholder,
          body .page-forget .form .field .control input[type=text]::placeholder,
          body .page-forget .form .field .control textarea::placeholder,
          body .page-forget .form .field .control input[type=email]::placeholder,
          body .page-forget .form .field .control input[type=password]::placeholder,
          body .page-OrderOverview .form .field .control select::placeholder,
          body .page-OrderOverview .form .field .control input[type=text]::placeholder,
          body .page-OrderOverview .form .field .control textarea::placeholder,
          body .page-OrderOverview .form .field .control input[type=email]::placeholder,
          body .page-OrderOverview .form .field .control input[type=password]::placeholder,
          body .users .form .field .control select::placeholder,
          body .users .form .field .control input[type=text]::placeholder,
          body .users .form .field .control textarea::placeholder,
          body .users .form .field .control input[type=email]::placeholder,
          body .users .form .field .control input[type=password]::placeholder {
            opacity: 0.3;
            color: #000; }
          body .page-signin .form .field .control select:-ms-input-placeholder,
          body .page-signin .form .field .control input[type=text]:-ms-input-placeholder,
          body .page-signin .form .field .control textarea:-ms-input-placeholder,
          body .page-signin .form .field .control input[type=email]:-ms-input-placeholder,
          body .page-signin .form .field .control input[type=password]:-ms-input-placeholder,
          body .page-signup .form .field .control select:-ms-input-placeholder,
          body .page-signup .form .field .control input[type=text]:-ms-input-placeholder,
          body .page-signup .form .field .control textarea:-ms-input-placeholder,
          body .page-signup .form .field .control input[type=email]:-ms-input-placeholder,
          body .page-signup .form .field .control input[type=password]:-ms-input-placeholder,
          body .page-forget .form .field .control select:-ms-input-placeholder,
          body .page-forget .form .field .control input[type=text]:-ms-input-placeholder,
          body .page-forget .form .field .control textarea:-ms-input-placeholder,
          body .page-forget .form .field .control input[type=email]:-ms-input-placeholder,
          body .page-forget .form .field .control input[type=password]:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control select:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=text]:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control textarea:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=email]:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=password]:-ms-input-placeholder,
          body .users .form .field .control select:-ms-input-placeholder,
          body .users .form .field .control input[type=text]:-ms-input-placeholder,
          body .users .form .field .control textarea:-ms-input-placeholder,
          body .users .form .field .control input[type=email]:-ms-input-placeholder,
          body .users .form .field .control input[type=password]:-ms-input-placeholder {
            opacity: 0.3;
            color: #000; }
          body .page-signin .form .field .control select::-ms-input-placeholder,
          body .page-signin .form .field .control input[type=text]::-ms-input-placeholder,
          body .page-signin .form .field .control textarea::-ms-input-placeholder,
          body .page-signin .form .field .control input[type=email]::-ms-input-placeholder,
          body .page-signin .form .field .control input[type=password]::-ms-input-placeholder,
          body .page-signup .form .field .control select::-ms-input-placeholder,
          body .page-signup .form .field .control input[type=text]::-ms-input-placeholder,
          body .page-signup .form .field .control textarea::-ms-input-placeholder,
          body .page-signup .form .field .control input[type=email]::-ms-input-placeholder,
          body .page-signup .form .field .control input[type=password]::-ms-input-placeholder,
          body .page-forget .form .field .control select::-ms-input-placeholder,
          body .page-forget .form .field .control input[type=text]::-ms-input-placeholder,
          body .page-forget .form .field .control textarea::-ms-input-placeholder,
          body .page-forget .form .field .control input[type=email]::-ms-input-placeholder,
          body .page-forget .form .field .control input[type=password]::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control select::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=text]::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control textarea::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=email]::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=password]::-ms-input-placeholder,
          body .users .form .field .control select::-ms-input-placeholder,
          body .users .form .field .control input[type=text]::-ms-input-placeholder,
          body .users .form .field .control textarea::-ms-input-placeholder,
          body .users .form .field .control input[type=email]::-ms-input-placeholder,
          body .users .form .field .control input[type=password]::-ms-input-placeholder {
            opacity: 0.3;
            color: #000; }
        body .page-signin .form .field .control .checkbox,
        body .page-signup .form .field .control .checkbox,
        body .page-forget .form .field .control .checkbox,
        body .page-OrderOverview .form .field .control .checkbox,
        body .users .form .field .control .checkbox {
          width: 100%;
          background-color: rgba(0, 0, 0, 0.1);
          border: 0px;
          display: table;
          border-radius: 3px;
          overflow: hidden; }
          body .page-signin .form .field .control .checkbox .row,
          body .page-signup .form .field .control .checkbox .row,
          body .page-forget .form .field .control .checkbox .row,
          body .page-OrderOverview .form .field .control .checkbox .row,
          body .users .form .field .control .checkbox .row {
            display: table-row; }
            body .page-signin .form .field .control .checkbox .row input,
            body .page-signup .form .field .control .checkbox .row input,
            body .page-forget .form .field .control .checkbox .row input,
            body .page-OrderOverview .form .field .control .checkbox .row input,
            body .users .form .field .control .checkbox .row input {
              display: none; }
              body .page-signin .form .field .control .checkbox .row input:checked + label,
              body .page-signup .form .field .control .checkbox .row input:checked + label,
              body .page-forget .form .field .control .checkbox .row input:checked + label,
              body .page-OrderOverview .form .field .control .checkbox .row input:checked + label,
              body .users .form .field .control .checkbox .row input:checked + label {
                background-color: #bb131e;
                color: #FFF; }
              body .page-signin .form .field .control .checkbox .row input + label,
              body .page-signup .form .field .control .checkbox .row input + label,
              body .page-forget .form .field .control .checkbox .row input + label,
              body .page-OrderOverview .form .field .control .checkbox .row input + label,
              body .users .form .field .control .checkbox .row input + label {
                padding: 10px 0px;
                display: inline-block;
                display: table-cell;
                text-align: center;
                cursor: pointer;
                width: 50%; }
    @media screen and (max-width: 1000px) {
      body .page-signin .menu .list a,
      body .page-signup .menu .list a,
      body .page-forget .menu .list a,
      body .page-OrderOverview .menu .list a,
      body .users .menu .list a {
        display: block;
        text-align: center; } }
    @media screen and (min-width: 1001px) {
      body .page-signin .menu .list a,
      body .page-signup .menu .list a,
      body .page-forget .menu .list a,
      body .page-OrderOverview .menu .list a,
      body .users .menu .list a {
        display: inline-block; } }
    body .page-signin .menu,
    body .page-signup .menu,
    body .page-forget .menu,
    body .page-OrderOverview .menu,
    body .users .menu {
      background-color: rgba(0, 0, 0, 0.02);
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      overflow: hidden;
      margin-bottom: 10px;
      text-align: start; }
      body .page-signin .menu .list,
      body .page-signup .menu .list,
      body .page-forget .menu .list,
      body .page-OrderOverview .menu .list,
      body .users .menu .list {
        font-size: 0px; }
        body .page-signin .menu .list a,
        body .page-signup .menu .list a,
        body .page-forget .menu .list a,
        body .page-OrderOverview .menu .list a,
        body .users .menu .list a {
          text-decoration: none;
          padding: 10px 15px;
          font-size: 9pt;
          color: #666; }
          body .page-signin .menu .list a:hover,
          body .page-signup .menu .list a:hover,
          body .page-forget .menu .list a:hover,
          body .page-OrderOverview .menu .list a:hover,
          body .users .menu .list a:hover {
            background-color: #333;
            color: #FFF; }
    @media screen and (max-width: 1000px) {
      body .page-signin .order-overview .tablex, body .page-signin .order-overview .table,
      body .page-signup .order-overview .tablex,
      body .page-signup .order-overview .table,
      body .page-forget .order-overview .tablex,
      body .page-forget .order-overview .table,
      body .page-OrderOverview .order-overview .tablex,
      body .page-OrderOverview .order-overview .table,
      body .users .order-overview .tablex,
      body .users .order-overview .table {
        display: block;
        width: 100%; }
        body .page-signin .order-overview .tablex .tr, body .page-signin .order-overview .table .tr,
        body .page-signup .order-overview .tablex .tr,
        body .page-signup .order-overview .table .tr,
        body .page-forget .order-overview .tablex .tr,
        body .page-forget .order-overview .table .tr,
        body .page-OrderOverview .order-overview .tablex .tr,
        body .page-OrderOverview .order-overview .table .tr,
        body .users .order-overview .tablex .tr,
        body .users .order-overview .table .tr {
          display: block;
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          padding: 5px; }
          body .page-signin .order-overview .tablex .tr .td, body .page-signin .order-overview .table .tr .td,
          body .page-signup .order-overview .tablex .tr .td,
          body .page-signup .order-overview .table .tr .td,
          body .page-forget .order-overview .tablex .tr .td,
          body .page-forget .order-overview .table .tr .td,
          body .page-OrderOverview .order-overview .tablex .tr .td,
          body .page-OrderOverview .order-overview .table .tr .td,
          body .users .order-overview .tablex .tr .td,
          body .users .order-overview .table .tr .td {
            display: block;
            text-align: center; }
            body .page-signin .order-overview .tablex .tr .td.nw, body .page-signin .order-overview .table .tr .td.nw,
            body .page-signup .order-overview .tablex .tr .td.nw,
            body .page-signup .order-overview .table .tr .td.nw,
            body .page-forget .order-overview .tablex .tr .td.nw,
            body .page-forget .order-overview .table .tr .td.nw,
            body .page-OrderOverview .order-overview .tablex .tr .td.nw,
            body .page-OrderOverview .order-overview .table .tr .td.nw,
            body .users .order-overview .tablex .tr .td.nw,
            body .users .order-overview .table .tr .td.nw {
              width: auto;
              white-space: normal; }
          body .page-signin .order-overview .tablex .tr .th, body .page-signin .order-overview .table .tr .th,
          body .page-signup .order-overview .tablex .tr .th,
          body .page-signup .order-overview .table .tr .th,
          body .page-forget .order-overview .tablex .tr .th,
          body .page-forget .order-overview .table .tr .th,
          body .page-OrderOverview .order-overview .tablex .tr .th,
          body .page-OrderOverview .order-overview .table .tr .th,
          body .users .order-overview .tablex .tr .th,
          body .users .order-overview .table .tr .th {
            display: block;
            text-align: center; }
            body .page-signin .order-overview .tablex .tr .th.nw, body .page-signin .order-overview .table .tr .th.nw,
            body .page-signup .order-overview .tablex .tr .th.nw,
            body .page-signup .order-overview .table .tr .th.nw,
            body .page-forget .order-overview .tablex .tr .th.nw,
            body .page-forget .order-overview .table .tr .th.nw,
            body .page-OrderOverview .order-overview .tablex .tr .th.nw,
            body .page-OrderOverview .order-overview .table .tr .th.nw,
            body .users .order-overview .tablex .tr .th.nw,
            body .users .order-overview .table .tr .th.nw {
              width: auto;
              white-space: normal; } }
    @media screen and (min-width: 1001px) {
      body .page-signin .order-overview .tablex, body .page-signin .order-overview .table,
      body .page-signup .order-overview .tablex,
      body .page-signup .order-overview .table,
      body .page-forget .order-overview .tablex,
      body .page-forget .order-overview .table,
      body .page-OrderOverview .order-overview .tablex,
      body .page-OrderOverview .order-overview .table,
      body .users .order-overview .tablex,
      body .users .order-overview .table {
        display: table;
        width: 100%; }
        body .page-signin .order-overview .tablex .tr, body .page-signin .order-overview .table .tr,
        body .page-signup .order-overview .tablex .tr,
        body .page-signup .order-overview .table .tr,
        body .page-forget .order-overview .tablex .tr,
        body .page-forget .order-overview .table .tr,
        body .page-OrderOverview .order-overview .tablex .tr,
        body .page-OrderOverview .order-overview .table .tr,
        body .users .order-overview .tablex .tr,
        body .users .order-overview .table .tr {
          display: table-row;
          border-top: 0px;
          padding: 0px; }
          body .page-signin .order-overview .tablex .tr .td, body .page-signin .order-overview .table .tr .td,
          body .page-signup .order-overview .tablex .tr .td,
          body .page-signup .order-overview .table .tr .td,
          body .page-forget .order-overview .tablex .tr .td,
          body .page-forget .order-overview .table .tr .td,
          body .page-OrderOverview .order-overview .tablex .tr .td,
          body .page-OrderOverview .order-overview .table .tr .td,
          body .users .order-overview .tablex .tr .td,
          body .users .order-overview .table .tr .td {
            display: table-cell;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            text-align: start; }
            body .page-signin .order-overview .tablex .tr .td.nw, body .page-signin .order-overview .table .tr .td.nw,
            body .page-signup .order-overview .tablex .tr .td.nw,
            body .page-signup .order-overview .table .tr .td.nw,
            body .page-forget .order-overview .tablex .tr .td.nw,
            body .page-forget .order-overview .table .tr .td.nw,
            body .page-OrderOverview .order-overview .tablex .tr .td.nw,
            body .page-OrderOverview .order-overview .table .tr .td.nw,
            body .users .order-overview .tablex .tr .td.nw,
            body .users .order-overview .table .tr .td.nw {
              width: 10px;
              white-space: nowrap; }
          body .page-signin .order-overview .tablex .tr .th, body .page-signin .order-overview .table .tr .th,
          body .page-signup .order-overview .tablex .tr .th,
          body .page-signup .order-overview .table .tr .th,
          body .page-forget .order-overview .tablex .tr .th,
          body .page-forget .order-overview .table .tr .th,
          body .page-OrderOverview .order-overview .tablex .tr .th,
          body .page-OrderOverview .order-overview .table .tr .th,
          body .users .order-overview .tablex .tr .th,
          body .users .order-overview .table .tr .th {
            display: table-cell;
            text-align: start; }
            body .page-signin .order-overview .tablex .tr .th.nw, body .page-signin .order-overview .table .tr .th.nw,
            body .page-signup .order-overview .tablex .tr .th.nw,
            body .page-signup .order-overview .table .tr .th.nw,
            body .page-forget .order-overview .tablex .tr .th.nw,
            body .page-forget .order-overview .table .tr .th.nw,
            body .page-OrderOverview .order-overview .tablex .tr .th.nw,
            body .page-OrderOverview .order-overview .table .tr .th.nw,
            body .users .order-overview .tablex .tr .th.nw,
            body .users .order-overview .table .tr .th.nw {
              width: 10px;
              white-space: nowrap; } }
    body .page-signin .order-overview .tablex, body .page-signin .order-overview .table,
    body .page-signup .order-overview .tablex,
    body .page-signup .order-overview .table,
    body .page-forget .order-overview .tablex,
    body .page-forget .order-overview .table,
    body .page-OrderOverview .order-overview .tablex,
    body .page-OrderOverview .order-overview .table,
    body .users .order-overview .tablex,
    body .users .order-overview .table {
      border: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-signin .order-overview .tablex > .tr .th, body .page-signin .order-overview .table > .tr .th,
      body .page-signup .order-overview .tablex > .tr .th,
      body .page-signup .order-overview .table > .tr .th,
      body .page-forget .order-overview .tablex > .tr .th,
      body .page-forget .order-overview .table > .tr .th,
      body .page-OrderOverview .order-overview .tablex > .tr .th,
      body .page-OrderOverview .order-overview .table > .tr .th,
      body .users .order-overview .tablex > .tr .th,
      body .users .order-overview .table > .tr .th {
        background-color: rgba(0, 0, 0, 0.02);
        padding: 10px; }
        body .page-signin .order-overview .tablex > .tr .th.center, body .page-signin .order-overview .table > .tr .th.center,
        body .page-signup .order-overview .tablex > .tr .th.center,
        body .page-signup .order-overview .table > .tr .th.center,
        body .page-forget .order-overview .tablex > .tr .th.center,
        body .page-forget .order-overview .table > .tr .th.center,
        body .page-OrderOverview .order-overview .tablex > .tr .th.center,
        body .page-OrderOverview .order-overview .table > .tr .th.center,
        body .users .order-overview .tablex > .tr .th.center,
        body .users .order-overview .table > .tr .th.center {
          text-align: center; }
      body .page-signin .order-overview .tablex > .tr .td, body .page-signin .order-overview .table > .tr .td,
      body .page-signup .order-overview .tablex > .tr .td,
      body .page-signup .order-overview .table > .tr .td,
      body .page-forget .order-overview .tablex > .tr .td,
      body .page-forget .order-overview .table > .tr .td,
      body .page-OrderOverview .order-overview .tablex > .tr .td,
      body .page-OrderOverview .order-overview .table > .tr .td,
      body .users .order-overview .tablex > .tr .td,
      body .users .order-overview .table > .tr .td {
        font-size: 11pt;
        vertical-align: middle;
        padding: 5px 10px; }
        body .page-signin .order-overview .tablex > .tr .td img, body .page-signin .order-overview .table > .tr .td img,
        body .page-signup .order-overview .tablex > .tr .td img,
        body .page-signup .order-overview .table > .tr .td img,
        body .page-forget .order-overview .tablex > .tr .td img,
        body .page-forget .order-overview .table > .tr .td img,
        body .page-OrderOverview .order-overview .tablex > .tr .td img,
        body .page-OrderOverview .order-overview .table > .tr .td img,
        body .users .order-overview .tablex > .tr .td img,
        body .users .order-overview .table > .tr .td img {
          vertical-align: middle; }
        body .page-signin .order-overview .tablex > .tr .td.center, body .page-signin .order-overview .table > .tr .td.center,
        body .page-signup .order-overview .tablex > .tr .td.center,
        body .page-signup .order-overview .table > .tr .td.center,
        body .page-forget .order-overview .tablex > .tr .td.center,
        body .page-forget .order-overview .table > .tr .td.center,
        body .page-OrderOverview .order-overview .tablex > .tr .td.center,
        body .page-OrderOverview .order-overview .table > .tr .td.center,
        body .users .order-overview .tablex > .tr .td.center,
        body .users .order-overview .table > .tr .td.center {
          text-align: center; }
        body .page-signin .order-overview .tablex > .tr .td.unit, body .page-signin .order-overview .table > .tr .td.unit,
        body .page-signup .order-overview .tablex > .tr .td.unit,
        body .page-signup .order-overview .table > .tr .td.unit,
        body .page-forget .order-overview .tablex > .tr .td.unit,
        body .page-forget .order-overview .table > .tr .td.unit,
        body .page-OrderOverview .order-overview .tablex > .tr .td.unit,
        body .page-OrderOverview .order-overview .table > .tr .td.unit,
        body .users .order-overview .tablex > .tr .td.unit,
        body .users .order-overview .table > .tr .td.unit {
          padding-left: 25px;
          padding-right: 25px; }
          body .page-signin .order-overview .tablex > .tr .td.unit:after, body .page-signin .order-overview .table > .tr .td.unit:after,
          body .page-signup .order-overview .tablex > .tr .td.unit:after,
          body .page-signup .order-overview .table > .tr .td.unit:after,
          body .page-forget .order-overview .tablex > .tr .td.unit:after,
          body .page-forget .order-overview .table > .tr .td.unit:after,
          body .page-OrderOverview .order-overview .tablex > .tr .td.unit:after,
          body .page-OrderOverview .order-overview .table > .tr .td.unit:after,
          body .users .order-overview .tablex > .tr .td.unit:after,
          body .users .order-overview .table > .tr .td.unit:after {
            content: 'تومان';
            color: #bb131e;
            display: inline-block;
            margin-right: 10px;
            font-size: 8pt; }
        body .page-signin .order-overview .tablex > .tr .td.pcolor, body .page-signin .order-overview .table > .tr .td.pcolor,
        body .page-signup .order-overview .tablex > .tr .td.pcolor,
        body .page-signup .order-overview .table > .tr .td.pcolor,
        body .page-forget .order-overview .tablex > .tr .td.pcolor,
        body .page-forget .order-overview .table > .tr .td.pcolor,
        body .page-OrderOverview .order-overview .tablex > .tr .td.pcolor,
        body .page-OrderOverview .order-overview .table > .tr .td.pcolor,
        body .users .order-overview .tablex > .tr .td.pcolor,
        body .users .order-overview .table > .tr .td.pcolor {
          background-color: rgba(0, 162, 245, 0.18);
          font-size: 20px;
          font-weight: bold; }
        body .page-signin .order-overview .tablex > .tr .td .overview-btnx, body .page-signin .order-overview .table > .tr .td .overview-btnx,
        body .page-signup .order-overview .tablex > .tr .td .overview-btnx,
        body .page-signup .order-overview .table > .tr .td .overview-btnx,
        body .page-forget .order-overview .tablex > .tr .td .overview-btnx,
        body .page-forget .order-overview .table > .tr .td .overview-btnx,
        body .page-OrderOverview .order-overview .tablex > .tr .td .overview-btnx,
        body .page-OrderOverview .order-overview .table > .tr .td .overview-btnx,
        body .users .order-overview .tablex > .tr .td .overview-btnx,
        body .users .order-overview .table > .tr .td .overview-btnx {
          display: inline-block;
          background-color: #bb131e;
          color: #FFF;
          text-decoration: none;
          border-radius: 3px;
          font-size: 14pt;
          line-height: 24px;
          width: 32px;
          vertical-align: middle; }
        body .page-signin .order-overview .tablex > .tr .td .overview-btn, body .page-signin .order-overview .table > .tr .td .overview-btn,
        body .page-signup .order-overview .tablex > .tr .td .overview-btn,
        body .page-signup .order-overview .table > .tr .td .overview-btn,
        body .page-forget .order-overview .tablex > .tr .td .overview-btn,
        body .page-forget .order-overview .table > .tr .td .overview-btn,
        body .page-OrderOverview .order-overview .tablex > .tr .td .overview-btn,
        body .page-OrderOverview .order-overview .table > .tr .td .overview-btn,
        body .users .order-overview .tablex > .tr .td .overview-btn,
        body .users .order-overview .table > .tr .td .overview-btn {
          display: inline-block;
          background-color: #00a2f5;
          color: #FFF;
          text-decoration: none;
          border-radius: 3px;
          font-size: 14pt;
          width: 32px;
          line-height: 24px;
          vertical-align: middle; }
        body .page-signin .order-overview .tablex > .tr .td a, body .page-signin .order-overview .table > .tr .td a,
        body .page-signup .order-overview .tablex > .tr .td a,
        body .page-signup .order-overview .table > .tr .td a,
        body .page-forget .order-overview .tablex > .tr .td a,
        body .page-forget .order-overview .table > .tr .td a,
        body .page-OrderOverview .order-overview .tablex > .tr .td a,
        body .page-OrderOverview .order-overview .table > .tr .td a,
        body .users .order-overview .tablex > .tr .td a,
        body .users .order-overview .table > .tr .td a {
          display: inline-block;
          font-size: 9pt;
          font-weight: normal;
          text-decoration: none;
          padding: 3px 10px;
          min-width: 16px;
          border-radius: 3px; }
          body .page-signin .order-overview .tablex > .tr .td a.btn-row, body .page-signin .order-overview .table > .tr .td a.btn-row,
          body .page-signup .order-overview .tablex > .tr .td a.btn-row,
          body .page-signup .order-overview .table > .tr .td a.btn-row,
          body .page-forget .order-overview .tablex > .tr .td a.btn-row,
          body .page-forget .order-overview .table > .tr .td a.btn-row,
          body .page-OrderOverview .order-overview .tablex > .tr .td a.btn-row,
          body .page-OrderOverview .order-overview .table > .tr .td a.btn-row,
          body .users .order-overview .tablex > .tr .td a.btn-row,
          body .users .order-overview .table > .tr .td a.btn-row {
            background-color: #bb131e;
            color: #FFF; }
          body .page-signin .order-overview .tablex > .tr .td a.btn-row-del, body .page-signin .order-overview .table > .tr .td a.btn-row-del,
          body .page-signup .order-overview .tablex > .tr .td a.btn-row-del,
          body .page-signup .order-overview .table > .tr .td a.btn-row-del,
          body .page-forget .order-overview .tablex > .tr .td a.btn-row-del,
          body .page-forget .order-overview .table > .tr .td a.btn-row-del,
          body .page-OrderOverview .order-overview .tablex > .tr .td a.btn-row-del,
          body .page-OrderOverview .order-overview .table > .tr .td a.btn-row-del,
          body .users .order-overview .tablex > .tr .td a.btn-row-del,
          body .users .order-overview .table > .tr .td a.btn-row-del {
            background-color: #F00;
            color: #FFF; }
    body .page-signin .order-overview .bc.address,
    body .page-signup .order-overview .bc.address,
    body .page-forget .order-overview .bc.address,
    body .page-OrderOverview .order-overview .bc.address,
    body .users .order-overview .bc.address {
      cursor: pointer;
      text-align: start; }
      body .page-signin .order-overview .bc.address input,
      body .page-signup .order-overview .bc.address input,
      body .page-forget .order-overview .bc.address input,
      body .page-OrderOverview .order-overview .bc.address input,
      body .users .order-overview .bc.address input {
        display: none; }
        body .page-signin .order-overview .bc.address input:checked + label,
        body .page-signup .order-overview .bc.address input:checked + label,
        body .page-forget .order-overview .bc.address input:checked + label,
        body .page-OrderOverview .order-overview .bc.address input:checked + label,
        body .users .order-overview .bc.address input:checked + label {
          background-color: #bb131e;
          color: #FFF; }
        body .page-signin .order-overview .bc.address input + label,
        body .page-signup .order-overview .bc.address input + label,
        body .page-forget .order-overview .bc.address input + label,
        body .page-OrderOverview .order-overview .bc.address input + label,
        body .users .order-overview .bc.address input + label {
          display: block;
          padding: 10px;
          border-radius: 3px;
          cursor: pointer; }
          body .page-signin .order-overview .bc.address input + label strong,
          body .page-signup .order-overview .bc.address input + label strong,
          body .page-forget .order-overview .bc.address input + label strong,
          body .page-OrderOverview .order-overview .bc.address input + label strong,
          body .users .order-overview .bc.address input + label strong {
            font-weight: normal; }
            body .page-signin .order-overview .bc.address input + label strong:after,
            body .page-signup .order-overview .bc.address input + label strong:after,
            body .page-forget .order-overview .bc.address input + label strong:after,
            body .page-OrderOverview .order-overview .bc.address input + label strong:after,
            body .users .order-overview .bc.address input + label strong:after {
              content: ' : '; }
          body .page-signin .order-overview .bc.address input + label span,
          body .page-signup .order-overview .bc.address input + label span,
          body .page-forget .order-overview .bc.address input + label span,
          body .page-OrderOverview .order-overview .bc.address input + label span,
          body .users .order-overview .bc.address input + label span {
            margin-left: 10px; }
          body .page-signin .order-overview .bc.address input + label i,
          body .page-signup .order-overview .bc.address input + label i,
          body .page-forget .order-overview .bc.address input + label i,
          body .page-OrderOverview .order-overview .bc.address input + label i,
          body .users .order-overview .bc.address input + label i {
            float: right;
            font-size: 32px;
            width: 40px;
            text-align: center; }
          body .page-signin .order-overview .bc.address input + label b,
          body .page-signup .order-overview .bc.address input + label b,
          body .page-forget .order-overview .bc.address input + label b,
          body .page-OrderOverview .order-overview .bc.address input + label b,
          body .users .order-overview .bc.address input + label b {
            display: block;
            margin-right: 50px;
            padding: 5px; }
            body .page-signin .order-overview .bc.address input + label b:not(:last-of-type),
            body .page-signup .order-overview .bc.address input + label b:not(:last-of-type),
            body .page-forget .order-overview .bc.address input + label b:not(:last-of-type),
            body .page-OrderOverview .order-overview .bc.address input + label b:not(:last-of-type),
            body .users .order-overview .bc.address input + label b:not(:last-of-type) {
              border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    body .page-signin .order-overview .bc.way,
    body .page-signup .order-overview .bc.way,
    body .page-forget .order-overview .bc.way,
    body .page-OrderOverview .order-overview .bc.way,
    body .users .order-overview .bc.way {
      cursor: pointer;
      text-align: start; }
      body .page-signin .order-overview .bc.way input,
      body .page-signup .order-overview .bc.way input,
      body .page-forget .order-overview .bc.way input,
      body .page-OrderOverview .order-overview .bc.way input,
      body .users .order-overview .bc.way input {
        display: none; }
        body .page-signin .order-overview .bc.way input:checked + label,
        body .page-signup .order-overview .bc.way input:checked + label,
        body .page-forget .order-overview .bc.way input:checked + label,
        body .page-OrderOverview .order-overview .bc.way input:checked + label,
        body .users .order-overview .bc.way input:checked + label {
          background-color: #bb131e;
          color: #FFF; }
        @media screen and (min-width: 300px) {
          body .page-signin .order-overview .bc.way input + label,
          body .page-signup .order-overview .bc.way input + label,
          body .page-forget .order-overview .bc.way input + label,
          body .page-OrderOverview .order-overview .bc.way input + label,
          body .users .order-overview .bc.way input + label {
            width: auto;
            display: block; } }
        @media screen and (min-width: 1000px) {
          body .page-signin .order-overview .bc.way input + label,
          body .page-signup .order-overview .bc.way input + label,
          body .page-forget .order-overview .bc.way input + label,
          body .page-OrderOverview .order-overview .bc.way input + label,
          body .users .order-overview .bc.way input + label {
            width: 250px;
            display: inline-block; } }
        body .page-signin .order-overview .bc.way input + label,
        body .page-signup .order-overview .bc.way input + label,
        body .page-forget .order-overview .bc.way input + label,
        body .page-OrderOverview .order-overview .bc.way input + label,
        body .users .order-overview .bc.way input + label {
          padding: 10px;
          border-radius: 3px;
          vertical-align: top;
          padding: 25px 25px;
          cursor: pointer; }
          body .page-signin .order-overview .bc.way input + label strong,
          body .page-signup .order-overview .bc.way input + label strong,
          body .page-forget .order-overview .bc.way input + label strong,
          body .page-OrderOverview .order-overview .bc.way input + label strong,
          body .users .order-overview .bc.way input + label strong {
            display: block;
            text-align: center; }
            body .page-signin .order-overview .bc.way input + label strong.price,
            body .page-signup .order-overview .bc.way input + label strong.price,
            body .page-forget .order-overview .bc.way input + label strong.price,
            body .page-OrderOverview .order-overview .bc.way input + label strong.price,
            body .users .order-overview .bc.way input + label strong.price {
              border-top: 1px solid rgba(0, 0, 0, 0.1);
              border-bottom: 1px solid rgba(0, 0, 0, 0.1);
              margin: 10px 0px;
              padding: 10px 0px;
              font-size: 14pt; }
              body .page-signin .order-overview .bc.way input + label strong.price:after,
              body .page-signup .order-overview .bc.way input + label strong.price:after,
              body .page-forget .order-overview .bc.way input + label strong.price:after,
              body .page-OrderOverview .order-overview .bc.way input + label strong.price:after,
              body .users .order-overview .bc.way input + label strong.price:after {
                content: 'تومان';
                padding-right: 5px;
                display: inline-block;
                font-size: 8pt; }
            body .page-signin .order-overview .bc.way input + label strong.name,
            body .page-signup .order-overview .bc.way input + label strong.name,
            body .page-forget .order-overview .bc.way input + label strong.name,
            body .page-OrderOverview .order-overview .bc.way input + label strong.name,
            body .users .order-overview .bc.way input + label strong.name {
              font-size: 14pt;
              margin-top: 25px; }
          body .page-signin .order-overview .bc.way input + label i,
          body .page-signup .order-overview .bc.way input + label i,
          body .page-forget .order-overview .bc.way input + label i,
          body .page-OrderOverview .order-overview .bc.way input + label i,
          body .users .order-overview .bc.way input + label i {
            font-size: 32px;
            text-align: center;
            display: block; }
    body .page-signin .order-overview .bc.pays,
    body .page-signup .order-overview .bc.pays,
    body .page-forget .order-overview .bc.pays,
    body .page-OrderOverview .order-overview .bc.pays,
    body .users .order-overview .bc.pays {
      cursor: pointer; }
      body .page-signin .order-overview .bc.pays input,
      body .page-signup .order-overview .bc.pays input,
      body .page-forget .order-overview .bc.pays input,
      body .page-OrderOverview .order-overview .bc.pays input,
      body .users .order-overview .bc.pays input {
        display: none; }
        body .page-signin .order-overview .bc.pays input:checked + label,
        body .page-signup .order-overview .bc.pays input:checked + label,
        body .page-forget .order-overview .bc.pays input:checked + label,
        body .page-OrderOverview .order-overview .bc.pays input:checked + label,
        body .users .order-overview .bc.pays input:checked + label {
          background-color: #bb131e;
          color: #FFF; }
        @media screen and (min-width: 300px) {
          body .page-signin .order-overview .bc.pays input + label,
          body .page-signup .order-overview .bc.pays input + label,
          body .page-forget .order-overview .bc.pays input + label,
          body .page-OrderOverview .order-overview .bc.pays input + label,
          body .users .order-overview .bc.pays input + label {
            width: auto;
            display: block; } }
        @media screen and (min-width: 1000px) {
          body .page-signin .order-overview .bc.pays input + label,
          body .page-signup .order-overview .bc.pays input + label,
          body .page-forget .order-overview .bc.pays input + label,
          body .page-OrderOverview .order-overview .bc.pays input + label,
          body .users .order-overview .bc.pays input + label {
            width: 250px;
            display: inline-block; } }
        body .page-signin .order-overview .bc.pays input + label,
        body .page-signup .order-overview .bc.pays input + label,
        body .page-forget .order-overview .bc.pays input + label,
        body .page-OrderOverview .order-overview .bc.pays input + label,
        body .users .order-overview .bc.pays input + label {
          padding: 10px;
          border-radius: 3px;
          vertical-align: top;
          padding: 25px 25px;
          cursor: pointer; }
          body .page-signin .order-overview .bc.pays input + label h2,
          body .page-signup .order-overview .bc.pays input + label h2,
          body .page-forget .order-overview .bc.pays input + label h2,
          body .page-OrderOverview .order-overview .bc.pays input + label h2,
          body .users .order-overview .bc.pays input + label h2 {
            text-align: center; }
    body .page-signin fieldset,
    body .page-signup fieldset,
    body .page-forget fieldset,
    body .page-OrderOverview fieldset,
    body .users fieldset {
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 15px;
      margin: 0px;
      margin-bottom: 10px; }
      body .page-signin fieldset legend,
      body .page-signup fieldset legend,
      body .page-forget fieldset legend,
      body .page-OrderOverview fieldset legend,
      body .users fieldset legend {
        display: inline-block;
        padding: 3px 10px; }
    body .page-signin .addresses > .bc,
    body .page-signup .addresses > .bc,
    body .page-forget .addresses > .bc,
    body .page-OrderOverview .addresses > .bc,
    body .users .addresses > .bc {
      background-color: rgba(0, 0, 0, 0.02);
      border: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-signin .addresses > .bc .ds6,
      body .page-signup .addresses > .bc .ds6,
      body .page-forget .addresses > .bc .ds6,
      body .page-OrderOverview .addresses > .bc .ds6,
      body .users .addresses > .bc .ds6 {
        padding: 5px; }
        body .page-signin .addresses > .bc .ds6 .item,
        body .page-signup .addresses > .bc .ds6 .item,
        body .page-forget .addresses > .bc .ds6 .item,
        body .page-OrderOverview .addresses > .bc .ds6 .item,
        body .users .addresses > .bc .ds6 .item {
          background-color: #FFF;
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: 3px;
          padding: 5px; }
          body .page-signin .addresses > .bc .ds6 .item li label,
          body .page-signup .addresses > .bc .ds6 .item li label,
          body .page-forget .addresses > .bc .ds6 .item li label,
          body .page-OrderOverview .addresses > .bc .ds6 .item li label,
          body .users .addresses > .bc .ds6 .item li label {
            display: block;
            color: #bb131e;
            border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
          body .page-signin .addresses > .bc .ds6 .item li span,
          body .page-signup .addresses > .bc .ds6 .item li span,
          body .page-forget .addresses > .bc .ds6 .item li span,
          body .page-OrderOverview .addresses > .bc .ds6 .item li span,
          body .users .addresses > .bc .ds6 .item li span {
            padding: 10px;
            display: block; }
    body .page-signin .tickets .tick-type .ticket-type1:before,
    body .page-signin .orders .tick-type .ticket-type1:before,
    body .page-signup .tickets .tick-type .ticket-type1:before,
    body .page-signup .orders .tick-type .ticket-type1:before,
    body .page-forget .tickets .tick-type .ticket-type1:before,
    body .page-forget .orders .tick-type .ticket-type1:before,
    body .page-OrderOverview .tickets .tick-type .ticket-type1:before,
    body .page-OrderOverview .orders .tick-type .ticket-type1:before,
    body .users .tickets .tick-type .ticket-type1:before,
    body .users .orders .tick-type .ticket-type1:before {
      content: ' ';
      height: 16px;
      width: 16px;
      background-color: #2c2c2c;
      color: #FFF;
      display: inline-block;
      font-size: 9pt;
      border-radius: 3px;
      vertical-align: middle;
      margin-left: 5px; }
    body .page-signin .tickets .tick-type .ticket-type2:before,
    body .page-signin .orders .tick-type .ticket-type2:before,
    body .page-signup .tickets .tick-type .ticket-type2:before,
    body .page-signup .orders .tick-type .ticket-type2:before,
    body .page-forget .tickets .tick-type .ticket-type2:before,
    body .page-forget .orders .tick-type .ticket-type2:before,
    body .page-OrderOverview .tickets .tick-type .ticket-type2:before,
    body .page-OrderOverview .orders .tick-type .ticket-type2:before,
    body .users .tickets .tick-type .ticket-type2:before,
    body .users .orders .tick-type .ticket-type2:before {
      content: ' ';
      height: 16px;
      width: 16px;
      background-color: #b4a500;
      color: #FFF;
      display: inline-block;
      font-size: 9pt;
      border-radius: 3px;
      vertical-align: middle;
      margin-left: 5px; }
    body .page-signin .tickets .tick-type .ticket-type3:before,
    body .page-signin .orders .tick-type .ticket-type3:before,
    body .page-signup .tickets .tick-type .ticket-type3:before,
    body .page-signup .orders .tick-type .ticket-type3:before,
    body .page-forget .tickets .tick-type .ticket-type3:before,
    body .page-forget .orders .tick-type .ticket-type3:before,
    body .page-OrderOverview .tickets .tick-type .ticket-type3:before,
    body .page-OrderOverview .orders .tick-type .ticket-type3:before,
    body .users .tickets .tick-type .ticket-type3:before,
    body .users .orders .tick-type .ticket-type3:before {
      content: ' ';
      height: 16px;
      width: 16px;
      background-color: #00ac43;
      color: #FFF;
      display: inline-block;
      font-size: 9pt;
      border-radius: 3px;
      vertical-align: middle;
      margin-left: 5px; }
    body .page-signin .tickets .tick-type .ticket-type4:before,
    body .page-signin .orders .tick-type .ticket-type4:before,
    body .page-signup .tickets .tick-type .ticket-type4:before,
    body .page-signup .orders .tick-type .ticket-type4:before,
    body .page-forget .tickets .tick-type .ticket-type4:before,
    body .page-forget .orders .tick-type .ticket-type4:before,
    body .page-OrderOverview .tickets .tick-type .ticket-type4:before,
    body .page-OrderOverview .orders .tick-type .ticket-type4:before,
    body .users .tickets .tick-type .ticket-type4:before,
    body .users .orders .tick-type .ticket-type4:before {
      content: ' ';
      height: 16px;
      width: 16px;
      background-color: #336398;
      color: #FFF;
      display: inline-block;
      font-size: 9pt;
      border-radius: 3px;
      vertical-align: middle;
      margin-left: 5px; }
    body .page-signin .tickets .tick-type .ticket-type5:before,
    body .page-signin .orders .tick-type .ticket-type5:before,
    body .page-signup .tickets .tick-type .ticket-type5:before,
    body .page-signup .orders .tick-type .ticket-type5:before,
    body .page-forget .tickets .tick-type .ticket-type5:before,
    body .page-forget .orders .tick-type .ticket-type5:before,
    body .page-OrderOverview .tickets .tick-type .ticket-type5:before,
    body .page-OrderOverview .orders .tick-type .ticket-type5:before,
    body .users .tickets .tick-type .ticket-type5:before,
    body .users .orders .tick-type .ticket-type5:before {
      content: ' ';
      height: 16px;
      width: 16px;
      background-color: #900808;
      color: #FFF;
      display: inline-block;
      font-size: 9pt;
      border-radius: 3px;
      vertical-align: middle;
      margin-left: 5px; }
    body .page-signin .tickets .tick-type .ticket-type6:before,
    body .page-signin .orders .tick-type .ticket-type6:before,
    body .page-signup .tickets .tick-type .ticket-type6:before,
    body .page-signup .orders .tick-type .ticket-type6:before,
    body .page-forget .tickets .tick-type .ticket-type6:before,
    body .page-forget .orders .tick-type .ticket-type6:before,
    body .page-OrderOverview .tickets .tick-type .ticket-type6:before,
    body .page-OrderOverview .orders .tick-type .ticket-type6:before,
    body .users .tickets .tick-type .ticket-type6:before,
    body .users .orders .tick-type .ticket-type6:before {
      content: ' ';
      height: 16px;
      width: 16px;
      background-color: #7900b9;
      color: #FFF;
      display: inline-block;
      font-size: 9pt;
      border-radius: 3px;
      vertical-align: middle;
      margin-left: 5px; }
    body .page-signin .tickets .th,
    body .page-signin .tickets .td,
    body .page-signin .orders .th,
    body .page-signin .orders .td,
    body .page-signup .tickets .th,
    body .page-signup .tickets .td,
    body .page-signup .orders .th,
    body .page-signup .orders .td,
    body .page-forget .tickets .th,
    body .page-forget .tickets .td,
    body .page-forget .orders .th,
    body .page-forget .orders .td,
    body .page-OrderOverview .tickets .th,
    body .page-OrderOverview .tickets .td,
    body .page-OrderOverview .orders .th,
    body .page-OrderOverview .orders .td,
    body .users .tickets .th,
    body .users .tickets .td,
    body .users .orders .th,
    body .users .orders .td {
      padding: 5px; }
    body .page-signin .tickets .btn-row,
    body .page-signin .orders .btn-row,
    body .page-signup .tickets .btn-row,
    body .page-signup .orders .btn-row,
    body .page-forget .tickets .btn-row,
    body .page-forget .orders .btn-row,
    body .page-OrderOverview .tickets .btn-row,
    body .page-OrderOverview .orders .btn-row,
    body .users .tickets .btn-row,
    body .users .orders .btn-row {
      display: inline-block;
      text-decoration: none;
      background-color: #4c4c4c;
      color: #FFF;
      padding: 3px 7px;
      font-size: 8pt;
      border-radius: 3px; }
    body .page-signin .tickets .btn-row-del,
    body .page-signin .orders .btn-row-del,
    body .page-signup .tickets .btn-row-del,
    body .page-signup .orders .btn-row-del,
    body .page-forget .tickets .btn-row-del,
    body .page-forget .orders .btn-row-del,
    body .page-OrderOverview .tickets .btn-row-del,
    body .page-OrderOverview .orders .btn-row-del,
    body .users .tickets .btn-row-del,
    body .users .orders .btn-row-del {
      display: inline-block;
      text-decoration: none;
      background-color: #bb131e;
      color: #FFF;
      padding: 3px 7px;
      font-size: 8pt;
      border-radius: 3px; }
    @media screen and (max-width: 1000px) {
      body .page-signin .tickets .tr:not(:last-of-type),
      body .page-signin .orders .tr:not(:last-of-type),
      body .page-signup .tickets .tr:not(:last-of-type),
      body .page-signup .orders .tr:not(:last-of-type),
      body .page-forget .tickets .tr:not(:last-of-type),
      body .page-forget .orders .tr:not(:last-of-type),
      body .page-OrderOverview .tickets .tr:not(:last-of-type),
      body .page-OrderOverview .orders .tr:not(:last-of-type),
      body .users .tickets .tr:not(:last-of-type),
      body .users .orders .tr:not(:last-of-type) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-signin .tickets .tr:not(:last-of-type) .td, body .page-signin .tickets .tr:not(:last-of-type) .th,
        body .page-signin .orders .tr:not(:last-of-type) .td,
        body .page-signin .orders .tr:not(:last-of-type) .th,
        body .page-signup .tickets .tr:not(:last-of-type) .td,
        body .page-signup .tickets .tr:not(:last-of-type) .th,
        body .page-signup .orders .tr:not(:last-of-type) .td,
        body .page-signup .orders .tr:not(:last-of-type) .th,
        body .page-forget .tickets .tr:not(:last-of-type) .td,
        body .page-forget .tickets .tr:not(:last-of-type) .th,
        body .page-forget .orders .tr:not(:last-of-type) .td,
        body .page-forget .orders .tr:not(:last-of-type) .th,
        body .page-OrderOverview .tickets .tr:not(:last-of-type) .td,
        body .page-OrderOverview .tickets .tr:not(:last-of-type) .th,
        body .page-OrderOverview .orders .tr:not(:last-of-type) .td,
        body .page-OrderOverview .orders .tr:not(:last-of-type) .th,
        body .users .tickets .tr:not(:last-of-type) .td,
        body .users .tickets .tr:not(:last-of-type) .th,
        body .users .orders .tr:not(:last-of-type) .td,
        body .users .orders .tr:not(:last-of-type) .th {
          text-align: start; } }
    @media screen and (min-width: 1001px) {
      body .page-signin .tickets .tr:not(:last-of-type) .td, body .page-signin .tickets .tr:not(:last-of-type) .th,
      body .page-signin .orders .tr:not(:last-of-type) .td,
      body .page-signin .orders .tr:not(:last-of-type) .th,
      body .page-signup .tickets .tr:not(:last-of-type) .td,
      body .page-signup .tickets .tr:not(:last-of-type) .th,
      body .page-signup .orders .tr:not(:last-of-type) .td,
      body .page-signup .orders .tr:not(:last-of-type) .th,
      body .page-forget .tickets .tr:not(:last-of-type) .td,
      body .page-forget .tickets .tr:not(:last-of-type) .th,
      body .page-forget .orders .tr:not(:last-of-type) .td,
      body .page-forget .orders .tr:not(:last-of-type) .th,
      body .page-OrderOverview .tickets .tr:not(:last-of-type) .td,
      body .page-OrderOverview .tickets .tr:not(:last-of-type) .th,
      body .page-OrderOverview .orders .tr:not(:last-of-type) .td,
      body .page-OrderOverview .orders .tr:not(:last-of-type) .th,
      body .users .tickets .tr:not(:last-of-type) .td,
      body .users .tickets .tr:not(:last-of-type) .th,
      body .users .orders .tr:not(:last-of-type) .td,
      body .users .orders .tr:not(:last-of-type) .th {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-signin .tickets .nw,
      body .page-signin .orders .nw,
      body .page-signup .tickets .nw,
      body .page-signup .orders .nw,
      body .page-forget .tickets .nw,
      body .page-forget .orders .nw,
      body .page-OrderOverview .tickets .nw,
      body .page-OrderOverview .orders .nw,
      body .users .tickets .nw,
      body .users .orders .nw {
        width: 10px;
        white-space: nowrap; } }
    body .page-signin .factor fieldset,
    body .page-signup .factor fieldset,
    body .page-forget .factor fieldset,
    body .page-OrderOverview .factor fieldset,
    body .users .factor fieldset {
      border: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-signin .factor fieldset table,
      body .page-signup .factor fieldset table,
      body .page-forget .factor fieldset table,
      body .page-OrderOverview .factor fieldset table,
      body .users .factor fieldset table {
        width: 100%;
        border-collapse: collapse; }
        body .page-signin .factor fieldset table tr:not(:last-of-type) td,
        body .page-signup .factor fieldset table tr:not(:last-of-type) td,
        body .page-forget .factor fieldset table tr:not(:last-of-type) td,
        body .page-OrderOverview .factor fieldset table tr:not(:last-of-type) td,
        body .users .factor fieldset table tr:not(:last-of-type) td {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-signin .factor fieldset table th,
        body .page-signup .factor fieldset table th,
        body .page-forget .factor fieldset table th,
        body .page-OrderOverview .factor fieldset table th,
        body .users .factor fieldset table th {
          border-bottom: 3px solid rgba(0, 0, 0, 0.1);
          padding: 5px;
          text-align: start; }
        body .page-signin .factor fieldset table td,
        body .page-signup .factor fieldset table td,
        body .page-forget .factor fieldset table td,
        body .page-OrderOverview .factor fieldset table td,
        body .users .factor fieldset table td {
          padding: 8px;
          text-align: start; }
          body .page-signin .factor fieldset table td img,
          body .page-signup .factor fieldset table td img,
          body .page-forget .factor fieldset table td img,
          body .page-OrderOverview .factor fieldset table td img,
          body .users .factor fieldset table td img {
            vertical-align: middle; }
        body .page-signin .factor fieldset table tr.end td,
        body .page-signup .factor fieldset table tr.end td,
        body .page-forget .factor fieldset table tr.end td,
        body .page-OrderOverview .factor fieldset table tr.end td,
        body .users .factor fieldset table tr.end td {
          border-top: 3px solid rgba(0, 0, 0, 0.1); }
        body .page-signin .factor fieldset table .nw,
        body .page-signup .factor fieldset table .nw,
        body .page-forget .factor fieldset table .nw,
        body .page-OrderOverview .factor fieldset table .nw,
        body .users .factor fieldset table .nw {
          width: 10px;
          white-space: nowrap; }
        body .page-signin .factor fieldset table .unit:after,
        body .page-signup .factor fieldset table .unit:after,
        body .page-forget .factor fieldset table .unit:after,
        body .page-OrderOverview .factor fieldset table .unit:after,
        body .users .factor fieldset table .unit:after {
          content: 'تومان';
          display: inline-block;
          color: #00a2f5;
          font-size: 8pt;
          margin-right: 5px; }
      body .page-signin .factor fieldset .girande strong,
      body .page-signup .factor fieldset .girande strong,
      body .page-forget .factor fieldset .girande strong,
      body .page-OrderOverview .factor fieldset .girande strong,
      body .users .factor fieldset .girande strong {
        display: inline-block;
        padding: 5px; }
        body .page-signin .factor fieldset .girande strong b,
        body .page-signup .factor fieldset .girande strong b,
        body .page-forget .factor fieldset .girande strong b,
        body .page-OrderOverview .factor fieldset .girande strong b,
        body .users .factor fieldset .girande strong b {
          font-weight: bold; }
          body .page-signin .factor fieldset .girande strong b:after,
          body .page-signup .factor fieldset .girande strong b:after,
          body .page-forget .factor fieldset .girande strong b:after,
          body .page-OrderOverview .factor fieldset .girande strong b:after,
          body .users .factor fieldset .girande strong b:after {
            content: ' : '; }
        body .page-signin .factor fieldset .girande strong span,
        body .page-signup .factor fieldset .girande strong span,
        body .page-forget .factor fieldset .girande strong span,
        body .page-OrderOverview .factor fieldset .girande strong span,
        body .users .factor fieldset .girande strong span {
          font-weight: normal; }
    body .page-signin .ticket .item,
    body .page-signup .ticket .item,
    body .page-forget .ticket .item,
    body .page-OrderOverview .ticket .item,
    body .users .ticket .item {
      padding: 15px;
      text-align: start;
      margin-bottom: 5px; }
      body .page-signin .ticket .item.wt1,
      body .page-signup .ticket .item.wt1,
      body .page-forget .ticket .item.wt1,
      body .page-OrderOverview .ticket .item.wt1,
      body .users .ticket .item.wt1 {
        border-right: 5px solid #bb131e;
        background-color: rgba(0, 0, 0, 0.02); }
        body .page-signin .ticket .item.wt1 .info,
        body .page-signup .ticket .item.wt1 .info,
        body .page-forget .ticket .item.wt1 .info,
        body .page-OrderOverview .ticket .item.wt1 .info,
        body .users .ticket .item.wt1 .info {
          color: #bb131e; }
      body .page-signin .ticket .item.wt2,
      body .page-signup .ticket .item.wt2,
      body .page-forget .ticket .item.wt2,
      body .page-OrderOverview .ticket .item.wt2,
      body .users .ticket .item.wt2 {
        border-left: 5px solid #c4a200;
        background-color: rgba(196, 162, 0, 0.1); }
        body .page-signin .ticket .item.wt2 .info,
        body .page-signup .ticket .item.wt2 .info,
        body .page-forget .ticket .item.wt2 .info,
        body .page-OrderOverview .ticket .item.wt2 .info,
        body .users .ticket .item.wt2 .info {
          color: #bb131e;
          text-align: end; }
      body .page-signin .ticket .item.wt3,
      body .page-signup .ticket .item.wt3,
      body .page-forget .ticket .item.wt3,
      body .page-OrderOverview .ticket .item.wt3,
      body .users .ticket .item.wt3 {
        border-left: 5px solid #08006d;
        background-color: rgba(8, 0, 109, 0.1); }
        body .page-signin .ticket .item.wt3 .info,
        body .page-signup .ticket .item.wt3 .info,
        body .page-forget .ticket .item.wt3 .info,
        body .page-OrderOverview .ticket .item.wt3 .info,
        body .users .ticket .item.wt3 .info {
          color: #bb131e;
          text-align: end; }
      body .page-signin .ticket .item .info,
      body .page-signup .ticket .item .info,
      body .page-forget .ticket .item .info,
      body .page-OrderOverview .ticket .item .info,
      body .users .ticket .item .info {
        display: block;
        border-top: 1px dotted rgba(0, 0, 0, 0.1);
        padding-top: 15px;
        margin-top: 15px; }
  body .page-about {
    padding: 50px 0px; }
    body .page-about .bc li {
      clear: both;
      padding-bottom: 15px; }
      body .page-about .bc li a {
        background-color: #c9c9c9;
        color: #666; }
        body .page-about .bc li a i {
          display: inline-block;
          margin-right: 10px;
          vertical-align: middle; }
      body .page-about .bc li .desc {
        text-align: justify; }
      @media screen and (max-width: 1000px) {
        body .page-about .bc li .img {
          display: block;
          width: 100%; }
          body .page-about .bc li .img img {
            width: 100%; } }
      @media screen and (min-width: 1001px) {
        body .page-about .bc li .img {
          width: 60%; }
          body .page-about .bc li .img.left {
            padding-right: 15px;
            float: left; }
          body .page-about .bc li .img.right {
            padding-left: 15px;
            float: right; }
          body .page-about .bc li .img img {
            width: 100%; } }
  body .page-download {
    padding: 50px 0px; }
    body .page-download .bc {
      padding: 0px 0px 10px 10px;
      text-align: start; }
      body .page-download .bc li {
        padding: 10px 10px 0px 0px; }
        body .page-download .bc li > strong {
          display: block;
          font-weight: normal;
          text-align: start;
          padding: 2px 10px 10px 10px; }
          body .page-download .bc li > strong:before {
            content: '\f381';
            font-family: "Font Awesome 5 Pro";
            font-style: normal;
            font-variant: normal;
            font-weight: 900;
            padding-left: 10px;
            color: #bb131e; }
        body .page-download .bc li a {
          background-color: rgba(0, 0, 0, 0.05);
          border-radius: 3px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          display: block;
          text-decoration: none;
          color: #4c4c4c; }
          body .page-download .bc li a:hover {
            background-color: #bb131e;
            color: #FFF; }
          body .page-download .bc li a label {
            display: block;
            padding: 10px;
            position: relative; }
            body .page-download .bc li a label i {
              font-size: 32px;
              float: right;
              padding: 5px 10px 0px 20px; }
            body .page-download .bc li a label b {
              display: block;
              font-size: medium;
              text-align: start; }
            body .page-download .bc li a label span {
              display: block;
              font-size: small;
              text-align: start;
              opacity: 0.7; }
          body .page-download .bc li a .img {
            height: 200px;
            display: block;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            background-color: #FFF;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover; }
          body .page-download .bc li a.mini {
            margin-bottom: 12px; }
  body .page-reseller {
    padding: 50px 0px; }
    body .page-reseller .inline .th {
      font-size: small;
      padding: 10px;
      font-weight: bold;
      background-color: rgba(0, 0, 0, 0.05); }
    body .page-reseller .inline .td {
      font-size: small;
      padding: 10px; }
    @media screen and (max-width: 1000px) {
      body .page-reseller .td {
        text-align: justify; }
      body .page-reseller .tr.header {
        display: none; }
      body .page-reseller .table {
        border: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-reseller .tr:not(.header):nth-of-type(2n) {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        background-color: rgba(0, 0, 0, 0.01); }
      body .page-reseller .tr:not(.header):nth-of-type(2n+1) {
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-reseller .tr .td:nth-of-type(1):before {
        content: 'استان : ';
        font-weight: bolder;
        display: inline-block;
        float: right;
        color: #bb131e;
        padding-left: 10px; }
      body .page-reseller .tr .td:nth-of-type(2):before {
        content: 'شهرستان : ';
        font-weight: bolder;
        display: inline-block;
        float: right;
        color: #bb131e;
        padding-left: 10px; }
      body .page-reseller .tr .td:nth-of-type(3):before {
        content: 'نام : ';
        font-weight: bolder;
        display: inline-block;
        float: right;
        color: #bb131e;
        padding-left: 10px; }
      body .page-reseller .tr .td:nth-of-type(4):before {
        content: 'آدرس : ';
        font-weight: bolder;
        display: inline-block;
        float: right;
        color: #bb131e;
        padding-left: 10px; }
      body .page-reseller .tr .td:nth-of-type(5):before {
        content: 'تلفن : ';
        font-weight: bolder;
        display: inline-block;
        float: right;
        color: #bb131e;
        padding-left: 10px; } }
    @media screen and (min-width: 1001px) {
      body .page-reseller .tr:not(.header):nth-of-type(2n+1) .td {
        background-color: rgba(0, 0, 0, 0.02); }
      body .page-reseller .tr .td {
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-reseller .tr.hot {
        transform: scale(1.01); }
        body .page-reseller .tr.hot .td {
          background-color: #bb131e;
          color: #FFF; } }
  body .page-contact {
    padding: 50px 0px; }
    body .page-contact iframe {
      border: 5px solid #FFF;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
    body .page-contact .bc {
      text-align: start; }
    @media screen and (max-width: 1000px) {
      body .page-contact h2 {
        font-size: x-large;
        font-weight: normal;
        font-size: 14px; }
      body .page-contact .ds6.left {
        text-align: start;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
        body .page-contact .ds6.left i {
          float: right; }
      body .page-contact .ds6.right {
        text-align: start; }
        body .page-contact .ds6.right i {
          float: right; }
      body .page-contact .ds3.right {
        padding: 0px 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        text-align: justify; }
        body .page-contact .ds3.right i {
          font-size: 48px;
          float: right;
          margin-left: 30px;
          display: none; }
      body .page-contact i {
        width: 32px;
        text-align: center;
        display: inline-block;
        color: #bb131e;
        vertical-align: middle;
        font-size: 24px;
        height: 32px;
        margin-left: 20px; } }
    @media screen and (min-width: 1001px) {
      body .page-contact h2 {
        font-size: x-large;
        font-weight: normal;
        font-size: 18px; }
      body .page-contact .ds6 {
        padding-top: 50px; }
      body .page-contact .ds6.left {
        text-align: end; }
        body .page-contact .ds6.left i {
          float: left;
          margin-right: 20px; }
      body .page-contact .ds6.right {
        text-align: start; }
        body .page-contact .ds6.right i {
          float: right;
          margin-left: 20px; }
      body .page-contact .ds3.right {
        position: relative;
        text-align: justify;
        padding: 0px 15px; }
        body .page-contact .ds3.right i {
          display: none; }
      body .page-contact i {
        width: 50px;
        text-align: center;
        display: inline-block;
        color: #bb131e;
        vertical-align: middle;
        font-size: 32px; } }
    body .page-contact .frm {
      padding: 10px; }
      body .page-contact .frm .lbl {
        color: #bb131e; }
      body .page-contact .frm .ctrl {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        overflow: hidden; }
        body .page-contact .frm .ctrl:not(:last-of-type) {
          margin-bottom: 10px; }
        body .page-contact .frm .ctrl input, body .page-contact .frm .ctrl textarea {
          width: 100%;
          border: 0px;
          padding: 10px 10px;
          font-family: irs;
          font-weight: normal;
          font-size: 10pt;
          resize: vertical; }
  body .page-customization {
    padding: 50px 0px; }
    body .page-customization .bc {
      text-align: start;
      padding: 10px 10px 0px 0px; }
      body .page-customization .bc li {
        text-align: start;
        padding: 0px 0px 10px 10px; }
        body .page-customization .bc li a {
          text-decoration: none;
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: 3px;
          display: block;
          padding: 10px; }
          body .page-customization .bc li a:hover {
            border-color: #bb131e; }
          body .page-customization .bc li a .img {
            text-align: center; }
            body .page-customization .bc li a .img img {
              max-width: 300px;
              width: 100%; }
          body .page-customization .bc li a b {
            font-size: medium;
            display: block;
            color: #bb131e; }
          body .page-customization .bc li a span {
            font-size: 8pt;
            display: block;
            color: #999; }
  body .page-compare {
    padding: 50px 0px; }
    body .page-compare a {
      display: block;
      background-color: #bb131e;
      color: #FFF;
      padding: 5px 10px;
      border-radius: 3px;
      opacity: 0.6;
      font-weight: normal;
      text-decoration: none; }
      body .page-compare a:hover {
        opacity: 1;
        vertical-align: middle; }
      body .page-compare a i {
        font-size: 14px; }
    body .page-compare p {
      display: block;
      font-size: large;
      text-align: center;
      color: #bb131e; }
    body .page-compare .bc {
      text-align: start; }
    @media screen and (max-width: 1000px) {
      body .page-compare li.th {
        display: none; }
      body .page-compare li:not(.th):not(.sep):before {
        content: attr(data-title);
        display: block;
        color: #bb131e;
        padding: 5px 0px;
        margin-bottom: 5px; } }
    body .page-compare li {
      text-align: start;
      padding: 10px; }
      body .page-compare li.th {
        font-weight: bold;
        color: #bb131e; }
    body .page-compare .color {
      display: block;
      white-space: nowrap;
      padding: 5px 0px; }
      body .page-compare .color b {
        width: 24px;
        height: 24px;
        border-radius: 100px;
        display: inline-block;
        padding-left: 5px;
        line-height: 24px;
        vertical-align: middle; }
      body .page-compare .color strong {
        font-weight: normal;
        line-height: 24px;
        vertical-align: middle; }
    body .page-compare .val {
      display: block; }
      body .page-compare .val b {
        display: inline-block;
        font-weight: normal;
        font-size: smaller;
        color: #bb131e;
        padding-right: 5px; }
    body .page-compare .sep {
      padding: 0px; }
      body .page-compare .sep hr {
        border: 0px;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
  body .page-QuestionAnswer {
    padding: 50px 0px; }
    body .page-QuestionAnswer input {
      display: none; }
      body .page-QuestionAnswer input:checked + .qa .answer {
        display: block; }
      body .page-QuestionAnswer input:not(:checked) + .qa .question:hover {
        background-color: rgba(255, 242, 0, 0.28); }
      body .page-QuestionAnswer input:not(:checked) + .qa .answer {
        display: none; }
    body .page-QuestionAnswer .qa {
      margin-bottom: 10px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      overflow: hidden;
      border-radius: 3px;
      user-select: none;
      -ms-user-select: none;
      -moz-user-select: none; }
      body .page-QuestionAnswer .qa .question {
        display: block;
        padding: 10px;
        cursor: pointer; }
      body .page-QuestionAnswer .qa .answer {
        padding: 20px;
        background-color: rgba(0, 0, 0, 0.1);
        margin-top: 5px;
        position: relative;
        padding-top: 20px; }
        body .page-QuestionAnswer .qa .answer:before {
          position: absolute;
          top: 0;
          right: 10px;
          content: ' ';
          font-size: 0px;
          width: 0px;
          left: 0px;
          border: 10px solid transparent;
          border-top-color: #FFF; }
    body .page-QuestionAnswer h6.title {
      margin: 0px;
      padding: 10px;
      font-size: 12pt;
      font-weight: bold;
      margin-bottom: 10px; }

@keyframes scrollertop {
  0% {
    margin-bottom: 0px; }
  50% {
    margin-bottom: 25px; }
  100% {
    margin: 0px; } }
  body .modal-session {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 9px, rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.05) 20px); }
    body .modal-session td {
      vertical-align: middle;
      text-align: center; }
      body .modal-session td div {
        position: relative; }
        body .modal-session td div a {
          text-decoration: none; }
          body .modal-session td div a img {
            display: inline-block;
            border-radius: 5px; }
        body .modal-session td div i {
          color: #FFF;
          font-size: 24px;
          width: 64px;
          height: 64px;
          display: inline-block;
          border-radius: 100px;
          background-color: rgba(0, 0, 0, 0.6);
          line-height: 64px;
          vertical-align: middle; }
        @media screen and (max-width: 1000px) {
          body .modal-session td div .close-session {
            position: absolute;
            bottom: 0px;
            display: block;
            left: 0px;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            border-radius: 3px;
            color: #FFF;
            font-size: small; }
            body .modal-session td div .close-session:before {
              content: 'مطلع شدم';
              display: block;
              text-align: center;
              padding: 15px; } }
        @media screen and (min-width: 1001px) {
          body .modal-session td div .close-session {
            display: none; } }
  body .scrollertop {
    position: fixed;
    bottom: 25px;
    left: 25px;
    width: 64px;
    background-color: rgba(150, 150, 150, 0.5);
    height: 64px;
    border-radius: 100px;
    cursor: pointer;
    animation: scrollertop infinite 1s; }
    body .scrollertop i {
      width: inherit;
      height: inherit;
      line-height: 64px;
      vertical-align: central;
      text-align: center;
      font-size: 24px; }
  body .btn {
    border: 0px;
    border-radius: 3px;
    padding: 6px 15px;
    font-size: 9pt;
    font-family: irs;
    display: inline-block;
    line-height: 18pt;
    cursor: pointer;
    opacity: 0.9;
    text-decoration: none; }
    body .btn:hover {
      opacity: 1; }
    body .btn.default {
      background-color: #bb131e;
      color: #FFF; }
    body .btn.diffrent {
      background-color: #4c4c4c;
      color: #FFF; }
  body .slider * {
    transition: all linear 0.7s; }
  body .slider .panel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    body .slider .panel .item {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1; }
      body .slider .panel .item.act {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px); }
      body .slider .panel .item.hide {
        opacity: 0;
        transform: scale(1.1);
        filter: blur(5px); }
      body .slider .panel .item > div {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
      body .slider .panel .item .color {
        z-index: 3; }
      body .slider .panel .item .img {
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 4; }
      body .slider .panel .item .text {
        z-index: 5;
        padding: 0px;
        text-align: right;
        padding: 25px; }
        body .slider .panel .item .text .header-title {
          font-size: 15pt;
          font-weight: bold;
          display: inline-block;
          color: #FFF; }
        body .slider .panel .item .text .row-title {
          font-size: 11pt;
          font-weight: normal;
          color: #FFF;
          text-align: right; }
        body .slider .panel .item .text .row-description {
          font-size: 9pt;
          font-weight: normal;
          color: #FFF;
          display: none; }
    body .slider .panel .link {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 9;
      cursor: pointer; }
  body .tabs {
    display: block;
    background-color: #FFF; }
    body .tabs, body .tabs * {
      -ms-user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none; }
    body .tabs .tab-items {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      text-align: start;
      padding-right: 15px; }
      body .tabs .tab-items .item {
        padding: 6px 15px;
        margin-bottom: -1px;
        cursor: pointer;
        margin: 0px; }
        body .tabs .tab-items .item:not(.false) {
          display: inline-block; }
        body .tabs .tab-items .item.false {
          display: none; }
        body .tabs .tab-items .item:not(.act) {
          color: #999; }
        body .tabs .tab-items .item.act {
          background-color: #FFF;
          color: #333;
          position: relative; }
          body .tabs .tab-items .item.act:after {
            content: ' ';
            display: block;
            font-size: 0px;
            top: 100%;
            height: 3px;
            left: 0px;
            width: 100%;
            background-color: #bb131e;
            position: absolute; }
    body .tabs .tab-contents .content p {
      display: block;
      text-align: start; }
    body .tabs .tab-contents .content ul {
      display: block;
      text-align: start; }
    body .tabs .tab-contents .content:not(.act) {
      display: none; }
    body .tabs .tab-contents .content.act {
      display: block; }
    body .tabs .false {
      display: none; }
  body .scroller {
    overflow: hidden; }
    body .scroller * {
      transition: all linear 0.0s; }
    body .scroller .panel {
      white-space: nowrap;
      display: block; }
  @media screen and (max-width: 1000px) {
    body .table {
      display: block;
      width: 100%; }
      body .table .tr {
        display: block; }
        body .table .tr .th {
          display: block; }
        body .table .tr .td {
          display: block; } }
  @media screen and (min-width: 1001px) {
    body .table {
      display: table;
      width: 100%; }
      body .table .tr {
        display: table-row; }
        body .table .tr .th {
          display: table-cell; }
        body .table .tr .td {
          display: table-cell; } }
  body #prm-check {
    display: none; }
    body #prm-check:checked ~ .promoterPage {
      display: block;
      position: fixed;
      z-index: 9999;
      background-color: #FFF; }
      @media screen and (max-width: 1000px) {
        body #prm-check:checked ~ .promoterPage {
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%; } }
      @media screen and (min-width: 1001px) {
        body #prm-check:checked ~ .promoterPage {
          bottom: 50px;
          left: 50px;
          width: 50%;
          height: 80%;
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
          border-radius: 5px;
          overflow: hidden;
          min-width: 600px; } }
      body #prm-check:checked ~ .promoterPage > iframe {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border: 0px; }
      body #prm-check:checked ~ .promoterPage > label {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 1000;
        display: block;
        border-radius: 100px;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.1);
        overflow: hidden; }
        body #prm-check:checked ~ .promoterPage > label:hover {
          color: red; }
        body #prm-check:checked ~ .promoterPage > label i {
          display: block;
          width: 32px;
          height: 32px;
          line-height: 32px;
          vertical-align: mide;
          text-align: center; }
    body #prm-check:not(:checked) ~ .promoterPage {
      display: none; }
  body .promoter {
    z-index: 999;
    cursor: pointer;
    position: fixed; }
    body .promoter * {
      display: block; }
    @media screen and (max-width: 1000px) {
      body .promoter {
        bottom: 80px;
        left: 20px; }
        body .promoter .sign {
          display: none; }
          body .promoter .sign .out {
            box-shadow: 0px 0px 1px 25px rgba(80, 80, 80, 0.3);
            border-radius: 5px; }
            body .promoter .sign .out .in {
              box-shadow: 0px 0px 1px 13px red;
              width: 50px;
              height: 50px;
              border-radius: 5px; } }
    @media screen and (min-width: 1001px) {
      body .promoter {
        bottom: 50px;
        left: 50px; }
      @keyframes _Cortana {
        0% {
          transform: scale(0.5) rotate(-45deg); }
        50% {
          transform: scale(0.6) rotate(45deg); }
        100% {
          transform: scale(0.5) rotate(45deg); } }
      @keyframes _outCortana {
        0% {
          box-shadow: 0px 0px 1px 18px rgba(80, 80, 80, 0.3);
          border-radius: 5px; }
        40% {
          box-shadow: 0px 0px 1px 25px rgba(80, 80, 80, 0.3);
          border-radius: 15px; }
        80% {
          box-shadow: 0px 0px 1px 18px rgba(80, 80, 80, 0.3);
          border-radius: 5px; }
        100% {
          box-shadow: 0px 0px 1px 18px rgba(80, 80, 80, 0.3);
          border-radius: 5px; } }
      @keyframes _inCortana {
        0% {
          box-shadow: 0px 0px 1px 13px red;
          width: 50px;
          height: 50px;
          border-radius: 5px; }
        40% {
          box-shadow: 0px 0px 1px 5px red;
          width: 50px;
          height: 50px;
          border-radius: 15px; }
        80% {
          box-shadow: 0px 0px 1px 13px red;
          width: 50px;
          height: 50px;
          border-radius: 5px; }
        100% {
          box-shadow: 0px 0px 1px 13px red;
          width: 50px;
          height: 50px;
          border-radius: 5px; } }
        body .promoter .sign {
          transform: scale(0.6);
          animation: ease _Cortana infinite 4s;
          cursor: pointer; }
          body .promoter .sign * {
            cursor: pointer; }
          body .promoter .sign .out {
            animation: ease _outCortana infinite 4s; }
            body .promoter .sign .out .in {
              animation: ease _inCortana infinite 4s; } }