@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 600;
  src: url("./../fonts/woff/IRANSansX-demiBold.woff") format("woff"), url("./../fonts/woff2/IRANSansX-demiBold.woff2") format("woff2"); }

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: bold;
  src: url("./../fonts/woff/IRANSansX-bold.woff") format("woff"), url("./../fonts/woff2/IRANSansX-bold.woff2") format("woff2"); }

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: normal;
  src: url("./../fonts/woff/IRANSansX-regular.woff") format("woff"), url("./../fonts/woff2/IRANSansX-regular.woff2") format("woff2"); }

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 200;
  src: url("./../fonts/woff/IRANSansX-light.woff") format("woff"), url("./../fonts/woff2/IRANSansX-light.woff2") format("woff2"); }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

[dir="rtl"] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./../fonts/slick/slick.eot");
  src: url("./../fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("./../fonts/slick/slick.woff") format("woff"), url("./../fonts/slick/slick.ttf") format("truetype"), url("./../fonts/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 100; }

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 32px;
  line-height: 1;
  color: #fefefe;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 24px; }

[dir="rtl"] .slick-prev {
  left: auto;
  right: 24px; }

.slick-prev:before {
  content: "←"; }

[dir="rtl"] .slick-prev:before {
  content: "→"; }

.slick-next {
  right: 24px; }

[dir="rtl"] .slick-next {
  left: 24px;
  right: auto; }

.slick-next:before {
  content: "→"; }

[dir="rtl"] .slick-next:before {
  content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #0a0a0a;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: #0a0a0a;
  opacity: 0.75; }

body {
  background-color: #fefefe;
  font-family: IRANSansX; }

* {
  box-sizing: border-box;
  outline: none; }

h1 {
  font-family: IRANSansX;
  font-size: 3rem;
  line-height: calc(1.6 * 48px);
  font-weight: bold; }

h2 {
  font-family: IRANSansX;
  font-size: 2rem;
  line-height: calc(1.6 * 32px);
  font-weight: bold; }

h3 {
  font-family: IRANSansX;
  font-size: 1.5rem;
  line-height: calc(1.6 * 24px);
  font-weight: bold; }

h3.title {
  font-size: 3rem;
  line-height: calc(1.6 * 48px); }

h4 {
  font-family: IRANSansX;
  font-size: 1rem;
  line-height: calc(1.6 * 16px);
  font-weight: 600; }

p {
  font-family: IRANSansX;
  font-size: 0.875rem;
  line-height: calc(1.6 * 14px); }

p.subtitle {
  font-size: 1.125rem;
  line-height: calc(1.6 * 18px); }

a.mobile_menu_button {
  display: inline-block;
  background-color: #A88951;
  border-radius: 0.5rem;
  padding: 0.5rem; }

a.mobile_menu_button svg {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: auto; }

.ctabtn {
  font-size: 1rem;
  line-height: calc(1.6 * 16px);
  font-weight: 600;
  border-radius: 0.5rem;
  display: inline-block; }

.ctabtn svg{
  display: inline-block;
  vertical-align: middle;}

.ctabtn.large {
  padding: 1rem 2rem; }

.ctabtn.medium {
  padding: 0.75rem 1.5rem; }

.ctabtn.small {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;}

.ctabtn.fill.gold {
  background-color: #A88951;
  color: #fefefe; }

.ctabtn.fill.green {
  background-color: #008D71;
  color: #fefefe; }

.ctabtn.outline {
  border: 2px solid; }

.ctabtn.outline.gold {
  border-color: #A88951;
  color: #A88951; }

.ctabtn.outline.green {
  border-color: #008D71;
  color: #008D71; }

section {
  padding: 4.5rem 0; }

section#nav {
  padding: 2rem 0; }

section#nav svg {
  display: inline-block;
  vertical-align: middle; }

section#nav ul {
  margin: 0px; }

section#hero {
  padding: 0 0 4rem 0;
  background-image: url("./../img/header-bg-en.jpg");
  background-size: cover;
  background-position: center;
  padding: 7.5rem 0; }

section#hero p {
  font-weight: 600; }

section#header {
  padding: 0 0 4rem 0; }

section#header img {
  width: 100%;
  height: 400px;
  border-radius: 0.25rem;
  -o-object-fit: cover;
  object-fit: cover; }

section#stores .store {
  border: 1px solid #F2F2F2;
  margin-bottom: 1rem; }

section#stores.page {
  padding: 0 0 4rem 0; }

section#stores a {
  color: #4D4D4D; }

section#features {
  background-color: #F2F2F2;
  padding-right: 3rem; }

section#features .feature_slider div img {
  margin: 0 1rem; 
  max-height: 720px;
  width: auto;}

section#promotion p {
  margin: 0; }

section#content {
  padding: 0 0 4rem 0; }

section#content p {
  font-size: 1rem;
  line-height: calc(16px * 1.9); 
  text-align: justify;}

section#content img {
  margin-bottom: 1.5rem; 
  width: 100%; }

section#content ul {
  margin-right: 1.5rem;
  line-height: calc(16px * 1.9);
  color: #4D4D4D; }

section#content ul ::marker {
  color: #A88951; }

section#contact {
  padding: 0; }

section#contact.page {
  padding: 0 0 4rem 0; }

section#contact .contact_info {
  background-color: #A88951;
  background-image: url(./../img/golden_pattern.jpg);
  background-position: center;
  background-size: cover; }

section#contact .contact_info .container {
  width: 100%;
  max-width: 40.625rem;
  padding: 5rem 1rem 5rem 5rem;
  margin-right: auto;
  margin-left: 0px; }

section#contact .contact_info .container div {
  margin-bottom: 2.5rem; }

section#contact .contact_info .container div:last-child {
  margin-bottom: 0; }

section#contact .contact_info .container div:first-child p {
  opacity: 50%; }

section#contact .contact_info .container p {
  margin: 0px; }

section#contact .contact_info .container a {
  text-decoration: underline; }

section#contact .contact_info_sections {
  margin-bottom: 2.5rem; }

section#contact .contact_info_sections:last-child {
  margin-bottom: 0; }

section#contact .contact_info_sections:first-child p {
  opacity: 50%; }

section#contact .contact_info_sections p {
  margin: 0px; }

section#contact .contact_info_sections a {
  text-decoration: underline; }

section#contact .map img {
  width: 100%;
  height: 552px;
  -o-object-fit: cover;
  object-fit: cover; }

section#footer {
  padding: 2rem 0;
  background-image: url("./../img/footer.jpg");
  background-position: center; }

section#footer hr {
  border-color: #4D4D4D;
  opacity: 0.1; 
  margin: 2rem 0}

section#footer .copyright p {
  color: #A6A6A6;
  font-size: 0.75rem;
  line-height: calc(1.6 * 12px); 
  margin: 0px;}

.white {
  color: #fefefe; }

.gold {
  color: #A88951; }

.black {
  color: #4D4D4D; }

.gray {
  color: #A6A6A6; }

ul.top_menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }

ul.top_menu li {
  list-style: none;
  margin-right: 1.5rem; }

ul.top_menu li a {
  font-weight: 600;
  color: #4D4D4D;
  font-size: 0.875rem;
  line-height: calc(1.6 * 14px); }

ul.top_menu li a:hover {
  color: #A88951; }

ul.bottom_menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; 
  margin: 0px;}

ul.bottom_menu li {
  list-style: none;
  margin-right: 1.5rem; }

ul.bottom_menu li:first-child {
  margin-right: 0; }

ul.bottom_menu li a {
  font-weight: 600;
  color: #4D4D4D;
  font-size: 0.875rem;
  line-height: calc(1.6 * 14px); }

ul.bottom_menu li a:hover {
  color: #A88951; }

ul.social_menu {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start; 
  margin: 0px;}

ul.social_menu li {
  list-style: none;
  margin-right: 1rem; }

ul.social_menu li a{
  display: block;}

ul.social_menu li a svg {
  display: block;}

ul.social_menu li a svg path {
  fill: #4D4D4D; }

ul.social_menu li a:hover svg path {
  fill: #A88951; }

ul.canvas_menu {
  margin: 3rem 1rem 0 0; }

ul.canvas_menu li {
  list-style: none;
  margin-bottom: 1rem; }

ul.canvas_menu li a {
  font-weight: bold; }

.sidebyside {
  display: flex; }

.sidebyside > div {
  flex-grow: 1;
  max-width: 50%; }

.off-canvas {
  background: #4D4D4D; }

.close-button, .close-button.medium {
  color: #FFFFFF; }

.close-button:hover, .close-button.medium:hover {
  color: #FFFFFF; }

.marker {
  background-image: url("../img/marker.svg");
  background-size: cover;
  width: 50px;
  height: 64px;
  /* border-radius: 50%; */
  cursor: pointer; }

.store_logo {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  width: 100%;
  max-width: 250px;
  background-color: #FFFFFF; }

@media screen and (max-width: 1024px) {
  h1 {
    font-family: IRANSansX;
    font-size: 2rem;
    line-height: calc(1.6 * 32px);
    font-weight: bold; }
  h2 {
    font-family: IRANSansX;
    font-size: 1.5rem;
    line-height: calc(1.6 * 24px);
    font-weight: bold; }
  h3 {
    font-family: IRANSansX;
    font-size: 1.125rem;
    line-height: calc(1.6 * 18px);
    font-weight: bold; }
  h3.title {
    font-size: 2rem;
    line-height: calc(1.6 * 32px); }
  h4 {
    font-family: IRANSansX;
    font-size: 0.875rem;
    line-height: calc(1.6 * 14px);
    font-weight: 600; }
  p {
    font-family: IRANSansX;
    font-size: 0.75rem;
    line-height: calc(1.6 * 12px); }
  p.subtitle {
    font-size: 0.875rem;
    line-height: calc(1.6 * 14px); }
  section#hero {
    padding: 2.5rem 0; }
  .store_logo {
    max-width: 150px; } }

@media screen and (max-width: 640px) {
  .grid-container {
    padding-right: 1rem;
    padding-left: 1rem; }
  h1 {
    font-family: IRANSansX;
    font-size: 1.5rem;
    line-height: calc(1.6 * 24px);
    font-weight: bold; }
  h2 {
    font-family: IRANSansX;
    font-size: 1.125rem;
    line-height: calc(1.6 * 18px);
    font-weight: bold; }
  h3 {
    font-family: IRANSansX;
    font-size: 1rem;
    line-height: calc(1.6 * 16px);
    font-weight: bold; }
  h3.title {
    font-size: 1.5rem;
    line-height: calc(1.6 * 24px); }
  h4 {
    font-family: IRANSansX;
    font-size: 0.875rem;
    line-height: calc(1.6 * 14px);
    font-weight: 600; }
  p {
    font-family: IRANSansX;
    font-size: 0.75rem;
    line-height: calc(1.6 * 12px); }
  p.subtitle {
    font-size: 0.875rem;
    line-height: calc(1.6 * 14px); }
  ul.social_menu {
    justify-content: center;
    margin: 1rem 0 0 0; }
  a.mobile_menu_button {
    display: inline-block;
    background-color: #A88951;
    border-radius: 0.25rem;
    padding: 0.25rem; }
  a.mobile_menu_button svg {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: auto; }
  .ctabtn {
    font-size: 0.875rem;
    line-height: calc(1.6 * 14px);
    font-weight: 600;
    border-radius: 0.5rem;
    display: inline-block; }
  .ctabtn.large {
    padding: 0.75rem 1.5rem; }
  .ctabtn.medium {
    padding: 0.625rem 1rem; }
  .ctabtn.fill.gold {
    background-color: #A88951;
    color: #fefefe; }
  .ctabtn.outline {
    border: 2px solid; }
  .ctabtn.outline.gold {
    border-color: #A88951;
    color: #A88951; }
  section {
    padding: 1.5rem 0; }
  section#nav {
    padding: 1rem 0; }
  section#nav svg {
    width: 100%;
    height: auto; }
  section#hero {
    padding: 1.5rem 0; }
  section#hero img {
    max-width: 50%; }
  section#hero .ctabtn {
    width: 100%; }
  section#header {
    padding: 0 0 1.5rem 0; }
  section#stores .ctabtn {
    width: 100%; }
  section#store {
    background: none !important; }
  section#features {
    padding-right: 1.5rem; }
  section#features .feature_slider div img {
    margin: 0 0.5rem; }
  section#features .slick-slide img {
    width: auto;
    height: 200px; }
  section#promotion .ctabtn {
    width: 100%;
    background-color: #008D71; }
  section#content {
    padding: 0 0 1.5rem 0; }
  section#content p {
    font-size: 0.875rem;
    line-height: calc(14px * 1.9); }
  section#content img {
    margin-bottom: 1rem; }
  section#content ul {
    margin-right: 1rem;
    font-size: 0.875rem;
    line-height: calc(14px * 1.9); }
  section#contact .contact_info {
    order: 2; }
  section#contact .contact_info .container {
    padding: 1.5rem 1rem; }
  section#contact .contact_info .container div {
    margin-bottom: 1.5rem; }
  section#contact .map {
    order: 1; }
  section#footer .copyright {
    padding-top: 0.5rem; }
  .sidebyside {
    display: flex;
    flex-direction: column; }
  .sidebyside > div {
    flex-grow: 1;
    max-width: 100%; }
  .store {
    display: flex; 
    align-items: flex-start;}
  .store_logo {
    margin-left: 1rem; }
  .store_info hr {
    display: none; }
  .store_info h2 {
    margin-bottom: 1rem; }
  .store_info p {
    margin-bottom: 0.25rem; }
  .store_info .ctabtn {
    margin-top: 1rem;}
  .store_info .ctabtn span {
    display: none;} }



h1, .h1{
  line-height: calc(1.6 * 38px);;
}

section#content p {
  line-height: calc(16px* 1.6);
}

#store{
  background-position: top right !important;
}

ul.canvas_menu {
  margin: 3rem 0 0 1rem;
}

@media screen and (max-width: 640px) {
  .store_logo {
      margin-right: 1rem;
      margin-left: 0;
  }
}