@charset "UTF-8";
/* Following media queries are based on Bootstrap 3.x breakpoints */
body,
html,
form {
  height: 100%;
}

html,
#Body {
  direction: ltr;
}

a,
input {
  outline: 0 none !important;
}
a:hover, a:active, a:focus,
input:hover,
input:active,
input:focus {
  outline: 0 none !important;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

/*@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}*/
body.no-scroll {
  overflow: hidden !important;
}
body.rtl .farashop {
  direction: rtl;
}

.farashop select {
  padding: 0 12px !important;
}
.farashop select.select-special {
  height: 42px;
}
.farashop sub, .farashop sup {
  font-size: 85% !important;
}
.farashop input[type=radio] {
  vertical-align: middle;
}
.farashop input[type=radio] + label {
  font-weight: normal;
  position: relative;
  margin-right: 10px;
  margin-left: 8px;
  cursor: pointer;
}
.farashop .dir-rtl {
  direction: rtl !important;
}
.farashop .dir-ltr {
  direction: ltr !important;
}
.farashop .no-padding {
  padding: 0;
}
.farashop .no-radius {
  border-radius: 0 !important;
}
.farashop ul,
.farashop ol {
  margin: 0;
}
.farashop ul.no-padding,
.farashop ol.no-padding {
  padding: 0;
}
.farashop .slick-loading .slick-list {
  background: #fff url("/DesktopModules/FaraShop/assets/css/vendors/img/ajax-loader.gif") center center no-repeat;
}
.farashop .farashop__social a {
  color: #fff;
  display: block;
}
.farashop .farashop__social a:hover, .farashop .farashop__social a:focus {
  text-decoration: none;
}
.farashop .farashop__social a[class*=facebook] {
  background-color: #3b5999;
}
.farashop .farashop__social a[class*=google-plus] {
  background-color: #dd4b39;
}
.farashop .farashop__social a[class*=twitter] {
  background-color: #55acee;
}
.farashop .farashop__social a[class*=telegram] {
  background-color: #2CA5E0;
}
.farashop .farashop__social a[class*=linkedin] {
  background-color: #0077B5;
}
.farashop .farashop__social a[class*=youtube] {
  background-color: #cd201f;
}
.farashop .farashop__social a[class*=whatsapp] {
  background-color: #26d145;
}
.farashop .farashop__social a[class*=instagram] {
  background-color: #e4405f;
}
.farashop .farashop__social a[class*=pinterest] {
  background-color: #bd081c;
}
.farashop .farashop__social a[class*=yahoo] {
  background-color: #410093;
}
.farashop .farashop__social.social__inverse a {
  background-color: #fff;
}
.farashop .farashop__social.social__inverse a[class*=facebook] {
  color: #3b5999;
}
.farashop .farashop__social.social__inverse a[class*=google-plus] {
  color: #dd4b39;
}
.farashop .farashop__social.social__inverse a[class*=twitter] {
  color: #55acee;
}
.farashop .farashop__social.social__inverse a[class*=telegram] {
  color: #2CA5E0;
}
.farashop .farashop__social.social__inverse a[class*=linkedin] {
  color: #0077B5;
}
.farashop .farashop__social.social__inverse a[class*=youtube] {
  color: #cd201f;
}
.farashop .farashop__social.social__inverse a[class*=instagram] {
  color: #e4405f;
}
.farashop .farashop__social.social__inverse a[class*=pinterest] {
  color: #bd081c;
}
.farashop .farashop__social.social__inverse a[class*=yahoo] {
  color: #410093;
}
.farashop .slick-slide {
  height: auto !important;
}
.farashop .flex {
  display: flex;
}
.farashop .flex.flex__v-middle {
  align-items: center;
}
.farashop .flex.flex__h-middle {
  justify-content: center;
}
.farashop legend {
  margin-bottom: 15px;
  padding-bottom: 8px;
}
.farashop legend.small {
  font-size: 16px;
}
.farashop .js__date + i {
  color: #777;
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 1.8;
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  text-align: center;
}
.farashop .js__date + i:before {
  content: "\f00d";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  line-height: 1;
  font-size: inherit;
  text-rendering: auto;
}
.farashop .js__date + i:hover {
  color: #ca0000;
}
@media (max-width: 767px) {
  .farashop .js__date + i {
    left: 0;
    top: 3px;
    right: auto;
  }
}
.farashop .farashop__arrow {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -5px;
  cursor: pointer;
  z-index: 999;
}
.farashop .farashop__arrow:after {
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #777;
  border-right: 1px solid #777;
  content: "";
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.farashop .farashop__arrow.farashop__closed:after {
  transform: rotate(-135deg);
}
.farashop .farashop__fancy-404 {
  color: #707070;
  background-color: #fefefe;
  font-family: monospace, tahoma;
  height: 32px;
  line-height: 32px;
  position: relative;
  border: 1px dashed #a0a0a0;
  direction: ltr;
  text-align: center;
}
.farashop .farashop__fancy-404:before {
  color: rgba(50, 50, 50, 0.15);
  font-size: 50px;
  font-weight: bold;
  position: absolute;
  top: 2px;
  left: 0;
  content: "404";
}
.farashop [data-tooltip] {
  display: inline-block;
  position: relative;
}
.farashop [data-tooltip]:before {
  color: #efefef;
  font-size: 0.86em;
  white-space: nowrap;
  position: absolute;
  right: 50%;
  bottom: -26px;
  padding: 7px 10px;
  background: rgba(51, 51, 51, 0.98);
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3);
  content: attr(data-tooltip);
  opacity: 0;
  transform: translate(50%, 50%);
  transition: all 0.25s ease-out;
  visibility: hidden;
  z-index: 9999;
}
.farashop [data-tooltip]:after {
  width: 0;
  height: 0;
  position: absolute;
  right: 50%;
  bottom: -4px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #333 transparent;
  border-style: solid;
  content: "";
  opacity: 0;
  transform: translate(50%, 50%);
  transition: all 0.25s ease-out;
  visibility: hidden;
  z-index: 9999;
}
.farashop [data-tooltip]:hover:before, .farashop [data-tooltip]:hover:after {
  opacity: 1;
  visibility: visible;
}
.farashop .slick-prev,
.farashop .slick-next {
  color: transparent;
  background-color: transparent;
  font-size: 0;
  display: block;
  height: 100%;
  line-height: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  outline: none;
}
.farashop .slick-prev {
  right: 0;
}
.farashop .slick-next {
  left: 0;
}
.farashop .error input[type=text],
.farashop .error input[type=password],
.farashop .error select,
.farashop .error textarea,
.farashop .error input[type=email],
.farashop .error input[type=search] {
  border: 1px solid #d32f2f;
  color: inherit;
}

.farashop__go-to-top {
  color: #fff;
  background-color: #494949;
  font-size: 34px;
  width: 46px;
  height: 38px;
  line-height: 34px;
  position: fixed;
  right: 0;
  bottom: 30px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  text-align: center;
  transform: translate3d(0, 0, 0);
  transform: translateX(100px);
  transition: transform 0.4s;
  z-index: 10000;
}
.farashop__go-to-top.active {
  transform: translateX(0);
}

.farashop__dashboard-link a {
  color: #fff;
  background-color: #252525;
  display: block;
  height: 36px;
  line-height: 36px;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 999;
}
.farashop__dashboard-link a:hover, .farashop__dashboard-link a:focus {
  background-color: #353535;
  text-decoration: none;
}

.farashop__footer {
  margin-top: 20px;
  padding-bottom: 20px;
}

.farashop__system-error-box {
  background-color: rgba(255, 193, 7, 0.1);
  font-size: 12px;
  margin: 15px auto;
  padding: 15px;
  border: 1px dashed #FFC107;
  word-break: break-all;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

@media (min-width: 1200px) {
  .product-list.farashop__clear .col-lg-1:nth-child(12n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-lg-2:nth-child(6n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-lg-3:nth-child(4n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-lg-4:nth-child(3n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-lg-6:nth-child(odd) {
    clear: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .product-list.farashop__clear .col-md-1:nth-child(12n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-md-2:nth-child(6n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-md-3:nth-child(4n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-md-4:nth-child(3n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-md-6:nth-child(odd) {
    clear: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-list.farashop__clear .col-sm-1:nth-child(12n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-sm-2:nth-child(6n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-sm-3:nth-child(4n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-sm-4:nth-child(3n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-sm-6:nth-child(odd) {
    clear: right;
  }
}
@media (max-width: 767px) {
  .product-list.farashop__clear .col-xs-1:nth-child(12n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-xs-2:nth-child(6n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-xs-3:nth-child(4n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-xs-4:nth-child(3n+1) {
    clear: right;
  }
  .product-list.farashop__clear .col-xs-6:nth-child(odd) {
    clear: right;
  }
}

body.page__product-list .product-list,
body.page__advanced-filtering .product-list {
  margin-right: -4px;
  margin-left: -4px;
}

.js__basket__total-count {
  display: none;
}

.legal-info label {
  font-size: 0.9em;
  font-weight: normal;
}

#Body .datepicker-container {
  z-index: 9999;
}
#Body .datepicker-container * {
  font-family: inherit;
}
#Body .datepicker-container * .header-row {
  position: relative;
  top: -10px;
}
#Body .datepicker-container * .header-row div {
  color: #858585;
}
#Body .datepicker-container * .datepicker-header .btn-next {
  float: right;
}
#Body .datepicker-container * .datepicker-header .btn-prev {
  float: left;
}
#Body .datepicker-container * .datepicker-header .btn-switch {
  float: right;
}
#Body .datepicker-container * .datepicker-time-view input {
  min-width: 90%;
}

.installed-package__, .installed-package__5, .installed-package__4, .installed-package__3, .installed-package__2 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100px;
  background-color: #5468ff;
  width: 100px;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 100px 0;
  color: #f6f6fb;
  overflow: hidden;
}
.installed-package__:before, .installed-package__5:before, .installed-package__4:before, .installed-package__3:before, .installed-package__2:before {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  transform: rotate(-45deg);
  width: 100%;
  top: -30px;
  left: -15px;
  line-height: 10;
}
.installed-package__:after, .installed-package__5:after, .installed-package__4:after, .installed-package__3:after, .installed-package__2:after {
  content: "";
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
}
.installed-package__ + a, .installed-package__5 + a, .installed-package__4 + a, .installed-package__3 + a, .installed-package__2 + a {
  position: fixed;
  top: 0;
  right: 0;
  height: 100px;
  background-color: #f6f6fb;
  width: 100px;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0 100px;
  color: #5468ff;
}
.installed-package__ + a:before, .installed-package__5 + a:before, .installed-package__4 + a:before, .installed-package__3 + a:before, .installed-package__2 + a:before {
  content: "صفحه تغییر پکیج";
  position: absolute;
  white-space: nowrap;
  text-align: center;
  transform: rotate(45deg);
  width: 100%;
  top: -25px;
  left: 5px;
  line-height: 10;
}

.installed-package__2:before {
  content: "پکیج برنزی";
}
.installed-package__2:after {
  background-image: url("/DesktopModules/FaraShop/assets/img/package-1.svg");
}

.installed-package__3:before {
  content: "پکیج نقره ای";
}
.installed-package__3:after {
  background-image: url("/DesktopModules/FaraShop/assets/img/package-2.svg");
}

.installed-package__4:before {
  content: "پکیج طلایی";
}
.installed-package__4:after {
  background-image: url("/DesktopModules/FaraShop/assets/img/package-3.svg");
}

.installed-package__5:before {
  content: "پکیج الماس";
}
.installed-package__5:after {
  background-image: url("/DesktopModules/FaraShop/assets/img/package-4.svg");
}

.farashop__form .form-group {
  position: relative;
}

body.page__product .__review,
body.page__product .__desc,
body.page__product .__attributes,
body.page__product .__similar-products,
body.page__product .__related-products,
body.page__product .__related-files,
body.page__product .__variant2,
body.page__product .__addons,
body.page__product .__addon-groups,
body.page__product .__related-products,
body.page__product .__unit,
body.page__product .__compare,
body.page__product .__dynamic-tabs {
  display: none;
}

body.page__product.__review .__review {
  display: block;
}
body.page__product.__dynamic-tabs .__dynamic-tabs {
  display: block;
}
body.page__product.page__compare .__compare {
  display: block;
}
body.page__product.__unit .__unit {
  display: block;
}
body.page__product.__desc .__desc {
  display: block;
}
body.page__product.__addons .__addons {
  display: block;
}
body.page__product.__addon-groups .__addon-groups {
  display: block;
}
body.page__product.__user-comments__has-answer .user-comments__comments {
  display: block;
}
body.page__product.__attributes .__attributes {
  display: block;
}
body.page__product.__variant2 .__variant2 {
  display: block;
}
body.page__product.__similar-products .__similar-products {
  display: block;
}
body.page__product.__related-products .__related-products {
  display: block;
}
body.page__product.__related-files .__related-files {
  display: block;
}
body.page__product .product-page__prices > div.order {
  display: none;
}

@media (max-width: 767px) {
  .form-group-xs {
    margin-bottom: 15px;
  }
}
.table-responsive {
  -webkit-overflow-scrolling: touch !important;
}
.table-responsive .table {
  max-width: none;
  -webkit-overflow-scrolling: touch !important;
}

.farashop__dnn-captcha {
  margin-bottom: 15px;
}
.farashop__dnn-captcha > div {
  float: none;
}
.farashop__dnn-captcha > div input {
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 10px;
  width: 100%;
}
.farashop__dnn-captcha > div > div {
  margin: 7px 0;
}

#Body .panel-gifts .product-box__item {
  margin-bottom: 15px;
}
#Body .panel-gifts .product-box__item p {
  display: none !important;
}
#Body .panel-gifts .product-box__item p + div {
  display: none !important;
}
#Body .panel-gifts .product-box__item .product-box__tag,
#Body .panel-gifts .product-box__item .product-box__prices,
#Body .panel-gifts .product-box__item .product-box__overlay,
#Body .panel-gifts .product-box__item .product-box__status {
  display: none !important;
}
#Body .panel-gifts ._default .product-box__item .product-box__title {
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-top: 8px;
}

.raychat_main_button {
  /* thanks to Mr. Asghari */
  z-index: 990 !important;
}

.header__search-box i.inline-icon {
  padding: 0 9px;
}
.header__search-box i.inline-icon:before {
  font-size: 15px;
  content: "\f0d9";
  font: normal normal normal 14px/1 FontAwesome;
}

body.ltr .header__search-box i.inline-icon:before {
  content: "\f0da";
}

.floatify {
  display: flex;
  align-items: center;
}
.floatify i {
  position: absolute;
  margin-inline-start: 13px;
  font-size: 16px;
  color: #D5D5D5;
}
.floatify.floatify__right .floatify__input, .floatify.floatify__right.floatify__active .floatify__input {
  padding-right: 45px;
}
.floatify.floatify__right .floatify__label, .floatify.floatify__right.floatify__active .floatify__label {
  white-space: nowrap;
}
.floatify.floatify__left .floatify__input, .floatify.floatify__left.floatify__active .floatify__input {
  padding-left: 45px;
}
.floatify input::placeholder, .floatify textarea::placeholder {
  color: #90978f;
  font-size: 13px;
}

#cboxLoadedContent {
  border-radius: 8px;
}

.farashop__popup .user-info__group legend {
  display: none;
}

.resend-code__container {
  margin-bottom: 30px;
}
.resend-code__container .btn-resend-code {
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: unset;
}

.resend-code__timer {
  color: #a7a7a7;
  font-size: 13px;
}

/* Following media queries are based on Bootstrap 3.x breakpoints */
.farashop__special-order .none-file-upload {
  display: none;
}
.farashop__special-order .special-order__info > div > div {
  text-align: center;
}
.farashop__special-order .special-order__info .special-order__prices {
  text-align: center;
}
.farashop__special-order .special-order__info .special-order__prices > div:first-child {
  color: #009b49;
  font-size: 15px;
  margin-bottom: 9px;
}
.farashop__special-order .special-order__info .special-order__prices > div:last-child {
  display: flex;
  flex-direction: column;
}
.farashop__special-order .special-order__info .special-order__prices > div:last-child label {
  padding-right: 10px;
  color: #393939;
  font-size: 18px;
  font-weight: bold;
}
.farashop__special-order .special-order__info .special-order__prices > div:last-child label > span {
  padding-right: 7px;
  font-size: 15px;
  color: #797979;
}
.farashop__special-order .special-order__info .special-order__prices > div:last-child label:first-child label {
  text-decoration: line-through;
}
.farashop__special-order .special-order__info .special-order__prices > div:last-child label:first-child:before {
  font-size: 14px;
  font-weight: 700;
  color: #787878;
  content: "قیمت قدیم :";
}
.farashop__special-order .special-order__info .special-order__prices > div:last-child label:last-child:before {
  font-size: 14px;
  font-weight: 700;
  color: #787878;
  content: "قیمت جدید :";
}
.farashop__special-order .special-order__form .form-group {
  margin-bottom: 4px;
}

#custom-products__radio-button-output label {
  user-select: none;
}

#custom-products__radio-button-output.disabled label {
  pointer-events: none;
}

.js__copy {
  cursor: pointer;
}
.js__copy .copy-button {
  padding: 5px;
  margin: 0 5px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

#national-card-image__input, .national-card-image__input {
  padding: 10px;
}

.user-info__group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.user-info__group input[type=file] {
  border: 1px solid transparent;
}

.user-info__field {
  width: 100%;
}
@media (min-width: 768px) {
  .user-info__field {
    width: 49.5%;
  }
}

.user-info__field--full {
  width: 100%;
}

.national-card-image {
  display: flex;
  justify-content: space-between;
}
.national-card-image__preview {
  position: relative;
  width: 250px;
  height: 180px;
  text-align: start;
}
.national-card-image__img {
  max-width: 100%;
  max-height: 100%;
}
.national-card-image__delete {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  top: 2px;
  right: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  z-index: 1;
}
.national-card-image__delete i {
  color: red;
  font-size: 22px;
}

.farashop__location {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.farashop__location .alert {
  width: 100%;
}

.basket-panel {
  margin-bottom: 15px;
}

.checkout-panel {
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 15px;
}
.checkout-panel input[type=radio] {
  appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  position: relative;
  background-color: white;
}
.checkout-panel input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #787a87;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: appear 0.8s;
}
.checkout-panel .btn {
  background-color: #787a87;
  color: white;
  border: 1px solid #787a87;
}
.checkout-panel .btn:hover {
  background-color: #888a95;
}

.checkout-panel__heading {
  padding: 10px 15px;
}

.checkout-panel__title {
  font-weight: bold;
  font-size: 13px;
  color: #787a87;
  margin: 0;
}

.checkout-panel__body {
  padding: 15px;
}

@media (min-width: 1200px) {
  .checkout-review {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .checkout-review .basket-panel {
    width: 69.5%;
    display: flex;
  }
}
.checkout-review hr {
  border-top: 1px solid #D1D1D1;
}

@media (min-width: 1200px) {
  .checkout-review__container {
    width: 29.5%;
    display: flex;
  }
}
@media (min-width: 1200px) {
  .checkout-review__container .checkout-panel {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .checkout-review__container .checkout-panel__body {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .checkout-review__container .checkout__step__review {
    height: 100%;
  }
}

.checkout-review__item {
  display: flex;
}
.checkout-review__item div {
  width: 80%;
  word-wrap: break-word;
}
@media (min-width: 1200px) {
  .checkout-review__item div {
    width: 58%;
  }
}
.checkout-review__item div:first-child {
  width: 20%;
}
@media (min-width: 1200px) {
  .checkout-review__item div:first-child {
    color: #ccc;
    width: 42%;
  }
}

.user-address__page .farashop, .user-address__page .checkout-panel, .user-address__page .checkout-panel__body {
  height: 100%;
}
.user-address__page .farashop {
  padding-top: 0;
}
.user-address__page .checkout-panel {
  margin-bottom: 0;
}
.user-address__page .checkout-panel__heading {
  display: none;
}
.user-address__page .checkout-panel__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product-page__btn-buy-disabled {
  opacity: 0.5;
}

@keyframes loading-spin {
  100% {
    transform: rotate(360deg);
  }
}