/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

        .main_slid_sliderlocal:hover .bg_gray {
           opacity:1;
             -webkit-transition: opacity  ease-in-out;
                 -moz-transition: opacity  ease-in-out;
                 -o-transition: opacity  ease-in-out;
                 transition: opacity  ease-in-out;
        }
        .main_slid_sliderlocal .bg_gray {
           opacity:0;
             -webkit-transition: opacity  ease-in-out;
                 -moz-transition: opacity  ease-in-out;
                 -o-transition: opacity  ease-in-out;
                 transition: opacity  ease-in-out;
        }
        .height{
            height:465px;
        }
        .bg_flesh1{
            //background-color: rgba(1,1,1,0.2);
            height: 40px;
            width: 100%;
            top: 0;
            text-align: center;
            padding-left: 20px;
        }
        .bg_flesh2{
            //background-color: rgba(1,1,1,0.2);
            height: 40px;
            width: 100%;
            text-align: center;
            padding-left: 20px;
            bottom: 0px;
        }
        .activeShortImg{
            border:2px solid #bbb9b9 !important;
        }
        .short_img_div{
            width:250px;
            height:129px;
            padding-left: 20px;
            padding-bottom: 20px;
        }
        .short_img_div_main{
            width:230px;
            height:109px;
            text-align: center;
            overflow: hidden;
            border:2px solid white;
        }
        .short_img{
            width:224px;
            //height:109px;
        }
        .width_1200{
            width:1200px;
            margin:auto;
        }
        .width_100{
            width:100%;
        }
        .bg_gray{
            background-color: rgba(1,1,1,0.2);
            height:465px;
            width:100px;
            text-align: center;
            //opacity:0;
        }
        .slid_sliderlocal_img{
            height:100%;
            width:950px;
            object-fit: cover;
        }
        .slid_sliderlocal_link{
            height:100%;
            width:950px;
            text-align: center;
       }
       .slid_sliderlocal_link_2{
            height:100%;
       }
        .slid_sliderlocal_content{position: relative; height:100%}
        .slid_sliderlocal_content_2{position: relative;}
        .slid_sliderlocal_box_main{
            overflow: hidden;
            margin:0px;
            padding:0px;
            height:100%;
        }
        .slid_sliderlocal_box_main_2{
            overflow: hidden;
            margin:0px;
            padding:0px;
            //height:100%;
        }
        .slid_sliderlocal_box{
            height:100%;
            padding: 0px 2px;
           position: relative;
        }
        .slid_sliderlocal_box_2{
            //height:100%;
            //padding: 0px 2px;
           position: relative;
        }
        .slid_sliderlocal_sel_left{
            background-image: url(https://graph.ir/files/main/main/img/icons/s-arrow.png);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 70px;
            height: 70px;
            transform: rotate(180deg);
            cursor: pointer;
            opacity:0.7;
            border-radius:50%;
        }
        .slid_sliderlocal_sel_left_2{
            background-image: url(https://graph.ir/files/main/main/img/icons/arrow_down_2.png);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 70px;
            height: 40px;
            transform: rotate(180deg);
            cursor: pointer;
            opacity:0.7;
            border-radius:50%;
        }
        .left{
            left: 0;
        }
        .main_slid_sliderlocal_div{
            position: absolute;
            vertical-align: top;
            display: inline-flex !important;
            height:465px;
        }
        .main_slid_sliderlocal_div_2{
            position: absolute;
            vertical-align: top;
            //display: inline-flex !important;
            //height: 385px;
        }
        .slid_sliderlocal_scrollable{
            right: -1108px;
            height:465px;
        }
        .slid_sliderlocal_scrollable_2{
            right: -1108px;
            height: 385px;
        }
        .pd_t{
            padding-top: 197.5px;
        }
        .slid_sliderlocal_sel2_main{
            overflow: hidden;
            position: relative;
            height: 465px;
        }
        .slid_sliderlocal_sel2_main_2{
            overflow: hidden;
            position: relative;
            height: 385px;
        }
        .slid_sliderlocal_sel2{
            width: 100%;
        }
        .slid_sliderlocal_sel2_2{
            width: 100%;
        }
        .slid_sliderlocal_sel_right{
            background-image: url(https://graph.ir/files/main/main/img/icons/s-arrow.png);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 70px;
            height: 70px;
            cursor: pointer;
            opacity:0.7;
            border-radius:50%;
            //margin-right: 10px;
        }
        .slid_sliderlocal_sel_right_2{
            background-image: url(https://graph.ir/files/main/main/img/icons/arrow_down_2.png);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 70px;
            height: 40px;
            cursor: pointer;
            opacity:0.7;
            border-radius:50%;
            //margin-right: 10px;
        }

            .z_index{
                z-index:9;
            }
            .slid_sliderlocal_sel1, .slid_sliderlocal_sel3{
                width: 100px;
            }
            .slid_sliderlocal_sel1_2, .slid_sliderlocal_sel3_2{
                width: 100%;
            }
            .pos_abs{
                position: absolute;
            }
            .pos_rel{
                position: relative;
            }
            .sliderlocal_imgs{
                width:250px;
                height:465px;
                //overflow-y: scroll;
                //overflow-x: hidden;
            }
            .large_img{

            }
            .sliderlocal_slideFull{
                width:950px;
                height:465px;
            }
            .dis_flex{
                display:flex;
            }
        #sliderlocal_189{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#sliderlocal_189 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#sliderlocal_189 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#sliderlocal_189 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#sliderlocal_189 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#sliderlocal_189 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#sliderlocal_189 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#sliderlocal_189 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#sliderlocal_189 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#sliderlocal_189 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#sliderlocal_189 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#sliderlocal_189 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#sliderlocal_189 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#sliderlocal_189 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#sliderlocal_189 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#sliderlocal_189 .pr_1200 , #sliderlocal_189 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }#description_46{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#description_46 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#description_46 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#description_46 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#description_46 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#description_46 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#description_46 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#description_46 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#description_46 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#description_46 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#description_46 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#description_46 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#description_46 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#description_46 .color_box_text{/*range text dakhele box ha! */
                            color:#ffffff ;
                                }#description_46 .color_box_title{/*range title dakhele box ha!*/
                            color:#0e585c ;
                                }#description_46 .pr_1200 , #description_46 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }
            .color_blue{color:#00AFEF;}
            .en_page{
                direction: ltr;
            }
            .fa_page{
                direction: rtl;
            }
            .w200 {
               width:200px;
            }
            .w400 {
               width:400px;
            }
            .w600 {
               width:600px;
            }
            .w800 {
               width:800px;
            }
            .w1000 {
               width:1000px;
            }
            .w1200 {
               width:1200px;
            }
            .dtcd {
                display:table-cell;
                padding:10px;
                text-align: justify;
            }
            .pdig {
                line-height: 2em;
            }
            .imgdi{
                width: 100%;
            }
            .gerd{
                border-radius: 50%;
            }
            .diul{
                 padding:20px;
            }

            #description_46 .ti_ma_h{
                width:1200px;
                text-align: center;
                margin: auto;
                padding: 0 10px;
                font-size:20px;
                line-height: 50px;
                color: #ffffff;
                background-color: #0e585c;
            }
            #description_46 .ti_ma_h a{color: #ffffff;font-weight: bold;}
            .pborder{
                border-right-width:4px;
                border-right-style: solid;
                border-right-color: #00AECD;
                padding-right:25px;
                font-weight: 600;
            }
            .pborder_title{
                line-height: 1.42857143;
                padding-right: 25px;
                font-size:1em;
            }
            .p_text_pic{
                width:100%;
                border-radius: 3px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
                -webkit-transition: box-shadow 300ms 0s ease;
                -moz-transition: box-shadow 300ms 0s ease;
                -ms-transition: box-shadow 300ms 0s ease;
                -o-transition: box-shadow 300ms 0s ease;
                transition: box-shadow 300ms 0s ease;
                display:table;
                table-layout: fixed;
                }
            .p_text_pic:hover{
                    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
            }
            .pl_text_pic{
                width:29%;
                display: table-cell;
                vertical-align: middle;
                padding: 14px 28px;
                /*background-color: #f4f4f4;*/
                text-align: center;
            }
            .pl_text_pic2{
                width:29%;
                display: table-cell;
                vertical-align: middle;
                background-color: #f4f4f4;
                text-align: center;
            }
            .pr_text_pic{
                width:70%;
                display: table-cell;
                vertical-align: middle;
                position: relative;
                padding: 20px 65px 15px 20px;
                overflow: hidden;
            }
            .pr_text_pic2{
                width:70%;
                display: table-cell;
                vertical-align: middle;
                position: relative;
                padding: 10px 20px;
                overflow: hidden;
            }

        
             .pr_text_pic:before{
                position: absolute;
                display: block;
                top: 24px;
                right: 4%;
                background-image:url(https://graph.ir/files/main/module/description/img/quote.png);
                content:"";
                background-size: contain;
                width: 26px;
                height: 26px;
                background-repeat: no-repeat;

             }
             .imgtext{
                width:100%;
                /*height:120px;*/
                border-radius:50%;
             }
             .imgtext2{
                width:100%;
             }
             .video_tag{width:100%;}

        
            #description_46 .public_center{
                border-spacing:0px;
            }
        
            .module1_text_container_right h2,
            .module1_text_container_left h2,
            .module1_text_container_rightEn h2,
            .module1_text_container_leftEn  h2
            {
                font-size:1.9em;
                font-weight:bold;
                padding-bottom:20px;
                color: #333333;
                line-height: 36px;
            }

            .module1_text_container_right h3,
            .module1_text_container_left h3,
            .module1_text_container_rightEn h3,
            .module1_text_container_leftEn  h3
            {
                font-size:1.9em;
                font-weight:bold;
                padding-bottom:20px;
                color: #333333;
                line-height: 36px;
            }
            .module1_text_container_right .title2,.module1_text_container_left .title2,
            .module1_text_container_rightEn .title2{
                font-size:1.33em;
                line-height: 28px;
                font-weight: bold;
                color:#333333;
            }
            .module1_text_container_right .p_txt,.module1_text_container_left .p_txt,
            .module1_text_container_rightEn .p_txt,.module1_text_container_leftEn .p_txt{
                font-size:1em;
                padding: 20px 0;
                /*color: #85868c;*/
             }
              .module1_text_container_right{
                
      display: -webkit-inline-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-inline-flex;     /* NEW - Chrome */
      display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; align-items:right;padding:3% 5% 3% 0;text-align: justify;
            }
             .module1_text_container_left{
                
      display: -webkit-inline-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-inline-flex;     /* NEW - Chrome */
      display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; align-items:right;padding:3% 0 3% 5%;text-align: justify;
            }
            /*********module1 En**********/
            .module1_text_container_rightEn{
                
      display: -webkit-inline-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-inline-flex;     /* NEW - Chrome */
      display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; align-items:right;padding:3% 0 3% 5%;text-align: justify;
            }
            .module1_text_container_leftEn{
                
      display: -webkit-inline-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-inline-flex;     /* NEW - Chrome */
      display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; align-items:right;padding:3% 5% 3% 0;text-align: justify;
            }
        #s_module_172{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#s_module_172 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#s_module_172 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#s_module_172 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#s_module_172 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#s_module_172 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#s_module_172 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#s_module_172 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#s_module_172 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#s_module_172 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#s_module_172 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#s_module_172 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#s_module_172 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#s_module_172 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#s_module_172 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#s_module_172 .pr_1200 , #s_module_172 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }

        .slideCount{
            width:100%;
            text-align:center;
            direction:rtl;
        }
        .padding-left{
            padding:3% 5% 3% 0;
        }
        .padding-right{
            padding:3% 5% 3% 0;
        }

        .bullet.rSelected{background:#565454}
        .bullet{vertical-align:top;width:13px; height:13px; background:gray; border-radius:20px;display:inline-block;
                cursor:pointer;margin:3px; -webkit-transition: background ease-in-out;
                 -moz-transition: background ease-in-out;
                 -o-transition: background ease-in-out;
                 transition: background ease-in-out;}
        .bullet:hover{background:#565454}
        .bulletBox{width:100%;}

        .textSlider{
            width: 100%;
            height: 70%;;
            display: inline-block;
            overflow: hidden;
            position: relative;
            direction:rtl;
        }

        .slide_text{
            right: 100%;
            width: 100%;
            height: 85%;
            margin: auto;
            position: absolute;
            text-align: center;
            top: 12.5%;
            opacity: 0;
            font-size:1em;
        }
        .slide_text:first-child{
             right: 0;
             opacity: 1;
        }
        #about_bg_container{
            position: relative;
            z-index: 100;
            background: #FFFFFF;
            width:100%;
        }
        .s_tp_modules{
            width:1200px;
            margin:auto;
        }

        .items{
            display:inline-block;
        }
        #middle_container{
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }
        #mainContainer{
            height: 180px;
            display: inline-flex;
            
        }
        #mask{
            width:88%;
            height:100%;
            display:inline-block;
        }

        .slideCount>.r-arrow.right{width:5%;height:14px ;}
        .slideCount> .r-arrow{display:inline-block; vertical-align: middle; background:url(https://graph.ir/files/main/main/img/icons/arrow.png) no-repeat center;cursor:pointer;    background-size: contain;}
        .slideCount> .r-arrow.left{width:5%;height:14px;
            -moz-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            filter: FlipH;
            -ms-filter: "FlipH";
        }


            .row_txt,.title_section,.text_section{
                width:100%;
            }
            .section_num{
                width:5%;
                display:inline-block;
                vertical-align:top;
            }
            .st_section_title{
                width:90%;
                display:inline-block;
                vertical-align:top;
                vertical-align: baseline;

            }
            .counter_text span{
                width:100%;
            }
            .section_num{
                width: 33px;
                height: 33px;
                color: #00AECD !important;
                background: -webkit-gradient(linear,left top,right top,color-stop(32%,#00AECD),color-stop(100%,#FEFEFE));
                background: -webkit-linear-gradient(left,#00AECD 32%,#FEFEFE 100%);
                line-height: 1.5;
                -webkit-background-clip: text;
                border-width:2px;
                border-style:solid;
                text-align:center;
                margin-left:15px;
                border-radius:50%;
                font-size: 1.5em;
                vertical-align: middle;
            }
            .section_num.En{
                margin-left:0;
                margin-right:15px;
            }
            .st_section_title{
                font-size: 1.6em;
                font-weight: 500;
                margin-bottom: 10px;
            }
            .text_section{
                padding-right: 53px;
                margin-bottom:25px;
                color:#85868c;
                font-size:1em;
                }
            .text_section.En{padding-left: 53px !important;}


            /**********************/
            .module2_text_container_right{
                
      display: -webkit-inline-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-inline-flex;     /* NEW - Chrome */
      display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; align-items:right;padding:3% 5% 3% 0;text-align: justify;
            }
            .module2_text_container_left{
                
      display: -webkit-inline-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-inline-flex;     /* NEW - Chrome */
      display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; align-items:right;padding:3% 0 3% 5%;text-align: justify;
            }
             /*********module2 En**********/
            .module2_text_container_rightEn{
                
      display: -webkit-inline-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-inline-flex;     /* NEW - Chrome */
      display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; align-items:right;padding:3% 0 3% 5%;text-align: justify;
            }
            .module2_text_container_leftEn{
                
      display: -webkit-inline-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-inline-flex;     /* NEW - Chrome */
      display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; align-items:right;padding:3%  5% 3% 0;text-align: justify;
            }

            .module2_text_container_right h2,.module2_text_container_left h2,
            .module2_text_container_rightEn h2,.module2_text_container_leftEn h2{
                font-size:1.9em;
                font-weight:bold;
                padding-bottom:20px;
                color: #333333;
            }

            .module2_text_container_rightEn .title2{
                font-size:1.33em;
                line-height: 28px;
                font-weight: bold;
                color:#333333;
            }

            .about_section{
                width:585px;
                display:inline-block;
                vertical-align:middle;
            }
            .about_section img{
                width:100%;
                height:450px;
            }


        #s_module_258{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#s_module_258 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#s_module_258 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#s_module_258 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#s_module_258 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#s_module_258 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#s_module_258 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#s_module_258 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#s_module_258 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#s_module_258 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#s_module_258 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#s_module_258 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#s_module_258 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#s_module_258 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#s_module_258 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#s_module_258 .pr_1200 , #s_module_258 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }#catalog-128{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#catalog-128 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#catalog-128 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#catalog-128 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#catalog-128 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#catalog-128 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#catalog-128 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#catalog-128 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#catalog-128 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#catalog-128 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#catalog-128 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#catalog-128 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#catalog-128 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#catalog-128 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#catalog-128 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#catalog-128 .pr_1200 , #catalog-128 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }#catalog-130{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#catalog-130 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#catalog-130 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#catalog-130 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#catalog-130 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#catalog-130 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#catalog-130 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#catalog-130 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#catalog-130 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#catalog-130 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#catalog-130 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#catalog-130 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#catalog-130 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#catalog-130 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#catalog-130 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#catalog-130 .pr_1200 , #catalog-130 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }

             .rBullet.rSelected{background:#565454}
             .rBullet{width:13px; height:13px; background:gray; border-radius:20px;display:inline-block;
                        cursor:pointer;margin:3px; -webkit-transition: background .15s ease-in-out;
                 -moz-transition: background .15s ease-in-out;
                 -o-transition: background .15s ease-in-out;
                 transition: background .15s ease-in-out;}
             .rBullet:hover{background:#565454}
             .rBulletBox{width:100%;     position: absolute;
    bottom: 10px;}
             .r-cat-module-img-box>img{width:100%;height:90%}

             .r-cat-module-img-box.slider{height: 540px;}
             .r-cat-module-img-box{overflow:hidden;position:relative; background: #f5f5f5; width: 50%; min-width: 540px;  text-align:center}
            .r-img-item{right:100%;width:100%;height:92%;margin:auto;position:absolute;text-align:center;top:12.5%;opacity:0}
            .r-img-item>img{width:100%;height:87%;}
            .r-img-item:first-child{right:0;opacity:1}
            .r-cat-module-img-box> .r-arrow.left{ }
            .r-cat-module-img-box> .r-arrow.left{
                -moz-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
                filter: FlipH;
                -ms-filter: "FlipH";
            }
            .r-cat-module-img-box> .r-arrow{
                display:inline-block;
                background:url(https://graph.ir/files/main/module/catalog/img/arrow-right.svg) no-repeat center;
                background-size:contain;
                cursor:pointer;
                background-size: 50%;
                width: 10%;
                height:90%;
                        }
            .r-cat-module-img-box>.r-mask{width:80%;height:90%; display:inline-block;overflow:hidden;position:relative;};

            .r-img-item img{width:100%;height:90%;margin:auto;     object-fit: cover;}
            .r-cat-module-title{
                     font-weight: bold;                     padding: 16px ;
                     padding-right:0;
                     font-size: 1.5em;
                     line-height:1.5;
                     }
            .r-cat-module{
                width:1200px;
                margin:auto;
                
      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-flex;     /* NEW - Chrome */
      display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    
                min-width: 1200px;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .r-cat-module-link{padding:10px 5px; text-align: left; display:block}
            .r-cat-module-content{width:50%;
      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-flex;     /* NEW - Chrome */
      display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    ; flex-direction: column; justify-content:center;padding:5%;text-align: justify}
            
            .cat-module-content{padding:15px}
            .r-cat-module.t4{display:block}
            .r-cat-module.t4 img{width: 100%; height: 100%; position: relative; top: 4%; }
            .r-cat-module.t4 .r-cat-module-content{
                margin: auto;
                text-align: center;}
            .r-cat-module.t4 .r-cat-module-content{width: 100%;}
            .r-cat-module.t4 > img{margin:auto;display:block}

            .r-cat-module.imgL{
            flex-direction: row-reverse; /* Safari */
            -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
            -moz-flex-direction; row-reverse;
            }
            .r-cat-module.t1 .img{width: }

            .r-cat-module>img{width:50%;}

           #description_2{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#description_2 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#description_2 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#description_2 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#description_2 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#description_2 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#description_2 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#description_2 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#description_2 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#description_2 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#description_2 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#description_2 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#description_2 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#description_2 .color_box_text{/*range text dakhele box ha! */
                            color:333237 ;
                                }#description_2 .color_box_title{/*range title dakhele box ha!*/
                            color:#12869D ;
                                }#description_2 .pr_1200 , #description_2 .color_1200_bg{
                             background-color:#fffff ;
                             padding:0px ;
                                }
            .color_blue{color:#00AFEF;}
            .en_page{
                direction: ltr;
            }
            .fa_page{
                direction: rtl;
            }
            .w200 {
               width:200px;
            }
            .w400 {
               width:400px;
            }
            .w600 {
               width:600px;
            }
            .w800 {
               width:800px;
            }
            .w1000 {
               width:1000px;
            }
            .w1200 {
               width:1200px;
            }
            .dtcd {
                display:table-cell;
                padding:10px;
                text-align: justify;
            }
            .pdig {
                line-height: 2em;
            }
            .imgdi{
                width: 100%;
            }
            .gerd{
                border-radius: 50%;
            }
            .diul{
                 padding:20px;
            }

            #description_2 .ti_ma_h{
                width:1200px;
                text-align: center;
                margin: auto;
                padding: 0 10px;
                font-size:20px;
                line-height: 50px;
                color: 333237;
                background-color: #12869D;
            }
            #description_2 .ti_ma_h a{color: 333237;font-weight: bold;}
            .pborder{
                border-right-width:4px;
                border-right-style: solid;
                border-right-color: #00AECD;
                padding-right:25px;
                font-weight: 600;
            }
            .pborder_title{
                line-height: 1.42857143;
                padding-right: 25px;
                font-size:1em;
            }
            .p_text_pic{
                width:100%;
                border-radius: 3px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
                -webkit-transition: box-shadow 300ms 0s ease;
                -moz-transition: box-shadow 300ms 0s ease;
                -ms-transition: box-shadow 300ms 0s ease;
                -o-transition: box-shadow 300ms 0s ease;
                transition: box-shadow 300ms 0s ease;
                display:table;
                table-layout: fixed;
                }
            .p_text_pic:hover{
                    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
            }
            .pl_text_pic{
                width:29%;
                display: table-cell;
                vertical-align: middle;
                padding: 14px 28px;
                /*background-color: #f4f4f4;*/
                text-align: center;
            }
            .pl_text_pic2{
                width:29%;
                display: table-cell;
                vertical-align: middle;
                background-color: #f4f4f4;
                text-align: center;
            }
            .pr_text_pic{
                width:70%;
                display: table-cell;
                vertical-align: middle;
                position: relative;
                padding: 20px 65px 15px 20px;
                overflow: hidden;
            }
            .pr_text_pic2{
                width:70%;
                display: table-cell;
                vertical-align: middle;
                position: relative;
                padding: 10px 20px;
                overflow: hidden;
            }

        
                #description_2 .container_box_2{
                    background-color:transparent;
                    border-width:;;
                    border-style:none;
                    border-color:black;
                    border-radius:0px ;;
                }
            
                    .lineH{line-height:2em;}
                
                #description_2 .font_title_box_0{
                    font-size: 18px;
                    padding: 10px;
                }
            
                .sidebar_box_0 {
                    width:100%;
                }
                .mt3vw{margin-top:3vw;}
                .sidebar_box_0  > p:first-child{
                    overflow:hidden;
                    margin-top: 5px;
                    padding: 0 10px;
                }
                .sidebar_box_0 .read-more {
                    width: 100%;
                    text-align: center;
                    margin: 0;
                    padding: 8px 0;
                }
                .sidebar_box_0 a{
                    color:#1f241d;
                }
                .sidebar_box_0 a:hover{
                    color:#F28AB8;
                }
                .sidebar_box_0 i{
                    vertical-align: sub;
                    margin: 0 10px;
                    font-size:18px;
                }
            
                #description_2 .container_box_3{
                    background-color:transparent;
                    border-width:;;
                    border-style:none;
                    border-color:black;
                    border-radius:0px ;;
                }
            
                    .dLineH{line-height:2em;}
                
                #description_2 .font_title_box_1{
                    font-size: 18px;
                    padding: 10px;
                }
            
                .sidebar_box_1 {
                    width:100%;
                }
                .mt3vw{margin-top:3vw;}
                .sidebar_box_1  > p:first-child{
                    overflow:hidden;
                    margin-top: 5px;
                    padding: 0 10px;
                }
                .sidebar_box_1 .read-more {
                    width: 100%;
                    text-align: center;
                    margin: 0;
                    padding: 8px 0;
                }
                .sidebar_box_1 a{
                    color:#1f241d;
                }
                .sidebar_box_1 a:hover{
                    color:#F28AB8;
                }
                .sidebar_box_1 i{
                    vertical-align: sub;
                    margin: 0 10px;
                    font-size:18px;
                }
            
            #description_2 .public_center{
                border-spacing:0px;
            }
        
        .metrag_icon{
            background-image: url(https://graph.ir/files/main/module/img/comment-png-17.png);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 17px;
            height: 15px;
            cursor: pointer;
            margin-left: 5px;
            vertical-align: middle;
        }
        .type_icon{
            background-image: url(https://graph.ir/files/main/module/img/user-512.png);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 17px;
            height: 15px;
            cursor: pointer;
            margin-left: 5px;
            vertical-align: middle;
        }

        .gap_view3{

        }
        .main-slid-saha_view3 {
            width:1200px;
            margin:auto;
        }
        .slid-saha-sel1, .slid-saha-sel2, .slid-saha-sel3 {
            display:table-cell;
            vertical-align:middle;
            height:370px;
        }
        .slid-saha-sel1,.slid-saha-sel3 {
                width:50px;
        }
        .slid-saha-part {
            display:table-cell;
            vertical-align:top;
            width:386px;
            height:330px;
            //border:solid 1px #e8e8e8;
            overflow: hidden;
            position: relative;
        }
        .slid-saha-img {
            width:386px;
            height:207px;
        }
        .main_slid_view3 {

        }
        .slid-saha-sel2 {
            width:1092px;
        }
        .slid-saha-sel2_main {
            width:1092px;
            overflow:hidden;
            position:relative;
            height:360px;
        }
        .slid-saha_scrollable {
            position:absolute;
            width:3324px;
            right:-1108px;
            height:360px;
        }
        .main_slid_div {
            position:absolute;
            display:table-cell;
            vertical-align:top;
            width:1108px;
            height:360px;
        }
        .slid_saha_part_magin {
            display:table-cell;
            width:17.3px;
        }
        .main_slid_right {
                right:0px;
        }
        .main_slid_main {
            right:1108px;
        }
        .main_slid_left {
                right:2216px;
        }
        .slid-saha-body h3 {

        }
        .slid-saha-body a {
            color:#000000;
        }
        .img_slid-saha-body {
            display:table-cell;
            vertical-align:bottom;
            width:100px;
            height:107px;
        }
        .text_slid-saha-body {
            display:table-cell;
            vertical-align:top;
            height:107px;
            width:140px;
            text-align:left;
            line-height:20px;
        }
        .img_slid-saha-body > img {
            width:45px;
            height:60px;
            margin-right:5px;
        }
        .text_slid-saha-body-discount {
            color:#FF0000;
        }
        .img-toman1,.img-toman2 {
            display:inline-block;
            width:11px;
            height:8px;
            background-size:100% 100%;
        }

        .line_price {
           text-decoration:line-through;
        }

        .slid_sel_right {
            background-image: url(https://graph.ir/files/main/module/submodule/img/flesh.svg);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 27px;
            height: 43px;
            cursor: pointer;
        }
        .slid_sel_left {
            background-image: url(https://graph.ir/files/main/module/submodule/img/flesh.svg);
            background-repeat: no-repeat;
            background-color: transparent;
            border: 0;
            background-size: 100% 100%;
            width: 27px;
            height: 43px;
            transform: rotate(180deg);
            margin-right: 20px;
            cursor: pointer;
        }
        .div_img_subshop{
               width: 386px;
               height: 310px;
               overflow:hidden
        }
        .img_subshop{
            width: 386px;
            height: 100%;
            position:relative;

        }
        .cbssub_view3{
            padding:10px;
            height: 123px;
        }
        .p_s_sub{
           display:table-cell;
           width:130px;
           height:80px;
           vertical-align:middle;
           text-align:center;
        }
        .di_sub{
            color:#FF0000;
        }
        .tli{
            text-decoration: line-through;
            text-decoration-color:#FF0000;
        }
        .tle {
           text-align:left;
        }
        .view3_address{
            bottom: 0px;
            position: absolute;
            padding: 5px 10px;
            font-size: 0.85em;
            width:100%;
            left:0;
        }
        .view3_address :first-child{
            display: inline-block;
        }
         .view3_address :last-child{
            float: left;
        }
        .pad_left{
            padding-left:21px;
        }  //-------------------------swiper slider--------------------------------
         #graph_submodule_submodule_1 .swiper-container{padding-top:10px;padding-bottom:15px}
         #graph_submodule_submodule_1 .submodule-slider{width:1200px;margin:auto;}
         #graph_submodule_submodule_1 .swiper-slide {
              text-align: center;
              font-size: 18px;
              background: #fff;
              /* Center slide text vertically */
              display: -webkit-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
                align-items: center;
            background-color: transparent;
            }
          #graph_submodule_submodule_1 .swiper-button-prev, .swiper-button-next {
                left: 0;
                background-color: #ffffffc9;
                box-shadow: 0 0 10px grey;
                border-radius: 4px;
            }



         #submodule_1{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#submodule_1 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#submodule_1 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#submodule_1 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#submodule_1 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#submodule_1 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#submodule_1 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#submodule_1 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#submodule_1 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#submodule_1 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#submodule_1 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#submodule_1 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#submodule_1 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#submodule_1 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#submodule_1 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#submodule_1 .pr_1200 , #submodule_1 .color_1200_bg{
                             background-color:#436ee ;
                             padding:0px ;
                                }
            .submodule_title{
                padding-bottom: 15px;
            }
            .direction_en{
                direction: ltr;
                text-align: left;
            }
            .submodule_title_en{
                height: 40px;
                line-height: 40px;
                padding-right: 20px;
                padding-left: 2px;
            }
            .fem8{font-size:.8em}
            .fem15{font-size:1.5em}
            .fem20{font-size:2em}
            .tju {text-align:justify;}
        #submodule_1{
                        background-color:#fffff;
                        padding-top:0px;
                        padding-bottom:0px;
                        margin-top:0px;
                        margin-bottom:0px;
                        font-size:15px;
                }#submodule_1 .color_tem1{ /*range asli color ??? */
            color:#00AECD ;
        }#submodule_1 .color_tem2{ /*range asli color ??? */
            color:#FEFEFE ;
        }#submodule_1 .color_tem1_bg{/*range back box  */
            background-color:#00AECD ;
        }#submodule_1 .color_tem2_bg{/*range back box if gradient*/
            background-color:#FEFEFE ;
        }#submodule_1 .color_title{/*range title asli module*/
                            color:#1f241d ;
                                }#submodule_1 .color_text{/*range text haye module  */
                            color:#1f241d;
                                }#submodule_1 .color_link{/*range linki ke matni bashe btn nabshe */
                            color:#1f241d;
                                }#submodule_1 .color_link_hover:hover{/*range  text link hover*/
                            color:#F28AB8 ;
                                }#submodule_1 .color_b_text{/*range link button manand range matnesh*/
                            color:#F28AB8 ;
                                }#submodule_1 .color_b_bg{/*range button i ke link shode backgroundesh! */
                            background-color:#00AECD ;
                                }#submodule_1 .color_b_h_text:hover{/*range hover text az button i ke link hast */
                            color:#00AECD ;
                                }#submodule_1 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
                            background-color:#F28AB8 ;
                                }#submodule_1 .color_box_text{/*range text dakhele box ha! */
                            color:#1f241d ;
                                }#submodule_1 .color_box_title{/*range title dakhele box ha!*/
                            color:#1f241d ;
                                }#submodule_1 .pr_1200 , #submodule_1 .color_1200_bg{
                             background-color:#436ee ;
                             padding:0px ;
                                }
            
            body{
                position: relative;
            }
            .public-header{
                position: relative;
            }
            .absolute-container{
                background-color: #3c5059;
                border-radius: 7px;
                position: fixed;
                top: 50%;
                left: 2%;
                transform: translateY(-50%);
                padding: 10px;
                z-index: 4900;
            }
            .social-absolute{
                position: relative;
                padding: 10px 0;
                border-bottom: 1px solid rgba(0, 0, 0, .1);
                box-sizing: content-box;
                width: 32px;
                height: 32px;
            }
            .social-absolute:last-child {
                border-bottom: none !important;
            }
            .social-absolute img{
                width: 32px;
                height: 32px;
            }
            .absolute-tooltip{
                position: relative;
                transition: all 0.5s;
                border-radius: 0 7px 7px 0;
                font-size: 14px;
                overflow: hidden;
                white-space: nowrap;
            }
            .absolute-tooltip > span{
                padding: 10px 20px;
                display: block;
            }
            .tooltip-shake{
                display: block;
                width: 100%;
                height: 100%;
            }
            .tooltip-shake:before,
            .tooltip-shake:after {
                position: absolute;
                content: "";
                opacity: 0;
                transition: all 0.4s ease;
                color: #fff;
                font-weight: bold;
            }
            .tooltip-shake:before {
                content: attr(data-tooltip);
                background: #3c5059;
                width: 0;
                padding: 0;
                font-size: 0.9rem;
                top: 50%;
                left: calc(32px + 32px);
                border-radius: 5px;
                transform: translateY(-50%);
                overflow: hidden;
                white-space: nowrap;
            }
            .tooltip-shake:after {
                border-width: 8px 10px 8px 0;
                border-style: solid;
                border-color: transparent #3c5059 transparent transparent;
                top: 50%;
                left: calc(32px + 24px);
                transform: translateY(-50%);
            }
            .tooltip-shake:hover::before,
            .tooltip-shake:hover::after {
                opacity: 1;
                overflow: hidden;
                white-space: nowrap;
                transform: translate(0, -50%);
            }
            .tooltip-shake:hover::before {
                width: max-content;
                padding: 10px 25px;
            }
            @keyframes shake {
                0% {
                    transform: rotate(2deg);
                }
                50% {
                    transform: rotate(-3deg);
                }
                70% {
                    transform: rotate(3deg);
                }
                100% {
                    transform: rotate(0deg);
                }
            }
            .social-absolute:hover {
                animation: shake 500ms ease-in-out forwards;
            }
            
                
                .public-header{
                    width: 100%;
                    background: #00aecd;
                    background-size: auto;
                    background-repeat: no-repeat;
                }
            
            
            .adv-banner-container{
                width: 100%;
                height: 20px;
            }
            .adv-banner-container .adv-item{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .top-bar-container{
                width: 100%;
                min-height: 40px;
                height: 40px;
                background: #000;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-bar{
                width: 1200px;
                height: 100%;
                margin: auto;
                padding: 0 8px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
            .top-item{
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container{
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container img{
                width: 16px;
                height: 16px;
            }
            .info-container > span{
                display: inline-flex;
            }
            .top-info,
            .top-social{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-social{
                padding: 5px 0;
            }
            .top-social li a img{
                width: 24px;
                height: 24px;
            }
            .top-social li a span{
                font-size: 0px;
                font-weight: 200;
                color: #fff;
            }
            .top-list{
                width: max-content;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                margin: 0  0px;
            }
            .top-list:hover{
                color: ;
            }
            
                .top-list:first-child{
                    margin-right : 0;
                }
                .top-list:last-child{
                    margin-left : 0;
                }
            
            
            .arrow-menu-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-list a span,
            .top-list span{
                color: #fff;
                font-weight: bold;
                font-size: 16px;
            }
            .top-list a img,
            .top-list span img{
                margin: 0 5px;
                width: 24px;
                height: 24px;
                object-fit: contain;
            }
            .top-list:first-child a img,
            .top-list:first-child span img{
                margin-right: 0;
            }
            .top-navbar{
                height: 100%;
                background: #000;
            }
            .top-nav-list{
                position: relative;
                height: 100%;
                padding: 0 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-nav-list a span,
            .top-nav-list span{
                color: #fff;
                font-size: 16px;
                font-weight: 200;search
            }
            .top-nav-list:hover{
                background-color: ;
            }
            .top-nav-list .arrow-menu-container svg{
                fill: #fff;
            }
            .top-nav-list:hover a span,
            .top-nav-list:hover span,
            .top-nav-list:hover .arrow-menu-container svg{
                color: ;
                fill: ;
            }
            .top-nav-list .icon-title-part{
                padding-left: 5px;
            }
            .top-sub-nav > .top-sub-list a span,
            .top-sub-nav > .top-sub-list span{
                color: #000;
            }
            .top-sub-nav > .top-sub-list:hover a span,
            .top-sub-nav > .top-sub-list:hover span{
                color: ;
            }
            
            .top-sub-nav{
                flex-direction: column;
                justify-content: center;
                align-content: flex-start;
                position: absolute;
                z-index: 4999;
                min-width: 150px;
                width: max-content;
                background: #2c3e50;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translateY(-10px) scaleY(0.5);
                transform-origin: top;  
                border-radius: 0;
            }
            .top-nav-list:hover > .top-sub-nav{
                display: flex;
                top: 100%;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
        
                .top-nav-list:hover > .top-sub-nav{
                    right: 0;
                }
                .top-sub-list{
                    border-left: 5px solid  #f00;
                }
            
        
            .top-sub-list{
                width: 100%;
                padding: 8px 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-sub-list:hover{
                background: ;
            }
            .header-container{
                display: grid;
                width: 1200px;
                margin: auto;
                height: auto;
                grid-template-rows: 1fr 1fr;  
                grid-template-columns: 1fr 3fr 1fr;
                grid-template-areas: 
                    "top-1 top-2 top-3"
                    "bottom-1 bottom-2 bottom-3"; 
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 8px;
                padding-right: 8px;
            }
            .top-section-1{
                grid-area: top-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-2{
                grid-area: top-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-3{
                grid-area: top-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
            }
            .logo-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                padding: 0px  0px;
            }
            .logo-container img{
                display: block;
                width: 100px;
                height: 100px;
                max-width: 100px;
                max-height: 100px;
                object-fit: contain;
            }
            .nav-container{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                box-sizing: border-box;
                margin: 0 10px;
            }
            .nav-container > .navbar{
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                background: ;
                box-sizing: border-box;
                border: px  solid  ;
                border-radius: 3px;
            }
            
                .nav-container > .navbar{
                    margin-left: calc(0px + 10px);
                }
            
        
            .nav-container .navbar .nav-list{
                padding: 10px 18px;
                min-height: 45px;
                position: relative;
                list-style: none;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-content: center;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list.active{
                background-color: ;
            }
            .nav-container .navbar .nav-list.active a,
            .nav-container .navbar .nav-list.active span{
                color: ;
            }
            
            .nav-container .navbar .nav-list .icon-title-part{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .nav-container .navbar .nav-list .icon-title-part img{
                width: 24px;
                height: 24px;
                margin: 0 5px;
            }
            .nav-container .navbar .nav-list .overflow-menu{
                justify-content: center !important;
            }
            .nav-container .navbar .nav-list:hover{
                background-color: ;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list:hover a,
            .nav-container .navbar .nav-list:hover span{
                color:  ;
            }
            .nav-container .navbar .nav-list img{
                width: 32px;
                height: 32px;
            }
            .nav-container .navbar .nav-list a,
            .nav-container .navbar .nav-list span{
                text-decoration: none;
                font-size: 14px;
                color: #fff;
            }
            .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
            .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                display: flex;
                top: 45px;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                display: flex;
                right: calc(100%  +  5px);
                top: 0;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
                    
                    .nav-container .navbar.navbar-sub{
                        position: absolute;
                        z-index: 4999;
                        background: #fff;
                        clip: rect(1px, 1px, 1px, 1px);
                        opacity: 0.1;
                        transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                                    opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                        transform: translateY(-10px) scaleY(0.5);
                        transform-origin: top;  
                        border-radius: 0;
                    }
                    .nav-container .navbar.navbar-sub{
                        flex-direction: column;
                        justify-content: center;
                        align-content: flex-start;
                        min-width: 150px;
                        width: max-content;
                    }
                    .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
                    .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                        right: 0;
                    }
                    .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                        right: calc(100%  +  5px);
                    }
                    .nav-container .navbar.navbar-sub .nav-list{
                        width: 100%;
                        border-left: 5px solid red;
                    }
                
        
            .arrow-icon-menu{
                width: 8px;
                height: 8px;
            }
            .arrow-icon-menu.arrow-bottom{
                transform: rotate(90deg);
            }
            
                .arrow-menu-container{
                    margin-right: 5px;
                }
                .arrow-icon-menu.arrow-right,
                .overflow-list .arrow-icon-menu.arrow-bottom{
                    transform: rotate(180deg);
                }
                .nav-container .navbar .nav-list:first-child:hover{
                    border-radius: 0 3px 3px 0;
                }
                .nav-container .navbar .nav-list:last-child:hover{
                    border-radius: 3px 0 0 3px;
                }
            
            
            .nav-container .navbar .nav-list.base-level svg,
            .nav-container .navbar .nav-list .overflow-menu svg{
                fill: #fff;
            }
            .nav-container .navbar .nav-list.base-level:hover svg{
                fill: ;
            }
            .sub-menu-container{
                position: absolute;
                min-width: 150px;
                background-color: #fff;
                color: #fff;
                top: 32px;
                right: 0;
                z-index: 4999;
               /* display: none;*/
            } 
            /*.sub-navbar{
                width: 100%;
                height: 100%;
            }*/
            .nav-container .navbar.navbar-sub .nav-list img{
                width: 16px;
                height: 16px;
            }
            .nav-container .navbar.navbar-sub .nav-list a,
            .nav-container .navbar.navbar-sub .nav-list span{
                color: #000;
                font-size: 12px;
            }
            .nav-list.with-sub-menu:hover .sub-menu-container{
                display: block;
            }
            .nav-container .navbar.navbar-sub .nav-list .arrow-menu-container svg{
                fill: #000;
            }
            .active{
                background-color: ;
            }
            .active a{
                color: ;
            }     
            .icon-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
            }
            .icon-container .icon-item{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
                box-sizing: border-box;
                min-height: 45px;
                margin: 0 5px;
            }
            
                
                .icon-container .icon-item:first-child{
                    margin-right: 0 !important;
                }
                .icon-container .icon-item:last-child{
                    margin-left: 0 !important;
                }
                
            
            
            .icon-container .icon-item a{
                border: 0px  solid  ;
            }
            .icon-container .icon-item.basket-icon{
                position: relative;
                color: #e84118;
                min-width: 45px;
                min-height: 45px;
                outline: none;
                border-radius: 3px;
                background: #2c3e50;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                text-decoration: none;
                margin: 0 10px;
            }
            .icon-container .icon-item .icon-shortcut{
                color: #e84118;
                min-width: 45px;
                min-height: 45px;
                margin: 0;
                outline: none;
                border-radius: 3px;
                background: #2c3e50;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                transition: .4s;
                cursor: pointer;
                text-decoration: none;
            }
            
            .basket-shop{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 45px;
                height: 45px;
                border-radius: 3px;
            }
            .icon-container .icon-item .icon-shortcut:hover svg,
            .icon-container .icon-item .icon-shortcut:hover .add-item-to-cart.open span
            {
                fill: #fff;
                color: #fff;
            }
            
                
                .icon-container .icon-item.basket-icon .add-item-to-cart{
                    color: #e84118;
                    border-radius: 3px;
                    background: #2c3e50;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .4s;
                    cursor: pointer;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                
                    .icon-container .icon-item.basket-icon .add-item-to-cart{
                        border-left: none !important;
                    }
                    .border-basket{
                        border-right: none !important;
                    }
                
                
                    .icon-container .icon-item:hover > span,
                    .icon-container .icon-item.login-icon:hover span{
                        color: #fff;
                    }
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover,
                    .icon-container .icon-item.login-icon .icon-shortcut:hover,
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover .add-item-to-cart{
                       background: #3e5772;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open{
                        width: 45px;
                        border-radius: 0 3px 3px 0;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                    }
                    .icon-container .icon-item.basket-icon:hover .add-item-to-cart.open{
                        background: #3e5772;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open:hover span{
                        color: #fff;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open + .icon-shortcut{
                        border-radius: 3px 0 0 3px;
                    }
                 
            .icon-container .icon-item svg{
                width: 25px;
                height: 25px;
            
                fill: #e84118;
            
            
            }
            .icon-container .icon-item.login-icon{
                position: relative;
            }
            /*.icon-container .icon-item.login-icon .icon-shortcut{
                width: 100%;
                height: 100%;
            }*/
            .icon-container .icon-item.login-icon .icon-login{
                width: 25px;
                height: 25px;
            }
            #div_profile_picture, 
            #div_profile_picture_metro {
                display: inline !important;
                width: 0 !important;
                height: 0 !important;
                line-height: unset !important;
            }
            #div_profile_picture .rShowLogin{
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                z-index: -1000;
            }
            #div_profile_picture .login-container{
                display: none !important;
            }
            #div_profile_picture #profile_picture,
            #div_profile_picture #profile_exit{
                display: none !important;
            }
        
                
                .icon-container .icon-item.login-icon{
                    color: #e84118;
                    /*width: 90px !important;*/
                    min-height: 45px;
                    outline: none;
                    border-radius: 3px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    text-decoration: none;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                .icon-container .icon-item.login-icon .status-user,
                .icon-container .icon-item.login-icon .icon-login{
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    margin: 0 5px;
                }
            
            
            .public-header .bottom-section-1{
                grid-area: bottom-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-2{
                grid-area: bottom-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-3{
                grid-area: bottom-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            
                
                .icon-container .icon-item{
                    width: unset;
                    height: unset;
                }
                .search-icon{
                    position: relative;
                }
                .search-container {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-end;
                    align-items: center;
                    height: 100%;
                    position: relative;
                    border-radius: 3px;
                    min-width: 45px;
                }
                .search-container > .search-btn svg,
                .search-container > .close-search-btn svg{
                    fill: #e84118;
                }
                .search-container > .search-btn:hover svg,
                .search-container > .close-search-btn:hover svg{
                    fill: #fff;
                }
                .search-btn {
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #2c3e50;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .8s;
                    cursor: pointer;
                    text-decoration: none;
                    border: 0px  solid  transparent;
                }
                .icon-container .icon-item img{
                    width: 25px;
                    height: 25px;
                    object-fit:contain;
                }
                
                    .search-container.open-search-box .search-btn{
                        border-radius: 3px 0 0 3px !important;
                    }
                    .search-container.open-search-box .close-search-btn{
                        border-radius: 0 3px 3px 0 !important;
                    }
                 
                
                .search-btn,
                .search-command,
                .close-search-btn{
                    box-sizing: content-box;
                }
                .search-btn > svg {
                    fill: #fff;
                }
                .search-input {
                    padding: 0;
                    height: 100%;
                    background: #2c3e50;
                    color: #fff;
                    font-size: 14px;
                    font-weight: normal;
                    transition: all 1s ease-in-out;
                    width: 0;
                    position: absolute;
                    top: 0;
                    overflow: hidden;
                    white-space: nowrap;
                    border: 0px  solid  transparent;
                }
                .open-search-box > .search-input{
                    padding : 10px 48px;
                }
                
                    
                    .search-input {
                        left: calc(0px + 45px);
                        border-right: none;
                        border-left: none;
                    }
                
                        .search-container.open-search-box .search-btn{
                            border-radius: 3px 0 0 3px !important;
                        }
                        .search-container.open-search-box .close-search-btn{
                            border-radius: 0 3px 3px 0 !important;
                        }
                        .search-container.open-search-box .search-input{
                            border-radius: 0 3px 3px 0 !important;
                        }
                    
                
                .close-search-btn{
                    position: absolute;
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #2c3e50;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    box-sizing: border-box;
                    box-sizing: border-box;
                }
                .close-search-btn svg{
                    fill: #e84118;
                }
            
            
            .sticky{
                width: 100%;
                height: max-content;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 999;
                padding: 2vh 8vw;
                transition: .8s;
                background-color: #ddd !important;
            }
            .d-none{
                display: none !important;
            }
            .border-left-n{
                border-left: none !important;
            }
            .border-right-n{
                border-right: none !important;
            }
            .w-1200px{
                width: 1200px !important;
                margin: auto;
            }
            .lang-icon{
                position: relative;
            }
            .language-container .lang-btn{
                width: 25px;
                height: 25px;
            }
            .lang-list-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .lang-list{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px;
                background: #2c3e50;
                border-radius: 3px;
            }
            .lang-list::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #2c3e50;
                display: block;
            }
            .lang-nav{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }
            .lang-nav .lang-li{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                list-style: none;
                width: max-content;
                margin: 5px 0;
                
            }
            .lang-nav .lang-li a{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .lang-nav .lang-li img{
                width: 25px;
                height: 25px;
                object-fit: cover;
                margin: 0 4px;
            }
            .lang-nav .lang-li span{
                text-transform: uppercase;
                line-height: 2.5;
                font-size: 14px;
                margin: 0 4px;
                color: #fff;
            }
            .lang-nav .lang-li a{
                color: #fff;
            }
            .lang-nav .lang-li span:hover{
                cursor: pointer;
                color: #fff;
            }
            .lang-nav .lang-li .lang-active{
                font-weight: bold;
                color: #e84118;
            }
            .icon-item.lang-icon:hover .lang-list-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            /*---------------------------------------------------------------------------------*/
            .link-profile-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .link-profile-container .link-wrapper{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px 25px;
                background: #2c3e50;
                border-radius: 3px;
            }
            .link-profile-container .link-wrapper a{
                color: #fff;
            }
            .link-profile-container .link-wrapper a:hover{
                cursor: pointer;
                color: #fff;
            }
            .link-profile-container .link-wrapper::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #2c3e50;
                display: block;
            }
             .icon-item.login-icon:hover .link-profile-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            
            
            .backTop{
                display: flex !important;
            }
            #back_to_top{
                display: none;
                position: fixed;
                transition: 600ms;
                right: 25px;
                left: unset;
                bottom: 50px;
                z-index: 100;
                border-radius: 50%;
                border: 1px  solid  #000;
                padding: 15px;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                background-color: #777 ;
            }
            #back_to_top svg{
                width: 24px;
                height: 24px;
                fill: #fff ;
            }
            #back_to_top img{
                width: 24px;
                height: 24px;
                fill: #fff ;
                object-fit:contain;
            }
        
                    
                    .header-container{
                        grid-template-rows: 1fr;  
                        grid-template-columns: 100px minmax(auto, 100%) 1fr;
                        grid-template-areas: 
                            "top-1 top-2 top-3"; 
                    }
                    .top-section-1{
                        justify-content: flex-start;
                    }
                    .top-section-2{
                        justify-content: flex-start;
                    }
                    .logo-container{
                        justify-content: flex-start;
                    }
                    .nav-container{
                        justify-content: flex-start;
                    }
                    .nav-container .navbar{
                        justify-content: flex-start;
                    }
                    .width-full{
                        width: 100% !important;
                    }
                
            #s_graph_footer{
                width:100%;
                background-color:#00AECD;
                overflow:hidden;
            }
            .box_bar{width:49.5%;display:inline-block;padding:10px;padding: 10px 0;font-size: 12px;}
            .box_bar>span,.box_bar>a>span{color:#FEFEFE;cursor:pointer;}
            #footer_company_div{width:100%;text-align:center;/*padding-bottom:10px;*/}
            .s_footer_1200px{width:1200px;margin:auto;}
            #footer_company_div>a>span{color:#FEFEFE;font-size: 14px;}
            .s_f_icons{width:43px;height:43px;}
            .s_footer_social>a{display:inline-block;margin-left:30px;padding-right: 1px;}
            .s_add_row{margin-bottom:10px; position:relative; padding-right: 10px;}
            .s_add_row::after {
                content:"";
                position:absolute;
                top:9px;
                bottom:8px;
                right:0;
                border-right: 3px solid gray;
            }
            .tellRow{display:inline-block;vertical-align:top;width: 49.5%; font-size: 16px;}
            .f_links{color :#FEFEFE;}
             #s_graph_footer:before {
                content: " ";
                display: inline-block;
                width: 101vw;
                margin-right: -1vw;
                height: 5vw;
                margin-top: -2vw;
                background-color:#FFFFFF;
                border-radius: 100%;
                position: relative;
                bottom: 14px;
            }
            .s_f_address{font-size: 12px;color:#FEFEFE;}
            .f_logo_box{text-align:center;}
            #footer_1200{width:1200px;margin:auto;}
            .s_footer_col{
                width:396px;
                display:inline-block;
                vertical-align:top;
            }
            .s_links_box{width:100%;}
            .s_footer_link{width:49%;display: inline-block; vertical-align: top;font-size: 14px;height: 28px;line-height: 28px;}
            .footer_search_box{ width:100%;display: table;margin-top:20px;}
            #graph_search{
                width:346px;
                height: 36px;
                padding-right: 7px;
                display: table-cell;
                color: #bdbfc1;
                background-color: #2a292d;
                border: 1px solid #848688;
                border-radius: 4px;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                text-align: right;
            }
            .s_btn_box{
                cursor: pointer;
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                width: 50px;
                height: 36px;
                border: 1px solid #848688;
                white-space: nowrap;
                padding-right: 10px;
                border-radius: 5px 0 0 5px;
                border-right: none;
                background-color: #848688;
            }
            #s_btn_search {
                width: 26px;
                height: 26px;
                cursor: pointer;
                background: url(https://graph.ir/files/main/main/img/graph-search.png) no-repeat center;
                background-size: contain;
                display: block;
                text-align: center;
            }
            #s_footer_logo{
                width:200px;
                height:160px;
                margin:auto;
            }
        
            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: rtl;text-align: right;}