@charset "UTF-8";
@font-face {
  font-family: "iranSans";
  src: url("../source/fonts/IRANSans (1).eot");
  src: url("../source/fonts/IRANSans (1).woff") format("woff");
  src: url("../source/fonts/IRANSans (1).woff2") format("woff2"), url("../source/fonts/IRANSans-Black.ttf") format("opentype"); }

.title {
  font-family: iransans, sans-serif;
  font-weight: 900; }

h {
  font-family: iransans, sans-serif !important; }

.semititle {
  font-family: iransans, sans-serif;
  font-weight: 600;
  font-size: 2rem; }

p {
  font-size: 1.3rem;
  line-height: 2em;
  font-family: iransans, sans-serif; }

a {
  font-family: iransans, sans-serif !important; }

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  outline: none !important; }

body, html {
  font-size: 10px;
  color: #333;
  font-family: 'iranSans', sans-serif;
  height: 100%;
  background-color: #f3f3f3;
  outline: none; }

img {
  width: 100%;
  height: auto; }

a {
  text-decoration: none !important; }

input, .btn, .title, li, p, span, button, div, alert {
  font-family: iranSans; }

.fullBg {
  background: center center/cover no-repeat;
  background-attachment: fixed; }

.row,
.row70,
.row80 {
  display: flex;
  flex-wrap: wrap; }

.row {
  width: 100%; }

.row70 {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%; }

.row80 {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%; }

.col-1-1 {
  width: 100%; }

.col-1-2 {
  width: 50%; }

.col-1-3 {
  width: 33.3333333%; }

.marginAuto {
  margin-left: auto;
  margin-right: auto; }

.halfHeight {
  height: 50%; }

.fullHeight {
  height: 100%; }

[class*='col-'] {
  display: flex;
  position: relative; }

.flex {
  display: flex; }

.fdiColumn {
  flex-direction: column; }

.fdiRow {
  flex-direction: row; }

.fdiColumnReverese {
  flex-direction: column-reverse; }

.fdiRowReverse {
  flex-direction: row-reverse; }

.nowrap {
  flex-wrap: nowrap; }

.wrap {
  flex-wrap: wrap; }

.wrapReverse {
  flex-wrap: wrap-reverse; }

.jcStart {
  justify-content: flex-start; }

.jcEnd {
  justify-content: flex-end; }

.jcAround {
  justify-content: space-around; }

.jcBetween {
  justify-content: space-between; }

.jcEvenly {
  justify-content: space-evenly; }

.jcCenter {
  justify-content: center; }

.aiStart {
  align-items: flex-start; }

.aiEnd {
  align-items: flex-end; }

.aiSteretch {
  align-items: stretch; }

.aiCenter {
  align-items: center; }

.aiBaseline {
  align-items: baseline; }

.acStart {
  align-content: flex-start; }

.acEnd {
  align-content: flex-end; }

.acCenter {
  align-content: center; }

.acStretch {
  align-content: stretch; }

.acBetween {
  align-content: space-between; }

.acAround {
  align-content: space-around; }

.asCenter {
  align-self: center; }

.asStart {
  align-self: flex-start; }

.asEnd {
  align-self: flex-end; }

.visiblemob,
.visibletab,
.visibledes {
  display: none; }

@media screen and (max-width: 500px) {
  .visiblemob {
    display: block; }
  .col-m-1-1 {
    width: 100% !important; }
  .col-m-1-2 {
    width: 50% !important; }
  .col-m-1-3 {
    width: 33% !important; } }

@media screen and (min-width: 501px) and (max-width: 900px) {
  .w80 {
    width: 100% !important; }
  .visibletab {
    display: block; }
  .col-t-1-1 {
    width: 100% !important; }
  .col-t-1-2 {
    width: 50% !important; }
  .col-t-1-3 {
    width: 33% !important; } }

@media screen and (min-width: 900px) {
  .visibledes {
    display: block !important; } }

@font-face {
  font-family: "iranSans";
  src: url("../source/fonts/IRANSans (1).eot");
  src: url("../source/fonts/IRANSans (1).woff") format("woff");
  src: url("../source/fonts/IRANSans (1).woff2") format("woff2"), url("../source/fonts/IRANSans-Black.ttf") format("opentype"); }

.title {
  font-family: iransans, sans-serif;
  font-weight: 900; }

h {
  font-family: iransans, sans-serif !important; }

.semititle {
  font-family: iransans, sans-serif;
  font-weight: 600;
  font-size: 2rem; }

p {
  font-size: 1.3rem;
  line-height: 2em;
  font-family: iransans, sans-serif; }

a {
  font-family: iransans, sans-serif !important; }

.poa {
  position: absolute; }

.por {
  position: relative; }

.pof {
  position: fixed; }

.pos {
  position: static; }

.z10 {
  z-index: 10; }

.z20 {
  z-index: 20; }

.t0 {
  top: 0; }

.l0 {
  left: 0; }

@font-face {
  font-family: 'fontello';
  src: url("../source/font-icon/fontello.eot?77718216");
  src: url("../source/font-icon/fontello.eot?77718216#iefix") format("embedded-opentype"), url("../source/font-icon/fontello.woff2?77718216") format("woff2"), url("../source/font-icon/fontello.woff?77718216") format("woff"), url("../source/font-icon/fontello.ttf?77718216") format("truetype"), url("../source/font-icon/fontello.svg?77718216#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-book-open:before {
  content: '\e800'; }

/* '' */
.icon-signal:before {
  content: '\e801'; }

/* '' */
.icon-note-beamed:before {
  content: '\e802'; }

/* '' */
.icon-cloud:before {
  content: '\e803'; }

/* '' */
.icon-mobile:before {
  content: '\e804'; }

/* '' */
.icon-brush:before {
  content: '\e805'; }

/* '' */
.icon-cog:before {
  content: '\e806'; }

/* '' */
.icon-users:before {
  content: '\e807'; }

/* '' */
.icon-clock:before {
  content: '\e808'; }

/* '' */
.icon-facebook:before {
  content: '\e809'; }

/* '' */
.icon-mail:before {
  content: '\e80a'; }

/* '' */
.icon-location-outline:before {
  content: '\e80b'; }

/* '' */
.icon-phone-outline:before {
  content: '\e80c'; }

/* '' */
.icon-html5:before {
  content: '\f13b'; }

/* '' */
.icon-apple:before {
  content: '\f179'; }

/* '' */
.icon-android:before {
  content: '\f17b'; }

/* '' */
.icon-simplybuilt:before {
  content: '\f215'; }

/* '' */
.icon-twitter:before {
  content: '\f309'; }

/* '' */
.icon-gplus:before {
  content: '\f30f'; }

/* '' */
.icon-linkedin:before {
  content: '\f318'; }

/* '' */
p {
  direction: rtl;
  text-align: justify;
  font-size: 15px; }

.btn {
  display: inline-block;
  border-radius: 100em;
  padding: 13px 25px;
  background-color: white;
  color: #0081FF;
  font-size: 1.3rem;
  transition: 0.5s;
  cursor: pointer;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #0081FF;
  position: relative; }
  .btn a {
    border-radius: 100em;
    color: #0081FF;
    text-decoration: none;
    transition: 0.5s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
  .btn:hover {
    background-color: #0074e6;
    color: white; }
    .btn:hover a {
      color: white; }

.w90 {
  width: 90%; }

.w80 {
  width: 80%; }

.w20 {
  width: 20%; }

.w60 {
  width: 60%; }

.w40 {
  width: 40%; }

.pt70 {
  padding-top: 70px; }

.pb70 {
  padding-bottom: 70px; }

.text-center {
  text-align: center; }

[class*='num_'] {
  background-color: #0081FF;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center; }

[class*='num_']:before {
  width: 100%;
  height: 100%;
  color: white;
  border-radius: 50%;
  line-height: 60px;
  text-align: center; }

.num_1:before {
  content: '01'; }

.num_2:before {
  content: '02'; }

.num_3:before {
  content: '03'; }

.num_4:before {
  content: '04'; }

.num_5:before {
  content: '05'; }

.num_6:before {
  content: '06'; }

@media screen and (max-width: 500px) {
  * {
    text-align: center !important; } }

.container404 {
  width: 100%;
  height: 40vh;
  color: white;
  background-color: deepskyblue; }
  .container404 h1 {
    font-size: 60px;
    margin-left: 10%; }
  .container404 h2 {
    font-size: 60px;
    margin-left: 10%; }

.pContainer {
  font-size: 50px;
  width: 100%;
  height: 60vh;
  background-color: lightgray; }
  .pContainer p {
    width: 70%;
    height: auto;
    padding-left: 10%;
    font-size: 30px; }

.toast-error {
  background-color: #BD362F !important; }

.toast-warning {
  background-color: #F89406 !important; }

.toast-success {
  background-color: #51A351 !important; }

#toast-container.toast-top-center > div {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  text-align: right; }

.notif {
  position: fixed;
  width: 50%;
  height: 50vh;
  z-index: 9999;
  background-color: orange;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 40px; }

.showNav {
  display: block !important; }

.nav-modal .btn-primary:hover {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important; }

.nav-modal .btn-secondary:hover {
  background-color: #6c757d !important;
  border-color: #6c757d !important; }

.navbar {
  direction: rtl;
  font-size: 1.5rem;
  position: fixed !important;
  background-color: #fff !important;
  z-index: 99;
  text-align: right;
  color: black !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.178); }
  .navbar .dropdown-item {
    line-height: 30px; }
  .navbar .ifLogin {
    margin-bottom: 0 !important; }
    .navbar .ifLogin #proUser, .navbar .ifLogin #exitUser {
      margin: 0 10px;
      cursor: pointer;
      transition: 0.5s;
      display: inline-block;
      font-size: 1.3rem;
      padding: 8px 15px;
      background-color: #2cd44a;
      border-radius: 100em;
      box-shadow: 0 5px 40px 0 rgba(44, 212, 74, 0.3);
      color: white; }
      .navbar .ifLogin #proUser a, .navbar .ifLogin #exitUser a {
        color: white;
        text-decoration: none; }
    .navbar .ifLogin #exitUser {
      background-color: #ff330f; }
  .navbar .regis {
    margin-bottom: 0 !important; }
    .navbar .regis li {
      margin: 0 10px;
      cursor: pointer;
      transition: 0.5s;
      display: inline-block;
      font-size: 1.3rem;
      padding: 8px 15px;
      background-color: transparent;
      border-radius: 100em;
      border: 1px solid #0081FF;
      color: #0081FF; }
      .navbar .regis li:hover {
        background-color: #005ab3;
        box-shadow: 0 5px 40px 0 rgba(0, 129, 255, 0.3);
        color: white; }
  .navbar .navbar-brand {
    font-size: 1.7rem;
    margin-left: 40px; }
  .navbar .nav-item {
    padding: 5px 15px;
    text-align: right;
    color: black !important;
    right: 0; }
  .navbar .nav-link {
    color: black !important; }

.navbar-toggler {
  position: fixed !important;
  left: 12px !important;
  top: 12px !important; }

@media (max-width: 992px) {
  .payesh {
    cursor: pointer; }
    .payesh a {
      color: black;
      text-decoration: none; }
      .payesh a:hover {
        color: black; }
  .navbar {
    direction: rtl;
    font-size: 1.5rem;
    position: fixed !important;
    background-color: #fff !important;
    z-index: 99;
    text-align: right;
    color: black !important;
    text-decoration: none; }
    .navbar a:hover {
      text-decoration: none; }
    .navbar .navbar-brand {
      font-size: 1.7rem;
      margin-left: 40px; }
    .navbar .nav-item {
      padding: 5px 15px;
      text-align: right;
      color: black !important;
      right: 0;
      width: 100%; }
    .navbar .dropdown-menu {
      width: 130%;
      font-size: 1.4rem;
      text-align: right !important;
      transform: translateX(-25%); }
      .navbar .dropdown-menu .dropdown-item {
        margin: 10px 0 !important;
        padding: 5px 5px !important;
        text-align: center;
        line-height: 15px; }
    .navbar .nav-link {
      color: black !important; } }

@media (min-width: 992px) {
  .payesh {
    cursor: pointer; }
  .dropdown:hover .dropdown-menu {
    display: block; }
  .dropdown-menu {
    width: 110% !important;
    font-size: 1.4rem;
    transform: translateX(0%) !important;
    border: 1px solid #000;
    text-align: right !important; } }

@media (max-width: 992px) {
  .dropdown-menu {
    width: 100% !important;
    transform: translateX(0%) !important;
    margin: 0 auto; }
  .nav-item {
    text-align: center !important; }
  #navLogin {
    margin: 20px auto; }
  #nameUser {
    border-top: 1px solid #ccc;
    width: 100%;
    margin-top: 5px;
    padding: 10px 3px;
    display: block;
    margin-bottom: 10px; }
  .ifLogin {
    flex-direction: column; } }

.swiper-container {
  height: 90vh !important;
  margin-top: 30px;
  overflow: hidden; }
  .swiper-container .swiper-slide {
    background: center center/cover no-repeat; }

#grenn {
  background-color: #2cd44a;
  color: white;
  margin-right: 10px;
  box-shadow: 0 5px 40px 0 rgba(44, 212, 74, 0.3); }
  #grenn:hover {
    background-color: #25aa3d; }

/* width */
::-webkit-scrollbar {
  width: 7px; }

/* Track */
::-webkit-scrollbar-track {
  background: white; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0081FF; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0081FF; }

.firstTitle {
  background-color: #f3f3f3;
  width: 100%;
  height: auto;
  padding: 70px 0; }
  .firstTitle .row .main-header {
    font-size: 4rem;
    margin-bottom: 50px; }
  .firstTitle .row .about {
    width: 50%;
    min-height: 100px;
    line-height: 3rem; }
    .firstTitle .row .about p {
      font-size: 1.7rem; }

.sec2 .w40 h1 {
  color: #273f5b; }

.sec2 .w40 p {
  color: #5a6671;
  padding-bottom: 30px;
  padding-top: 50px; }

.sec2 .w40 ul {
  margin-bottom: 20px; }
  .sec2 .w40 ul li {
    list-style-image: url(../source/img/checked.png);
    font-size: 1.5rem;
    padding: 8px 0; }

.sec2 .w40 .btn {
  align-self: flex-start;
  align-items: flex-start;
  background-color: #0081FF;
  color: white;
  box-shadow: 0 5px 40px 0 rgba(0, 129, 255, 0.3); }
  .sec2 .w40 .btn:hover {
    background-color: #0074e6; }

.sec5 {
  background-color: white; }
  .sec5 h1 {
    padding: 0 1%; }
  .sec5 .models {
    background-color: #fff;
    width: 30%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    transition: 0.5s;
    margin-top: 50px;
    border-radius: 20px;
    height: auto;
    padding: 10px 0 20px 0; }
    @media screen and (max-width: 900px) {
      .sec5 .models {
        margin-bottom: 30px; }
        .sec5 .models > .row {
          justify-content: center;
          flex-direction: column; } }
    .sec5 .models:hover {
      box-shadow: 0 5px 40px 0 rgba(0, 129, 255, 0.3);
      transform: scale(1.01); }
    .sec5 .models > * {
      margin-top: 10px;
      margin-bottom: 10px; }
    .sec5 .models .productBg {
      width: 100%;
      height: 200px;
      background: center center/cover no-repeat;
      margin: 20px 0 40px 0; }
    .sec5 .models .btn {
      border: 1px solid #0081FF;
      font-family: iransans;
      color: #0081FF; }
      .sec5 .models .btn:hover {
        color: white;
        background-color: #0081FF; }
    .sec5 .models .cost {
      color: #F64D62;
      font-size: 1.5rem;
      background-color: #2cd44a;
      font-family: iransans;
      border: none;
      color: white;
      transition: 200ms;
      cursor: default; }
      .sec5 .models .cost:hover {
        color: white;
        background-color: #23aa3b; }

.sec7 {
  position: relative;
  padding-top: 50px; }
  .sec7::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.623); }
  .sec7 > .title {
    color: white;
    z-index: 6; }
  .sec7 .row70 {
    background-color: #fff;
    z-index: 6;
    font-size: 2rem; }
    .sec7 .row70 .flex {
      padding: 40px 40px 0 40px; }
      .sec7 .row70 .flex h2 {
        font-size: 2.2rem;
        margin-bottom: 50px; }
      .sec7 .row70 .flex * {
        margin-bottom: 10px; }
      .sec7 .row70 .flex img {
        border-radius: 50%;
        width: 100%; }
      .sec7 .row70 .flex p {
        text-align: center;
        font-size: 1.5rem; }

.footer {
  padding: 3% 0 0 0;
  background-color: #333;
  font-size: 1.5rem;
  line-height: 2em;
  font-family: iransans;
  color: white; }
  .footer img {
    width: 20%; }
  .footer .email {
    color: white;
    text-align: right;
    direction: rtl; }
    .footer .email * {
      margin-bottom: 30px; }
  .footer .link {
    text-align: right;
    color: white; }
    .footer .link li {
      margin-bottom: 10px;
      direction: rtl; }
      .footer .link li a {
        color: white; }
    .footer .link h1 {
      margin-bottom: 30px;
      font-size: 2rem;
      position: relative; }
  .footer .contact {
    text-align: right; }
    .footer .contact > ul > ul {
      margin-left: 40px; }
    .footer .contact li {
      margin-bottom: 20px;
      direction: rtl; }
      .footer .contact li span {
        color: #0081FF;
        font-size: 1.7rem;
        margin-left: 10px;
        margin-right: 0.2em !important; }
    .footer .contact h1 {
      margin-bottom: 30px;
      font-size: 2rem;
      position: relative; }
  .footer .copyRight {
    padding: 0;
    margin: 0; }

.alert {
  width: 70% !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
  text-align: center !important; }

.pagination li {
  list-style-type: none;
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #FFF;
  background-color: #2cd44a;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  margin: 0 5px;
  border-radius: 3px; }

.pagination li:hover {
  background-color: #1e9534; }

.pagination ul {
  border: 0;
  padding: 0; }

.active {
  background-color: #1e9534 !important; }

@media screen and (max-width: 900px) {
  .w80 {
    width: 95%;
    margin: 0 auto; }
    .w80 input {
      margin: 10px 0 !important; }
  .contact h1::before {
    width: 100% !important; }
  .footer {
    padding-top: 50px; }
    .footer img {
      margin: 20px auto !important; }
    .footer .email {
      order: -1; } }

@media screen and (max-width: 500px) {
  .firstTitle {
    padding: 20px 0; }
    .firstTitle .row .main-header {
      font-size: 4rem;
      margin-bottom: 30px; }
    .firstTitle .row .about {
      width: 80%;
      min-height: 70px;
      line-height: 2.5rem; }
      .firstTitle .row .about p {
        font-size: 1.7rem; }
  .sec5 .models {
    margin-top: 20px;
    padding: 0; }
    .sec5 .models > * {
      margin-top: 10px;
      margin-bottom: 10px; }
    .sec5 .models .productBg {
      width: 100%;
      height: 200px;
      background: center center/cover no-repeat;
      margin: 0; }
    .sec5 .models .cost {
      background-color: #2cd44a;
      border: none;
      color: white;
      margin-bottom: 20px;
      direction: rtl  !important; } }

.opacity1 {
  opacity: 1 !important;
  visibility: visible !important; }

.opacity0 {
  opacity: 0;
  visibility: hidden; }

.popUpBlack {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99998;
  background-color: rgba(0, 0, 0, 0.781);
  opacity: 0;
  transition: 0.2s;
  visibility: hidden; }

.popUp {
  width: 35%;
  height: 70%;
  position: fixed !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 30px;
  background-color: white;
  color: #0081FF;
  font-size: 1.3rem;
  transition: 0.5s;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #0081FF;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  font-size: 1.5rem; }
  .popUp > form input {
    text-align: right;
    border-radius: 20px;
    padding: 10px;
    border: 1px solid #0081FF;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    outline: none;
    width: 80%;
    transition: 0.2s; }
    .popUp > form input:focus {
      box-shadow: 0 5px 40px 0 rgba(0, 129, 255, 0.3);
      transform: scale(1.01); }
  .popUp > form .btn {
    background-color: #2cd44a;
    color: white;
    border: none;
    padding: 10px 25px;
    font-size: 1.5rem; }
    .popUp > form .btn:hover {
      background-color: #1e9534; }
  .popUp > form .forgety {
    width: 70%; }
  .popUp .zabdar {
    position: absolute;
    width: 10%;
    height: 10%;
    left: 4%;
    top: 4%;
    font-size: 5rem;
    cursor: pointer; }

@media screen and (max-width: 900px) {
  .popUp {
    width: 95%; } }

.secondPageContainer {
  height: auto;
  padding: 71px 0;
  background-color: #f3f3f3; }
  .secondPageContainer .productHeader {
    font-size: 3.5rem;
    padding: 30px 0;
    font-family: iransans; }
  .secondPageContainer .productItems {
    width: 90% !important;
    height: auto;
    margin: 0 auto; }
    .secondPageContainer .productItems .productItem {
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
      height: 400px;
      margin: 30px 1.5%;
      width: 22%;
      transition: 0.5s; }
      .secondPageContainer .productItems .productItem:hover {
        box-shadow: 0 5px 40px 0 rgba(0, 129, 255, 0.3);
        transform: scale(1.01); }
      .secondPageContainer .productItems .productItem .productImage {
        height: 65%;
        width: 100%;
        background: center center/cover no-repeat; }
      .secondPageContainer .productItems .productItem .headParent {
        background-color: #0081FF;
        height: auto;
        min-height: 16%;
        padding: 5px;
        color: white; }
      .secondPageContainer .productItems .productItem .btnParent {
        background-color: #fff;
        height: 20%;
        text-align: center; }
        .secondPageContainer .productItems .productItem .btnParent .btn {
          margin: 10px 0; }
        .secondPageContainer .productItems .productItem .btnParent .itemInfo {
          background-color: #2cd44a;
          color: white;
          border: none; }
          .secondPageContainer .productItems .productItem .btnParent .itemInfo:hover {
            background-color: #1e9534; }
        .secondPageContainer .productItems .productItem .btnParent .itemBuy {
          cursor: default;
          direction: rtl;
          padding: 13px 20px; }

@media screen and (max-width: 900px) {
  .productItem {
    width: 45% !important; } }

@media screen and (max-width: 500px) {
  .productItem {
    width: 100% !important; } }

.thirdPageContainer {
  padding-top: 80px;
  background-color: #f3f3f3; }
  .thirdPageContainer .w20 {
    text-align: center; }
    .thirdPageContainer .w20 .row {
      width: 90%;
      margin-top: 30px;
      padding: 20px 0;
      background: white;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
      border-radius: 20px; }
      .thirdPageContainer .w20 .row > h1 {
        font-size: 2.5em;
        margin-bottom: 20px; }
      .thirdPageContainer .w20 .row ul li {
        padding: 5px 2px;
        border-bottom: 1px solid #ccc;
        font-size: 1.7em; }
      .thirdPageContainer .w20 .row ul li:first-child {
        border-top: 1px solid #ccc; }
  .thirdPageContainer .w80 {
    flex-wrap: wrap; }
    .thirdPageContainer .w80 .head {
      font-size: 2.5em; }
    .thirdPageContainer .w80 .ranking {
      background-color: #0081FF;
      box-shadow: 0 5px 40px 0 rgba(0, 129, 255, 0.3);
      min-width: 70%;
      font-size: 2rem;
      margin: 20px 0;
      padding: 20px 0;
      border-radius: 20px; }
      .thirdPageContainer .w80 .ranking .fa-heart {
        color: red; }
      .thirdPageContainer .w80 .ranking i.fa-comment {
        color: lightseagreen !important; }
    .thirdPageContainer .w80 .productDesc {
      font-size: 1.5em;
      padding: 50px; }
      .thirdPageContainer .w80 .productDesc > p {
        width: 95% !important;
        display: inline-block; }
    .thirdPageContainer .w80 .productShortDesc {
      font-size: 1.5em;
      margin-top: 50px;
      background: white;
      width: 90%;
      padding: 50px;
      border-radius: 20px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); }
    .thirdPageContainer .w80 .productPriceParent .productPrice {
      display: inline-block;
      background-color: #2cd44a;
      color: white;
      font-size: 1.3rem;
      border: none;
      cursor: default; }
      .thirdPageContainer .w80 .productPriceParent .productPrice:hover {
        background-color: #23aa3b; }
    .thirdPageContainer .w80 .form {
      margin-top: 50px;
      background: white;
      width: 90%;
      padding: 50px 0;
      border-radius: 20px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
      .thirdPageContainer .w80 .form > div.row {
        padding: 0 20px;
        margin-top: 20px; }
        .thirdPageContainer .w80 .form > div.row > input {
          width: 25%;
          direction: rtl;
          padding: 10px 15px;
          border-radius: 20px;
          outline: none;
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          border: 1px solid #0081FF; }
          .thirdPageContainer .w80 .form > div.row > input:focus {
            box-shadow: 0 5px 20px 0 rgba(0, 129, 255, 0.3); }
      .thirdPageContainer .w80 .form textarea {
        width: 70%;
        margin-top: 30px;
        direction: rtl;
        padding: 10px 15px;
        border-radius: 20px;
        outline: none;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        border: 1px solid #0081FF;
        resize: none; }
        .thirdPageContainer .w80 .form textarea:focus {
          box-shadow: 0 5px 20px 0 rgba(0, 129, 255, 0.3); }
    .thirdPageContainer .w80 .comments {
      margin: 50px 0;
      background: white;
      width: 90%;
      padding: 50px 0;
      border-radius: 20px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
      .thirdPageContainer .w80 .comments .comment {
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
        background-color: #ececec;
        border-radius: 20px;
        padding: 15px 0;
        margin-top: 20px;
        width: 80%;
        transition: 0.5s; }
        .thirdPageContainer .w80 .comments .comment:hover {
          box-shadow: 0 5px 20px 0 rgba(0, 129, 255, 0.3); }
        .thirdPageContainer .w80 .comments .comment > div {
          margin-right: 5%; }
        .thirdPageContainer .w80 .comments .comment p {
          margin-bottom: 0 !important;
          margin-right: 15%;
          text-align: right;
          width: 80%; }
        .thirdPageContainer .w80 .comments .comment i {
          color: #0081FF;
          margin: 10px;
          font-size: 25px; }
        .thirdPageContainer .w80 .comments .comment .answerCm {
          background-color: #fcfcfc;
          border-radius: 20px;
          padding: 15px 0;
          margin-top: 20px;
          width: 80%;
          transition: 0.5s;
          margin: 0 auto;
          margin-top: 20px; }

.payeshContainer {
  background-color: #f3f3f3;
  padding: 50px 0; }

.payeshParent {
  padding: 150px 0;
  width: 100%;
  margin: 0 auto; }
  .payeshParent .payeshBox {
    position: relative;
    padding: 20px 0;
    padding-top: 70px;
    width: 23%;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border-radius: 20px; }
    .payeshParent .payeshBox .payeshTitle {
      font-size: 2rem;
      position: absolute;
      left: 50%;
      top: 0%;
      transform: translate(-50%, -50%);
      width: 70%;
      height: auto;
      padding: 15px 0;
      text-align: center;
      background-color: #0081FF;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.178);
      border-radius: 20px;
      color: white; }
    .payeshParent .payeshBox .btn {
      margin-top: 20px;
      background-color: #2cd44a;
      color: white;
      border: none;
      outline: none; }
      .payeshParent .payeshBox .btn a {
        color: white; }
        .payeshParent .payeshBox .btn a:hover {
          color: white;
          text-decoration: none; }
    .payeshParent .payeshBox > p {
      text-align: justify;
      width: 70%; }

@media screen and (max-width: 900px) {
  .payeshBox {
    width: 80% !important;
    margin: 40px 0; } }

.fourthPageContainer {
  padding: 150px 0;
  background-color: #f3f3f3; }
  .fourthPageContainer .w20 {
    text-align: center; }
    .fourthPageContainer .w20 .row {
      width: 90%;
      margin-top: 30px;
      padding: 20px 0;
      background: white;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
      border-radius: 20px; }
      .fourthPageContainer .w20 .row > h1 {
        font-size: 2.5em;
        margin-bottom: 20px; }
      .fourthPageContainer .w20 .row ul li {
        margin-top: 10px;
        font-size: 1.7em; }
  .fourthPageContainer .w80 .title {
    font-size: 2rem;
    height: auto;
    padding: 25px 40px;
    text-align: center;
    background-color: #0081FF;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.178);
    border-radius: 40px;
    color: white;
    margin: 0 auto; }
  .fourthPageContainer .w80 .bg {
    width: 90%;
    height: 50vh;
    background: center center/cover no-repeat;
    margin: 30px 0; }
    .fourthPageContainer .w80 .bg img {
      width: 100%;
      height: auto; }
  .fourthPageContainer .w80 .shortdesc {
    width: 80%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.041);
    border-radius: 20px;
    background-color: #fff;
    padding: 20px;
    text-align: right; }
    .fourthPageContainer .w80 .shortdesc h3 {
      margin: 20px 0; }
  .fourthPageContainer .w80 .longdesc {
    text-align: right;
    width: 80%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.041);
    border-radius: 20px;
    background-color: #fff;
    padding: 20px;
    margin: 40px 0; }
    .fourthPageContainer .w80 .longdesc h3 {
      margin: 20px 0; }
  .fourthPageContainer .w80 .number {
    font-size: 2rem;
    height: auto;
    padding: 15px 20px;
    text-align: center;
    background-color: #2cd44a;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.178);
    border-radius: 20px;
    color: white;
    margin: 0 auto; }

@media screen and (max-width: 900px) {
  .mortabet {
    display: none !important; } }

.accordion {
  width: 90% !important;
  z-index: 1;
  font-size: 1.5rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.178);
  border-radius: 20px !important;
  overflow: hidden; }
  .accordion .mb-0 {
    font-size: 1.7rem !important; }
  .accordion .card .card-header {
    background-color: #fff !important; }
    .accordion .card .card-header .btn-link {
      border: none !important;
      background-color: transparent;
      margin: 0 auto;
      outline: none;
      padding: 10px 0; }
  .accordion .list-group-item {
    text-decoration: none;
    color: black;
    border-radius: 20px;
    margin: 5px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.178);
    font-size: 1.3rem; }
  .accordion .list-group-item:last-child {
    border-radius: 20px !important; }

.profileContainer {
  padding: 150px 0;
  background-color: #f3f3f3; }
  .profileContainer .content {
    width: 80%;
    margin: 0 auto;
    text-align: right;
    font-size: 1.7rem;
    background: white;
    padding: 20px 10px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.082); }
    .profileContainer .content .form-group {
      width: 90%; }
    .profileContainer .content .form-control {
      border-radius: 20px;
      text-align: right;
      margin-bottom: 20px;
      padding: 20px;
      font-size: 1.2rem;
      background-color: #f8f8f8;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.082); }
      .profileContainer .content .form-control:focus {
        box-shadow: 0 0 10px rgba(0, 128, 255, 0.575); }
    .profileContainer .content .btn {
      background-color: #2cd44a;
      border: none;
      color: white; }

.registerContainer {
  padding: 150px 0;
  background-color: #f3f3f3; }
  .registerContainer .w80 .content {
    width: 80%;
    margin: 0 auto;
    text-align: right;
    font-size: 1.7rem;
    background: white;
    padding: 50px 10px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.082); }
    .registerContainer .w80 .content .form-container {
      width: 90%;
      text-align: center; }
    .registerContainer .w80 .content .form-group {
      width: 100%;
      direction: rtl;
      text-align: right; }
    .registerContainer .w80 .content .form-control {
      width: 100%;
      border-radius: 20px;
      text-align: right;
      margin-bottom: 20px;
      padding: 20px;
      margin-top: 10px;
      font-size: 1.2rem;
      background-color: #f8f8f8;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.082); }
      .registerContainer .w80 .content .form-control:focus {
        box-shadow: 0 0 10px rgba(0, 128, 255, 0.575); }
    .registerContainer .w80 .content .btn {
      background-color: #2cd44a;
      border: none;
      color: white; }

.activateContainer {
  width: 100%;
  padding: 100px 0; }
  .activateContainer .alert-div {
    font-size: 1.5rem;
    width: 50%;
    margin-bottom: 20px;
    font-family: iransans; }
  @media (max-width: 992px) {
    .activateContainer .alert-div {
      font-size: 1.5rem;
      width: 95%;
      margin-bottom: 20px;
      font-family: iransans; }
    .activateContainer .alert {
      width: 100% !important; }
    .activateContainer input {
      margin-top: 15px !important;
      width: 100% !important; }
    .activateContainer form {
      flex-direction: column; }
    .activateContainer h1 {
      font-size: 2rem !important;
      margin: 10px auto; }
    .activateContainer p {
      font-size: 15px !important;
      padding: 0 5px; } }
  .activateContainer h1 {
    font-size: 3rem; }
  .activateContainer p {
    font-size: 2rem;
    margin: 30px 0 20px 0; }
  .activateContainer input {
    background-color: #2cd44a;
    color: white;
    margin-right: 10px;
    box-shadow: 0 5px 40px 0 rgba(44, 212, 74, 0.3);
    padding: 20px 30px;
    border: none;
    border-radius: 30px;
    font-family: iransans;
    outline: none;
    font-size: 1.5rem; }
    .activateContainer input:hover {
      background-color: #25aa3d; }
  .activateContainer #changeE {
    font-size: 2rem;
    background-color: lightgray;
    padding: 15px 25px;
    border-radius: 30px;
    box-shadow: none;
    text-align: right;
    color: black; }

.forgotContainer {
  padding: 200px 0; }
  @media (max-width: 992px) {
    .forgotContainer input {
      margin-top: 15px !important;
      width: 80% !important; }
    .forgotContainer h1 {
      font-size: 1.8rem !important;
      margin: 10px auto; }
    .forgotContainer p {
      font-size: 1rem; } }
  .forgotContainer * {
    direction: rtl; }
  .forgotContainer h1 {
    font-size: 3rem; }
  .forgotContainer p {
    font-size: 2rem;
    margin: 30px 0 20px 0; }
  .forgotContainer input {
    background-color: #2cd44a;
    color: white;
    margin-right: 10px;
    box-shadow: 0 5px 40px 0 rgba(44, 212, 74, 0.3);
    padding: 0 30px;
    border: none;
    border-radius: 40px;
    outline: none;
    height: 50px;
    font-size: 1.5rem; }
  .forgotContainer .changeE {
    font-size: 2rem;
    background-color: lightgray;
    padding: 15px 25px;
    box-shadow: none;
    text-align: right;
    color: black; }
  .forgotContainer .text-danger {
    font-size: 1.5rem;
    margin-top: 10px; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.preloader {
  width: 100%;
  height: 100%;
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000000000000000000000;
  visibility: visible;
  opacity: 1;
  transition: 200ms;
  animation: fadeIn; }

.loader {
  filter: url("#goo");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 100px; }
  .loader::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0081ff;
    margin: 0 auto;
    position: absolute;
    top: 25px;
    left: 225px;
    animation: scale 2.5s ease-in-out infinite; }
  .loader .div {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0081ff;
    top: 35px;
    left: 235px;
    animation: move 2.5s ease-in-out infinite alternate; }
    .loader .div::after, .loader .div::before {
      content: '';
      display: block;
      position: absolute;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #0081ff; }
    .loader .div::before {
      left: -75px; }
    .loader .div::after {
      left: 75px; }

@keyframes move {
  0% {
    transform: translateX(-150px); }
  100% {
    transform: translateX(150px); } }

@keyframes scale {
  10% {
    transform: scale(1); }
  50% {
    transform: scale(1.25); }
  90% {
    transform: scale(1); } }

.textLoa {
  left: 50%;
  top: -100%;
  transform: translateX(-50%);
  font-size: 35px;
  font-family: iranSans;
  color: #0081ff; }

svg {
  position: absolute;
  z-index: -100;
  pointer-events: none; }