@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
hgroup,
menu,
nav,
output,
ruby,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

button {
  background: transparent;
  border: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.hide {
  display: none;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

body {
  direction: rtl;
  overflow-x: hidden;
  margin: 0 auto;
}

main {
  margin: 0 auto;
  direction: rtl;
}

header {
  width: 100%;
}

.header {
  position: relative;
}

article {
  position: relative;
}

.svg-defs {
  display: block;
  width: 0px;
  height: 0px;
}

section.zero {
  height: 0 !important;
  box-shadow: none;
  margin: 0px 10px 0;
}

button:disabled,
button[disabled] {
  border: 1px solid #979797;
  cursor: default;
  border: none;
}

button:disabled svg,
button:disabled rect,
button[disabled] svg,
button[disabled] rect {
  fill: #979797;
}

button:disabled:hover,
button[disabled]:hover {
  box-shadow: none;
}

input:focus,
textarea:focus {
  outline: none;
}

input[type=email] {
  direction: ltr;
  text-align: left;
}

.social-single button:disabled,
.social-single button[disabled] {
  border: 1px solid #979797;
  cursor: default;
}

.social-single button:disabled a,
.social-single button[disabled] a {
  cursor: default;
  pointer-events: none;
}

.social-single button:disabled svg,
.social-single button:disabled rect,
.social-single button[disabled] svg,
.social-single button[disabled] rect {
  fill: #979797;
}

.social-single button:disabled:hover,
.social-single button[disabled]:hover {
  box-shadow: none;
}

button a {
  width: 100%;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

@media screen and (min-width: 23.43em) {
  #p_farsi,
  article p,
  article.copyright p,
  section.bread-crumb ul,
  .header .burger-tablet,
  .header .burger-desktop,
  #general-list,
  article.footer li,
  #h2_farsi,
  article h2,
  #h1_farsi,
  article h1 {
    font-family: "iransans";
    font-size: 1.4rem;
    color: #888;
    text-align: justify;
    direction: rtl;
    padding: 0.5em 0 0 0;
    font-weight: 500;
    line-height: 2.2em;
  }

  #h1_farsi,
  article h1 {
    font-size: 2.2rem;
    color: #fdb813;
    text-align: right;
    padding-top: 1em;
    line-height: 2em;
  }

  #h2_farsi,
  article h2 {
    font-family: dinar;
    font-size: 1.8rem;
    color: #696969;
    text-align: right;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
  }

  #p_en {
    font-family: montserrat;
    font-size: 1.4rem;
    color: #888;
    text-align: left;
    direction: ltr;
    padding: 0.5em 0 0 0;
    line-height: 2.2em;
  }
}

@media screen and (min-width: 56.25em) {
  #menu,
  .header nav a {
    font-family: dinar;
    font-size: 1.7rem;
    text-align: right;
    direction: rtl;
    color: #333;
    padding: 1.2em 1.2em 0 1em;
    line-height: 2.2em;
  }
}

@media screen and (min-width: 75em) {
  #p_en_desktop,
  .header .navbar_languge {
    font-family: montserrat;
    font-size: 1.5rem;
    direction: ltr;
    line-height: 3rem;
  }
}

@media screen and (min-width: 118.75em) {
  #p_farsi_desktop,
  .header .navbar_profile {
    font-family: iyekan;
    font-size: 1.5rem;
    color: #888;
    text-align: right;
    direction: rtl;
    padding: 0.5em 0 0 0;
    line-height: 2.2em;
  }
}

@font-face {
  font-family: "iyekan";
  src: url("/assets/fonts/yekan/iranyekan.woff") format("woff"), url("/assets/fonts/yekan/iranyekan.ttf") format("truetype"), url("/assets/fonts/yekan/iranyekan.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-Light.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-Regular.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-Bold.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-ExtraBold.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-ExtraBold.ttf") format("truetype");
  font-weight: bolder;
  font-style: bolder;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-ExtraBold.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-ExtraBold.ttf") format("truetype");
  font-weight: bolder;
  font-style: bolder;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-ExtraBlack.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-ExtraBlack.ttf") format("truetype");
  font-weight: bolder;
  font-style: bolder;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-Medium.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: 500;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-Black.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-Black.ttf") format("truetype");
  font-weight: 800;
}

@font-face {
  font-family: "iransans";
  src: url("/assets/fonts/iransans/IRANSansX-ExtraBlack.woff") format("woff"), url("/assets/fonts/iransans/IRANSansX-ExtraBlack.ttf") format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: "dinar";
  src: url("/assets/fonts/dinar/dinar.woff") format("woff"), url("/assets/fonts/dinar/dinar.ttf") format("truetype"), url("/assets/fonts/dinar/dinar.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserrat";
  src: url("/assets/fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("/assets/fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserrat-light";
  src: url("/assets/fonts/light/Montserrat-Light.woff") format("woff"), url("/assets/fonts/light/Montserrat-Light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}

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

@font-face {
  font-family: "journal";
  src: url("/assets/fonts/haettenschweiler/Haettenschweiler.ttf") format("truetype"), url("/assets/fonts/haettenschweiler/Haettenschweiler.woff") format("woff"), url("/assets/fonts/haettenschweiler/Haettenschweiler.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@media screen and (min-width: 23.43em) {
  #svg-bg,
  #search-magnet,
  #bread-folder,
  section.bread-crumb ul li:not(:first-child) a::before,
  section.bread-crumb ul li:not(:first-child) span::before,
  #bread-arrow,
  section.bread-crumb ul li:not(:first-child)::before,
  #bread-home,
  section.bread-crumb a.home,
  #footer-mail,
  #footer-phone,
  #footer-address,
  #footer-triangle {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  #footer-triangle {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20135.28%2080.75%22%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D%22footer-gradient%22%20x1%3D%22-238.27%22%20y1%3D%22442.47%22%20x2%3D%22-238.27%22%20y2%3D%22441.47%22%20gradientTransform%3D%22matrix(-133.78%2C%200%2C%200%2C%2079.25%2C%20-31807.8%2C%20-34986.4)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%09%09%09%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e97d89%22%2F%3E%0A%09%09%09%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dcaf77%22%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%09%3Cg%20id%3D%22title%22%3E%0A%09%09%3Cpath%20d%3D%22M60.13%2C77%2C4.24%2C19.75A11%2C11%2C0%2C0%2C1%2C12.11%2C1.07H123.89a11%2C11%2C0%2C0%2C1%2C7.87%2C18.68L75.87%2C77a11%2C11%2C0%2C0%2C1-15.55.18Z%22%20transform%3D%22translate(-0.36%20-0.32)%22%20style%3D%22fill%3A%20none%3Bstroke-width%3A%201.5px%3Bstroke%3A%20url(%23footer-gradient)%22%2F%3E%0A%09%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 9em 9em;
  }

  #footer-address {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050.5%2050.5%22%3E%0A%09%3Cg%20id%3D%22icon%22%3E%0A%09%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%2225.25%22%20cy%3D%2225.25%22%20r%3D%2225%22%20style%3D%22fill%3A%20%23fff%3Bstroke%3A%20%23dab574%3Bstroke-width%3A%200.5px%22%2F%3E%0A%09%20%20%3Cg%20id%3D%22placeholder%22%3E%0A%09%09%3Cpath%20id%3D%22Path%22%20d%3D%22M31.41%2C31.4a.55.55%2C0%2C0%2C0-.1%2C1.09c6.94.66%2C9.52%2C2.25%2C9.52%2C3.1%2C0%2C1.4-5.65%2C3.34-14.86%2C3.34S11.1%2C37%2C11.1%2C35.59c0-.85%2C2.59-2.44%2C9.52-3.1a.54.54%2C0%2C0%2C0%2C.49-.6.55.55%2C0%2C0%2C0-.59-.5C18.05%2C31.63%2C10%2C32.62%2C10%2C35.59S18%2C40%2C26%2C40s16-1.52%2C16-4.44S33.88%2C31.63%2C31.41%2C31.4Z%22%20transform%3D%22translate(-0.75%20-0.83)%22%20style%3D%22fill%3A%20%23dab574%22%2F%3E%0A%09%09%3Cpath%20id%3D%22Shape%22%20d%3D%22M32.73%2C9.76A9.29%2C9.29%2C0%2C0%2C0%2C26%2C7a9.57%2C9.57%2C0%2C0%2C0-8.32%2C4.88%2C10.65%2C10.65%2C0%2C0%2C0-.28%2C10%2C60.26%2C60.26%2C0%2C0%2C0%2C6.91%2C10.92l1.26%2C1.58a.52.52%2C0%2C0%2C0%2C.43.21.55.55%2C0%2C0%2C0%2C.43-.21l1.23-1.56a63%2C63%2C0%2C0%2C0%2C6.93-10.94A10.73%2C10.73%2C0%2C0%2C0%2C32.73%2C9.76Zm.86%2C11.62a61.79%2C61.79%2C0%2C0%2C1-6.82%2C10.75l-.79%2C1-.83-1a59.2%2C59.2%2C0%2C0%2C1-6.78-10.71%2C9.59%2C9.59%2C0%2C0%2C1%2C.24-9A8.51%2C8.51%2C0%2C0%2C1%2C26%2C8.1a8.16%2C8.16%2C0%2C0%2C1%2C5.92%2C2.42A9.62%2C9.62%2C0%2C0%2C1%2C33.59%2C21.38Z%22%20transform%3D%22translate(-0.75%20-0.83)%22%20style%3D%22fill%3A%20%23dab574%22%2F%3E%0A%09%09%3Cpath%20id%3D%22Path-2%22%20data-name%3D%22Path%22%20d%3D%22M30.13%2C15.14a.55.55%2C0%2C1%2C0-1%2C.4h0a3.49%2C3.49%2C0%2C0%2C1%2C.16%2C2.07%2C3.37%2C3.37%2C0%2C0%2C1-5.66%2C1.65A3.48%2C3.48%2C0%2C0%2C1%2C22.69%2C16a3.35%2C3.35%2C0%2C0%2C1%2C4-2.55%2C3%2C3%2C0%2C0%2C1%2C.6.19.56.56%2C0%2C0%2C0%2C.73-.29.55.55%2C0%2C0%2C0-.29-.72A4.54%2C4.54%2C0%2C0%2C0%2C25%2C12.41a4.45%2C4.45%2C0%2C0%2C0-3.35%2C3.38A4.57%2C4.57%2C0%2C0%2C0%2C22.83%2C20%2C4.46%2C4.46%2C0%2C0%2C0%2C26%2C21.34a4.88%2C4.88%2C0%2C0%2C0%2C1-.11%2C4.45%2C4.45%2C0%2C0%2C0%2C3.35-3.38A4.65%2C4.65%2C0%2C0%2C0%2C30.13%2C15.14Z%22%20transform%3D%22translate(-0.75%20-0.83)%22%20style%3D%22fill%3A%20%23dab574%22%2F%3E%0A%09%20%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 4.5em 4.5em;
  }

  #footer-phone {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050.5%2050.5%22%3E%0A%09%3Cg%20id%3D%22icon%22%3E%0A%09%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%2225.25%22%20cy%3D%2225.25%22%20r%3D%2225%22%20style%3D%22fill%3A%20%23fff%3Bstroke%3A%20%23dab574%3Bstroke-width%3A%200.5px%22%2F%3E%0A%09%20%20%3Cg%20id%3D%22support%22%3E%0A%09%09%3Cpath%20id%3D%22Path%22%20d%3D%22M33.81%2C32.73a.7.7%2C0%2C1%2C0%2C.7.7A.7.7%2C0%2C0%2C0%2C33.81%2C32.73Z%22%20transform%3D%22translate(-0.75%20-0.83)%22%20style%3D%22fill%3A%20%23dab574%22%2F%3E%0A%09%09%3Cpath%20id%3D%22Shape%22%20d%3D%22M35.53%2C30.46l-3.33-1.1L31%2C27a7.65%2C7.65%2C0%2C0%2C0%2C2.07-4.06l.15-.89h1.28a2.11%2C2.11%2C0%2C0%2C0%2C2.1-2.11V15.5a10.51%2C10.51%2C0%2C0%2C0-21%2C0v4.41a2.12%2C2.12%2C0%2C0%2C0%2C1.4%2C2v.82a2.11%2C2.11%2C0%2C0%2C0%2C2.1%2C2.1h.62a7.44%2C7.44%2C0%2C0%2C0%2C1.17%2C1.82l.31.33L20%2C29.36l-3.33%2C1.1A10.34%2C10.34%2C0%2C0%2C0%2C10%2C40.15a.7.7%2C0%2C0%2C0%2C.7.7H41.51a.7.7%2C0%2C0%2C0%2C.7-.7A10.34%2C10.34%2C0%2C0%2C0%2C35.53%2C30.46Zm-.32-10.55a.71.71%2C0%2C0%2C1-.7.71H33.44a42.77%2C42.77%2C0%2C0%2C0%2C.34-4.3V16.2h1.42Zm-17.51.71a.71.71%2C0%2C0%2C1-.7-.71V16.2h1.42a1.7%2C1.7%2C0%2C0%2C1%2C0%2C.22h0c.05%2C1.41.17%2C2.84.34%2C4.19Zm1.4%2C2.8a.71.71%2C0%2C0%2C1-.7-.7V22H19l.15.89a4.59%2C4.59%2C0%2C0%2C0%2C.1.51Zm-.7-8.62H17a9.1%2C9.1%2C0%2C0%2C1%2C18.15%2C0H33.81a7.1%2C7.1%2C0%2C0%2C0-7.08-7H25.48A7.1%2C7.1%2C0%2C0%2C0%2C18.4%2C14.8Zm7.08-5.6h1.25a5.7%2C5.7%2C0%2C0%2C1%2C5.68%2C5.7c0%2C.22%2C0%2C.41%2C0%2C.59h0l-.87-.13a11.26%2C11.26%2C0%2C0%2C1-6.33-3.16.71.71%2C0%2C0%2C0-.5-.21%2C6.33%2C6.33%2C0%2C0%2C0-4.87%2C2.31A5.71%2C5.71%2C0%2C0%2C1%2C25.48%2C9.2Zm-4.8%2C14.22a40.31%2C40.31%2C0%2C0%2C1-.84-6.8l.94-1.26a5%2C5%2C0%2C0%2C1%2C3.65-1.95%2C12.68%2C12.68%2C0%2C0%2C0%2C6.9%2C3.35l1%2C.14c-.07%2C1.47-.21%2C2.93-.41%2C4.28h0c-.07.43-.12.71-.25%2C1.49a6%2C6%2C0%2C0%2C1-4.22%2C4.78%2C5.57%2C5.57%2C0%2C0%2C1-2.75%2C0%2C5.68%2C5.68%2C0%2C0%2C1-3.43-2.64h1.42a2.11%2C2.11%2C0%2C0%2C0%2C2%2C1.4h1.41a2.1%2C2.1%2C0%2C1%2C0%2C0-4.2H24.7a2.1%2C2.1%2C0%2C0%2C0-2%2C1.4Zm4%2C5.46a7.16%2C7.16%2C0%2C0%2C0%2C1.46.15%2C7.3%2C7.3%2C0%2C0%2C0%2C1.14-.09L26%2C30.25Zm.4%2C2.38-2.22%2C2.35A27.05%2C27.05%2C0%2C0%2C1%2C21.26%2C30l.84-1.67ZM30%2C28.07%2C31%2C30a26.51%2C26.51%2C0%2C0%2C1-1.57%2C3.63L27%2C31.24Zm-6-3.95a.7.7%2C0%2C0%2C1%2C.7-.7h1.41a.7.7%2C0%2C1%2C1%2C0%2C1.4H24.7A.71.71%2C0%2C0%2C1%2C24%2C24.12ZM11.43%2C39.45a8.85%2C8.85%2C0%2C0%2C1%2C5.69-7.66l2.95-1a28.17%2C28.17%2C0%2C0%2C0%2C2%2C4.32h0A27.74%2C27.74%2C0%2C0%2C0%2C24%2C38.07l.86%2C1.38Zm14.68-.62-.95-1.53a.1.1%2C0%2C0%2C1%2C0%2C0%2C26.78%2C26.78%2C0%2C0%2C1-1.58-2.35L26%2C32.25l2.63%2C2.64a24.88%2C24.88%2C0%2C0%2C1-1.58%2C2.36S27.1%2C37.23%2C26.11%2C38.83Zm1.26.62.86-1.38a28.75%2C28.75%2C0%2C0%2C0%2C1.93-3v0h0a28.19%2C28.19%2C0%2C0%2C0%2C2-4.29l3%2C1a8.85%2C8.85%2C0%2C0%2C1%2C5.69%2C7.66Z%22%20transform%3D%22translate(-0.75%20-0.83)%22%20style%3D%22fill%3A%20%23dab574%22%2F%3E%0A%09%09%3Cpath%20id%3D%22Path-2%22%20data-name%3D%22Path%22%20d%3D%22M38.68%2C36.62a7.12%2C7.12%2C0%2C0%2C0-2-2.41.71.71%2C0%2C0%2C0-1%2C.13.7.7%2C0%2C0%2C0%2C.13%2C1%2C5.64%2C5.64%2C0%2C0%2C1%2C1.58%2C1.92.7.7%2C0%2C0%2C0%2C1.26-.62Z%22%20transform%3D%22translate(-0.75%20-0.83)%22%20style%3D%22fill%3A%20%23dab574%22%2F%3E%0A%09%20%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 4.5em 4.5em;
  }

  #footer-mail {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050.5%2050.5%22%3E%0A%09%3Cg%20id%3D%22icon%22%3E%0A%09%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%2225.25%22%20cy%3D%2225.25%22%20r%3D%2225%22%20style%3D%22fill%3A%20%23fff%3Bstroke%3A%20%23dab574%3Bstroke-width%3A%200.5px%22%2F%3E%0A%09%20%20%3Cg%20id%3D%22mail%22%3E%0A%09%09%3Cpath%20id%3D%22Shape%22%20d%3D%22M14.52%2C38.32H38.45A3.52%2C3.52%2C0%2C0%2C0%2C42%2C34.8V18.56A3.53%2C3.53%2C0%2C0%2C0%2C38.45%2C15H14.52A3.53%2C3.53%2C0%2C0%2C0%2C11%2C18.56V34.8A3.52%2C3.52%2C0%2C0%2C0%2C14.52%2C38.32Zm0-1a2.46%2C2.46%2C0%2C0%2C1-1.5-.5l-.68-.8a2.5%2C2.5%2C0%2C0%2C1-.29-1.17V19.72L24.22%2C30a3.5%2C3.5%2C0%2C0%2C0%2C4.54%2C0L40.92%2C19.71V34.8A2.5%2C2.5%2C0%2C0%2C1%2C40.63%2C36l-.68.8a2.46%2C2.46%2C0%2C0%2C1-1.5.5Zm0-21.18H38.45a2.47%2C2.47%2C0%2C0%2C1%2C2.46%2C2.25L28.09%2C29.22a2.48%2C2.48%2C0%2C0%2C1-3.2%2C0L12.06%2C18.35A2.46%2C2.46%2C0%2C0%2C1%2C14.52%2C16.09Z%22%20transform%3D%22translate(-0.75%20-0.83)%22%20style%3D%22fill%3A%20%23dab574%22%2F%3E%0A%09%20%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 4.5em 4.5em;
  }

  #bread-home,
  section.bread-crumb a.home {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20255.71%20256.08%22%3E%3Cg%20fill%3D%22%23E8C486%22%3E%3Cpath%20d%3D%22M255%2C193.5c0%2C22.17.43%2C43.66-.16%2C65.12-.36%2C13.11-12.61%2C23.87-26.72%2C24.21-16%2C.39-32%2C.19-48%2C.07-5.61%2C0-8.21-3.07-8.22-9%2C0-16.49%2C0-33%2C0-49.48%2C0-1.79%2C0-3.58%2C0-5.69H138.08c0%2C2%2C0%2C3.82%2C0%2C5.59q0%2C24.74%2C0%2C49.48c0%2C6.37-2.69%2C9.11-9.1%2C9.14-15.33.06-30.66.18-46%2C0-16.5-.22-28.05-12.13-28.09-28.67%2C0-18.66.09-37.32-.08-56%2C0-3.52.92-4.81%2C4.51-5.47%2C7.92-1.45%2C14.35-5.81%2C20-11.5q35.61-35.77%2C71.35-71.42a39.9%2C39.9%2C0%2C0%2C1%2C5.64-5.34c.85%2C1.64%2C1.37%2C3.62%2C2.61%2C4.87q31%2C31.21%2C62.15%2C62.25C230.83%2C181.38%2C239.63%2C192.54%2C255%2C193.5Z%22%20transform%3D%22translate(-27.12%20-26.98)%22%2F%3E%3Cpath%20d%3D%22M155.32%2C83.53c-1.86%2C1.78-3.19%2C3-4.46%2C4.27q-41.54%2C41.52-83.09%2C83c-13%2C12.9-33.59%2C8.36-39.26-8.5-3-8.91-1.08-17%2C5.37-23.52q52.3-52.67%2C105-105c9.24-9.17%2C23.12-9.13%2C32.4.07q52.68%2C52.29%2C105%2C105a23.29%2C23.29%2C0%2C0%2C1-33.32%2C32.56q-41.67-41.39-83.09-83C158.39%2C87%2C157.1%2C85.48%2C155.32%2C83.53Z%22%20transform%3D%22translate(-27.12%20-26.98)%22%2F%3E%3Cpath%20d%3D%22M246%2C86.79q-8.91-9-17.81-18C220%2C60.61%2C212.09%2C52.29%2C203.7%2C44.43c-4.24-4-3.62-8.53-2.31-12.83%2C1.19-3.92%2C5.15-4.64%2C9.11-4.59%2C9%2C.12%2C18%2C0%2C27%2C0%2C7.06%2C0%2C9.57%2C2.59%2C9.58%2C9.67q0%2C24.72%2C0%2C49.45Z%22%20transform%3D%22translate(-27.12%20-26.98)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 1.7em 1.7em;
  }

  #bread-arrow,
  section.bread-crumb ul li:not(:first-child)::before {
    background-size: 0.8em 0.8em;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%20492%20492%22%20xml%3Aspace%3D%22preserve%22%3E%0A%09%3Cg%20fill%3D%22%23808080%22%3E%0A%09%09%3Cpath%20d%3D%22M198.608%2C246.104L382.664%2C62.04c5.068-5.056%2C7.856-11.816%2C7.856-19.024c0-7.212-2.788-13.968-7.856-19.032l-16.128-16.12%20%20%20C361.476%2C2.792%2C354.712%2C0%2C347.504%2C0s-13.964%2C2.792-19.028%2C7.864L109.328%2C227.008c-5.084%2C5.08-7.868%2C11.868-7.848%2C19.084%20%20%20c-0.02%2C7.248%2C2.76%2C14.028%2C7.848%2C19.112l218.944%2C218.932c5.064%2C5.072%2C11.82%2C7.864%2C19.032%2C7.864c7.208%2C0%2C13.964-2.792%2C19.032-7.864%20%20%20l16.124-16.12c10.492-10.492%2C10.492-27.572%2C0-38.06L198.608%2C246.104z%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%0A%3C%2Fsvg%3E");
    background-position: 100% 80%;
  }

  #bread-folder,
  section.bread-crumb ul li:not(:first-child) a::before,
  section.bread-crumb ul li:not(:first-child) span::before {
    background-size: 1.6em 1.6em;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20426.67%20341.33%22%3E%3Cg%20fill%3D%22%23CEDAFA%22%3E%0A%09%3Cpath%20d%3D%22M6%2C91V304.33A42.66%2C42.66%2C0%2C0%2C0%2C48.67%2C347H390a42.65%2C42.65%2C0%2C0%2C0%2C42.67-42.67l-.21-256A42.47%2C42.47%2C0%2C0%2C0%2C390%2C5.67H262L219.33%2C48.33H48.67A42.66%2C42.66%2C0%2C0%2C0%2C6%2C91Z%22%20transform%3D%22translate(-6%20-5.67)%22%2F%3E%3C%2Fg%3E%0A%20%20%0A%3C%2Fsvg%3E");
    background-position: right bottom;
  }

  #search-magnet {
    background-size: 2em 2em;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20612%20612.01%22%3E%3Cpath%20fill%3D%22%23EF7E9C%22%20d%3D%22M5.82%2C606.3a20%2C20%2C0%2C0%2C0%2C28%2C0L192.45%2C450.2a259%2C259%2C0%2C0%2C0%2C162.07%2C56.59C496.73%2C506.79%2C612%2C393.35%2C612%2C253.39S496.73%2C0%2C354.52%2C0%2C97%2C113.44%2C97%2C253.39c0%2C65.42%2C25.42%2C124.88%2C66.8%2C169.83L5.8%2C578.71A19.29%2C19.29%2C0%2C0%2C0%2C5.82%2C606.3ZM136.65%2C253.39C136.65%2C135%2C234.19%2C39%2C354.52%2C39s217.87%2C96%2C217.87%2C214.41S474.84%2C467.8%2C354.52%2C467.8%2C136.65%2C371.81%2C136.65%2C253.39Z%22%20transform%3D%22translate(-0.01%200)%22%2F%3E%3C%2Fsvg%3E");
    background-position: center center;
  }
}

@media screen and (min-width: 69.375em) {
  #left-arrow {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20fill%3D%22%23fff%22%3E%0A%09%3Cpath%20d%3D%22M256%2C0C114.833%2C0%2C0%2C114.833%2C0%2C256s114.833%2C256%2C256%2C256s256-114.833%2C256-256S397.167%2C0%2C256%2C0z%20M256%2C490.667%20%20%20C126.604%2C490.667%2C21.333%2C385.396%2C21.333%2C256S126.604%2C21.333%2C256%2C21.333S490.667%2C126.604%2C490.667%2C256S385.396%2C490.667%2C256%2C490.667%20%20%20z%22%2F%3E%0A%09%3Cpath%20class%3D%22arrow%22%20d%3D%22M306.208%2C131.125c-4.167-4.167-10.917-4.167-15.083%2C0L173.792%2C248.458c-4.167%2C4.167-4.167%2C10.917%2C0%2C15.083%20%20%20l117.333%2C117.333c2.083%2C2.083%2C4.813%2C3.125%2C7.542%2C3.125c2.729%2C0%2C5.458-1.042%2C7.542-3.125c4.167-4.167%2C4.167-10.917%2C0-15.083%20%20%20L196.417%2C256l109.792-109.792C310.375%2C142.042%2C310.375%2C135.292%2C306.208%2C131.125z%22%2F%3E%3C%2Fg%3E%0A%0A%3C%2Fsvg%3E");
  }

  #left-arrow-hover {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M256%2C0C114.833%2C0%2C0%2C114.833%2C0%2C256s114.833%2C256%2C256%2C256s256-114.833%2C256-256S397.167%2C0%2C256%2C0z%20M256%2C490.667%20%20%20C126.604%2C490.667%2C21.333%2C385.396%2C21.333%2C256S126.604%2C21.333%2C256%2C21.333S490.667%2C126.604%2C490.667%2C256S385.396%2C490.667%2C256%2C490.667%20%20%20z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23DAB574%22%20class%3D%22arrow%22%20d%3D%22M306.208%2C131.125c-4.167-4.167-10.917-4.167-15.083%2C0L173.792%2C248.458c-4.167%2C4.167-4.167%2C10.917%2C0%2C15.083%20%20%20l117.333%2C117.333c2.083%2C2.083%2C4.813%2C3.125%2C7.542%2C3.125c2.729%2C0%2C5.458-1.042%2C7.542-3.125c4.167-4.167%2C4.167-10.917%2C0-15.083%20%20%20L196.417%2C256l109.792-109.792C310.375%2C142.042%2C310.375%2C135.292%2C306.208%2C131.125z%22%2F%3E%3C%2Fg%3E%0A%0A%3C%2Fsvg%3E");
  }
}

@media screen and (min-width: 23.43em) {
  #landing-link,
  #landing-button,
  article button {
    display: flex;
    align-items: center;
    font-family: iyekan;
    font-size: 1.8rem;
    width: 7.5em;
    height: 2.8em;
    margin: 1em auto;
    border-radius: 1.4em;
    transition: transform 300ms ease-in-out;
  }

  #landing-button,
  article button {
    background-color: #fdb813;
  }

  #landing-button:hover,
  article button:hover {
    transform: scale(115%);
  }

  #landing-button a,
  article button a {
    display: block;
    color: #fff;
  }

  #landing-outline-link,
  article.copyright span.outline-insta {
    display: block;
    font-size: 1.8rem;
    font-family: iyekan;
    width: calc( 7.5em + 2px );
    height: calc( 2.8em + 2px );
    border-radius: 1.4em;
    background: linear-gradient(to right, #CC4FAC, #FFA423);
    transition: transform 300ms ease-in-out;
    position: relative;
    margin: 1em auto;
  }

  #landing-outline-link a,
  article.copyright span.outline-insta a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 7.5em;
    height: 2.8em;
    color: #DAB574;
    background-color: #fff;
    border-radius: inherit;
    position: absolute;
    top: 1px;
    left: 1px;
  }

  #landing-outline-link:hover,
  article.copyright span.outline-insta:hover {
    transform: scale(115%);
  }
}

.mobile {
  display: none;
}

.tablet {
  display: none;
}

.pc {
  display: none;
}

@media screen and (min-width: 23.43em) {
  .mobile {
    display: block;
  }

  #illustrates,
  article .illustrate {
    display: block;
    font-size: 1rem;
    width: 100%;
    transform: scale(120%);
    -webkit-transform: scale(1.2);
  }

  #illustrates svg,
  article .illustrate svg {
    margin: 6em 4em 3em 4em;
  }

  #bullets,
  #general-list::before,
  article.footer li::before {
    content: " ";
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    margin-left: 1em;
    margin-top: 0.7em;
  }

  #general-list,
  article.footer li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
  }

  #general-list::before,
  article.footer li::before {
    font-size: 0.7rem;
  }

  .pink_bullet::before {
    background-color: #ed6f8f;
  }

  .gold_bullet::before {
    background-color: #E8C486;
  }

  .violet_bullet::before {
    background-color: #A9BFF8;
  }

  .make_disable {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1);
    pointer-events: none;
  }

  .blank {
    min-height: 3em;
    width: 100%;
  }
}

@media screen and (min-width: 31.25em) {
  .blank {
    min-height: 5em;
  }
}

@media screen and (min-width: 69.375em) {
  .blank {
    min-height: 12em;
  }
}

/*
* Reset Section
*/

html {
  font-size: 0.625em;
}

body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body::-webkit-scrollbar {
  display: none;
}

body.modal-open {
  overflow: hidden;
}

main {
  overflow-x: hidden;
}

/*
* No Content for very small devices
*/

.no-content {
  display: block;
}

.normal {
  display: none;
}

@media screen and (min-width: 23.43em) {
  .no-content {
    display: none;
  }

  .normal {
    display: block;
  }
}

@media screen and (min-width: 23.43em) {
  header .bg {
    display: none;
  }

  .header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .header a {
    font-size: 1rem;
    display: flex;
    align-items: flex-end;
  }

  .header a img {
    margin: 2em 0em 0em 0em;
  }

  .header a img.typo {
    max-height: 5em;
    margin: 0 0 0.8em 0;
    cursor: default;
    opacity: 0;
  }

  .header a > img {
    max-height: 5em;
  }

  .header nav {
    display: none;
  }

  .header .navbar_languge {
    display: none;
  }

  .header .navbar_profile {
    display: none;
  }

  .header .login {
    display: none;
  }

  .header .menu {
    margin-right: auto;
    margin-left: 1em;
  }

  .header .burger-normal {
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0.7em;
    border: 1px solid #333;
    padding: 0.5em;
    border-radius: 7px;
    z-index: 12;
    cursor: pointer;
    position: relative;
  }

  .header .hide {
    display: none;
  }

  .header #burger_line,
  .header .line-bottom,
  .header .line-mid,
  .header .line-top {
    font-size: 1rem;
    width: 3.8em;
    height: 0.4em;
    display: block;
    background-color: #A9BFF8;
    border-radius: 0.3em;
  }

  .header .line-top {
    margin-top: 0.4em;
  }

  .header .line-mid {
    width: 2em;
    margin: 0.7em 0;
  }

  .header .line-bottom {
    width: 2.8em;
    margin-bottom: 0.3em;
  }

  .header .burger-close {
    margin-top: 0.7em;
    cursor: pointer;
  }

  .header .burger-close svg {
    width: 3.4em;
    height: 3.4em;
  }

  .header .burger-tablet,
  .header .burger-desktop {
    position: absolute;
    width: calc( 100% - 1.4em);
    border-radius: 15px;
    min-height: 27em;
    right: 0;
    top: 6em;
    margin-right: 0.7em;
    margin-left: 0.7em;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0px 0px 4px 0px #E8C486;
  }

  .header .burger-tablet a,
  .header .burger-desktop a {
    font-size: 1.6rem;
    line-height: 3em;
    margin-right: 2em;
  }

  .header .burger-tablet ul,
  .header .burger-desktop ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }

  .header .burger-tablet li,
  .header .burger-desktop li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 50%;
    flex-basis: 50%;
  }

  .header .burger-tablet li::before,
  .header .burger-desktop li::before {
    content: " ";
    display: block;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    background-color: #E8C486;
    border-radius: 50%;
    margin: 0 1em 0 1em;
  }

  .header .burger-tablet li.pink::before,
  .header .burger-desktop li.pink::before {
    background-color: #F1A2B7;
  }

  .header .burger-tablet li.blue::before,
  .header .burger-desktop li.blue::before {
    background-color: #A9D8F8;
  }

  .header .burger-tablet li.supplier::before,
  .header .burger-desktop li.supplier::before {
    background-color: #FB3B89;
  }

  .header .burger-desktop {
    min-height: 17em;
    width: 13em;
    border-radius: 0;
    box-shadow: 0px 0px 4px 0px #dfdfdf;
    left: 0.2em;
    right: auto;
    top: 6em;
  }

  .header .burger-desktop li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 100%;
    flex-basis: 100%;
  }
}

@media screen and (min-width: 46.86em) {
  .header .burger-normal {
    border: 0;
  }
}

@media screen and (min-width: 56.25em) {
  .header a img.typo {
    max-width: 19.2em;
  }

  .header nav {
    display: block;
    margin-right: 4em;
  }

  .header nav ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-bottom;
    flex-wrap: nowrap;
    height: 100%;
  }

  .header .burger-normal {
    margin-top: 2em;
  }

  .header .burger-close {
    margin-top: 2em;
  }
}

@media screen and (min-width: 75em) {
  header {
    position: relative;
  }

  header .bg {
    position: absolute;
    display: block;
    width: 120%;
    top: 0;
    left: 1em;
  }

  .header .navbar_languge {
    display: block;
    width: 2.2em;
    height: 2.2em;
    background-color: #F1A2B7;
    color: #fff;
    border-radius: 50%;
    margin: 1.5em 0 0 2.5em;
  }

  .header a {
    padding-right: 2em;
  }

  .header .menu {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
  }

  .header .burger-close {
    margin-right: 0.2em;
  }

  .header .burger-desktop a {
    padding-right: 0;
  }
}

@media screen and (min-width: 118.75em) {
  header {
    min-height: 4em;
  }

  header .burger-normal {
    margin-left: 2.5em;
  }

  .header .navbar_languge {
    font-size: 1.8rem;
  }

  .header .navbar_profile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 1.8em;
    margin-left: 1.5em;
    padding: 0;
    margin-top: 1.6em;
    background-color: #fdb813;
    color: #fff;
    height: 2.3em;
    border-radius: 1.75em;
    width: 7em;
  }

  .header .navbar_profile.hide {
    display: none;
  }

  .header .login {
    display: block;
    position: relative;
  }

  .header .login .navbar_login {
    border: 1px solid #E8C486;
    border-radius: 2.5em;
    margin: 1.5em 0 0 5em;
  }

  .header .login .navbar_login img {
    width: 5em;
    height: 5em;
  }

  .header .login ul.menu_login {
    box-shadow: 0px 0px 12px 1px #dfdfdf;
    background-color: #fff;
    position: absolute;
    margin-top: 0.5em;
    z-index: 1010;
  }

  .header .login li a {
    font-family: "iyekan";
    font-size: 1.4rem;
    padding-left: 1.5em;
  }

  .header .login li.edit_brand,
  .header .login li.logout {
    color: #DAB574;
    position: relative;
  }

  .header .login li.edit_brand::before,
  .header .login li.logout::before {
    content: " ";
    width: 0.7em;
    height: 0.7em;
    border-radius: 50%;
    top: 1em;
    right: 1em;
    position: absolute;
    display: block;
    background-color: #DAB574;
  }

  .header .login li.logout {
    color: #F5146F;
  }

  .header .login li.logout::before {
    background-color: #F5146F;
  }

  .header .login hr {
    border: 1px solid #e9e9e9;
  }

  .header .login .arrow-down-menu {
    width: 1.3em;
    height: 1.3em;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 17 17" fill="rgb(255, 255, 255)">  <path  d="M9.62,13.24l3.65-5.7A1,1,0,0,0,12.43,6H5.12a1,1,0,0,0-.84,1.54l3.65,5.7a1,1,0,0,0,1.68,0Z" transform="translate(-0.3)"/></svg>');
  }

  .header .login .navbar_arrow {
    width: 1.3em;
    height: 1.3em;
    border-radius: 50%;
    background: #DAB574;
    position: absolute;
    top: 5.7em;
    right: 0;
  }

  .header .login .navbar_arrow svg {
    margin-left: 2px;
    margin-top: 6px;
  }

  .header .burger-close {
    margin-left: 1.9em;
  }

  .header .burger-desktop {
    left: 1.9em;
    top: 6.3em;
  }
}

@media screen and (min-width: 121.25em) {
  header {
    max-width: 194rem;
    margin: 0 auto;
  }

  header .bg {
    width: 230rem;
    left: calc( 50% - 195rem / 2);
  }
}

/*
* Header Component
* ----------------
*
*/

section.no-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

section.no-content h1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 3em;
}

section.no-content h1 img {
  margin-right: 0.5em;
  flex-basis: 20%;
}

section.no-content h1 img.typo {
  flex-basis: 70%;
  max-width: 70%;
}

section.no-content h1 > img {
  max-height: 6.2em;
}

section.no-content span {
  font-family: "montserrat";
  font-size: 1.4em;
  color: #DAB574;
  margin-top: 2em;
}

section.no-content p {
  font-family: "iyekan";
  font-size: 1.3em;
  margin-top: 2em;
  padding: 1em 2em;
  line-height: 2.2em;
  color: #ed6f8f;
  text-align: justify;
  position: relative;
}

section.no-content p::before {
  content: "\201D";
  font-size: 3rem;
  color: #f8d573;
  padding: 0 0.2em;
  position: absolute;
  right: 0.1em;
}

section.no-content p::after {
  content: "\201E";
  font-size: 3rem;
  color: #f8d573;
  padding: 0 0.2em;
  transform: scaleX(-1);
  position: absolute;
  left: 0.2em;
  bottom: 0;
}

@media screen and (min-width: 23.43em) {
  section.no-content {
    display: none;
  }
}

@media screen and (min-width: 23.43em) {
  section.bread-crumb {
    z-index: 999;
    position: relative;
  }

  section.bread-crumb ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.2em;
    padding-right: 1em;
    margin-top: 2em;
    background-color: #fbfbfb;
    border-radius: 5px;
  }

  section.bread-crumb a.home {
    display: block;
    position: relative;
    margin-top: -0.5em;
  }

  section.bread-crumb a {
    padding-right: 2em;
    padding-bottom: 0.3em;
    display: block;
  }

  section.bread-crumb ul li:not(:first-child) {
    position: relative;
  }

  section.bread-crumb ul li:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2em;
    height: 1.7em;
    right: 0.2em;
    padding-right: 1.2em;
  }

  section.bread-crumb ul li:not(:first-child) a,
  section.bread-crumb ul li:not(:first-child) span {
    padding-right: 3.7em;
    padding-left: 1em;
  }

  section.bread-crumb ul li:not(:first-child) a::before,
  section.bread-crumb ul li:not(:first-child) span::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2em;
    height: 1.8em;
    right: 1.5em;
  }
}

@media screen and (min-width: 23.43em) {
  article.footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background-color: #faf9fc;
    border-radius: 2.5em;
  }

  article.footer svg {
    margin-top: 2em;
    margin-bottom: 2em;
    width: 5.4em;
  }

  article.footer > section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc( 100% - 2em );
    margin-left: 1em;
    margin-right: 1em;
  }

  article.footer ul {
    flex-basis: calc( 50% - 4em);
    margin-bottom: 4em;
    margin-left: 2em;
    margin-right: 2em;
  }

  article.footer li::before {
    background-color: #888;
  }

  article.footer li a:hover {
    color: #A1C8F1;
  }

  article.footer li.gold::before {
    background-color: #DAB574;
  }

  article.footer li.gold a:hover {
    color: #DAB574;
  }

  article.footer li.pink::before {
    background-color: #ed6f8f;
  }

  article.footer li.pink a:hover {
    color: #ed6f8f;
  }

  article.footer li.blue::before {
    background-color: #A9BFF8;
  }

  article.footer li.blue a:hover {
    color: #A9BFF8;
  }

  article.footer li.red::before {
    background-color: #D14245;
  }

  article.footer li.red a:hover {
    color: #D14245;
  }

  article.footer li.non-leaner {
    display: none;
  }

  article.copyright p {
    font-size: 1.2rem;
    line-height: 1.8em;
    padding: 0 0.8em;
    margin-top: -0.5em;
    margin-bottom: 1em;
  }

  article.copyright section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  article.copyright a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 5.5em;
    height: 5.5em;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    margin: 0 0.5em;
    transition: transform 300ms ease-in-out;
  }

  article.copyright a svg {
    fill: #e9e9e9;
    width: 3.3em;
    height: 3.3em;
  }

  article.copyright a.facebook {
    border-color: #3b5999;
  }

  article.copyright a.facebook svg {
    fill: #3b5999;
  }

  article.copyright a.facebook:hover {
    transform: scale(115%);
  }

  article.copyright a.linkedin {
    border-color: #0073b1;
  }

  article.copyright a.linkedin svg {
    fill: #0073b1;
  }

  article.copyright a.linkedin:hover {
    transform: scale(115%);
  }

  article.copyright span.outline-insta {
    font-size: 1rem;
    width: calc( 5.5em + 2px);
    height: calc(5.5em + 2px);
    transform: none;
    margin: 0 0.5em;
    border-radius: 50%;
  }

  article.copyright span.outline-insta a {
    font-size: 1rem;
    width: 5.5em;
    height: 5.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border: 0;
    margin: 0;
  }

  article.copyright span.outline-insta g {
    fill: url(#gradient-instagram);
  }
}

@media screen and (min-width: 23.43em) {
  article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    font-size: 1rem;
    margin: 2em 0;
    padding: 0 1em;
  }

  article p.no-mobile {
    display: none;
  }

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

  article.single.architects h1 {
    color: #B7B0EB;
  }

  article.single.suppliers h1 {
    color: #EF7E9C;
  }

  article.single.journal .illustrate svg {
    transform: translateX(-4.2em) scale(110%);
  }

  article.no-mobile {
    display: none;
  }

  article.studio h1 {
    color: #A8CF45;
    text-align: center;
  }

  article.studio p {
    width: calc(100% - 3em);
    margin-left: auto;
    margin-right: auto;
  }

  article.studio .illustrate {
    transform: none;
  }

  article.studio .illustrate svg {
    margin: 6em 4em 3em 4em;
  }

  article.studio .illustrate div.subText {
    display: block;
  }

  article.studio .illustrate div.subText span {
    display: block;
    font-family: "montserrat";
    font-size: 7rem;
    float: left;
    margin: 0;
    padding: 0;
    max-height: 1em;
    color: #E8C486;
  }

  article.studio .illustrate div.subText p {
    font-size: 1.2rem;
    direction: ltr;
    text-align: justify;
    margin-top: -1em;
    padding-left: 0.7em;
    padding-top: 1.7em;
    line-height: 1.5em;
    color: #aaa;
    width: 100%;
  }
}

@media screen and (min-width: 31.25em) {
  article.studio .illustrate div.subText span {
    font-size: 7.5rem;
  }

  article.studio .illustrate div.subText p {
    font-size: 1.5rem;
  }

  article.single.journal .illustrate svg {
    transform: translateX(-5.4em);
  }
}

@media screen and (min-width: 23.43em) {
  article.content h1,
  article.content h2 {
    margin-left: auto;
  }

  article.content img {
    max-width: calc( 100% - 2em);
    margin: 1em;
  }
}

@media screen and (min-width: 46.86em) {
  article.footer {
    padding-bottom: 0;
  }

  article.footer > section {
    justify-content: space-around;
    align-items: center;
  }

  article.footer ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-basis: unset;
    margin-left: 0;
    margin-right: 0;
  }

  article.footer ul li {
    margin-left: 3em;
  }

  article.footer ul li.non-leaner {
    display: flex;
  }

  article.footer ul:nth-child(2) {
    display: none;
  }

  article.copyright {
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
  }

  article.copyright p {
    max-width: 85%;
  }
}

@media screen and (min-width: 50em) {
  article.footer section,
  article.copyright section {
    padding-right: 0;
  }
}

@media screen and (min-width: 37.5em) {
  article.single.journal .illustrate svg {
    transform: translateX(-6em);
  }
}

@media screen and (min-width: 40.62em) {
  article.single.journal .illustrate svg {
    transform: translateX(-7em);
  }
}

@media screen and (min-width: 46.86em) {
  article {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding-bottom: 8em;
  }

  article h1 {
    font-size: 2.2rem;
    margin-top: 1em;
  }

  article h2 {
    font-size: 1.8rem;
    padding-top: 0.2em;
    padding-bottom: 0.6em;
  }

  article p {
    font-size: 1.4rem;
    padding-left: 2.5em;
  }

  article section {
    flex-basis: 45%;
    z-index: 10;
  }

  article .illustrate {
    z-index: 9;
    flex-basis: 55%;
    transform: translate(2.5em) scale(1.2);
  }

  article .illustrate.first {
    transform: scale(1.45);
    z-index: -1;
  }

  article button {
    font-size: 1.6rem;
  }

  article.studio {
    align-items: center;
  }

  article.studio .illustrate {
    transform: none;
  }

  article.studio .illustrate div.subText span {
    font-size: 7rem;
  }

  article.studio .illustrate div.subText p {
    font-size: 1.2rem;
  }

  article.single {
    flex-direction: row-reverse;
  }

  article.single .illustrate {
    transform: translate(7.5em) scale(1.3);
  }

  article.single.static {
    padding-bottom: 0;
  }

  article.single.journal .illustrate {
    transform: translateX(7em) translateY(10em) scale(1.4);
  }

  article.text-left {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 50em) {
  article {
    align-items: center;
    margin-bottom: 5em;
  }

  article section {
    padding-right: 1.5em;
  }

  article .illustrate {
    padding-left: 1em;
    padding-right: 0;
  }

  article.single.journal .illustrate {
    transform: translateX(2.5em) scale(1.3);
  }
}

@media screen and (min-width: 56.25em) {
  article {
    align-items: center;
    margin-bottom: 5em;
  }

  article section {
    padding-right: 2em;
  }

  article .illustrate {
    padding-left: 1em;
    padding-right: 0;
  }
}

@media screen and (min-width: 62.5em) {
  article.studio .illustrate svg {
    margin-top: 10em;
  }

  article.studio .illustrate div.subText {
    max-width: 43em;
  }
}

@media screen and (min-width: 46.86em) {
  article.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding-right: 2.5em;
  }
}

@media screen and (min-width: 75em) {
  section.bread-crumb ul {
    background-color: rgba(255, 255, 255, 0);
    padding-right: 2.2em;
    margin-top: -4em;
  }
}

@media screen and (min-width: 87.5em) {
  section.bread-crumb ul {
    padding-right: 6em;
    margin-top: -1em;
  }
}

@media screen and (min-width: 109.375em) {
  section.bread-crumb ul {
    margin-top: 2em;
  }
}

@media screen and (min-width: 118.75em) {
  section.bread-crumb {
    max-width: 190rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5rem;
  }

  section.bread-crumb ul {
    margin-top: 0.5em;
    padding-right: 7em;
  }
}

@media screen and (min-width: 69.375em) {
  article.footer {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2em;
    border-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  article.footer > section {
    justify-content: flex-start;
  }

  article.footer svg {
    margin-right: 0.5em;
    padding: 0.8em 0;
    width: 4.6em;
    transform: rotate(90deg);
    margin-top: 0;
    margin-bottom: 0;
  }

  article.footer ul {
    margin-bottom: 0;
    flex-wrap: wrap;
    width: 90em;
    justify-content: flex-start;
  }

  article.footer li {
    padding-top: 0;
  }
}

@media screen and (min-width: 75em) {
  article.footer li {
    font-size: 1.6em;
  }

  article.copyright {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-right: 3em;
  }

  article.copyright p {
    max-width: 70%;
    padding: 0;
    margin: 0;
  }

  article.copyright section {
    flex-basis: 20%;
  }
}

@media screen and (min-width: 87.5em) {
  article.footer li {
    font-size: 1.8em;
  }
}

@media screen and (min-width: 109.375em) {
  footer {
    max-width: 170em;
    margin-left: auto;
    margin-right: auto;
  }

  article.footer,
  article.copyright {
    max-width: 175em;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 118.75em) {
  article.footer,
  article.copyright {
    padding-right: 2em;
  }
}

@media screen and (min-width: 69.375em) {
  article {
    display: flex;
    flex-direction: row;
  }

  article.no-mobile {
    display: flex;
  }

  article section {
    padding-right: 2.5em;
  }

  article .illustrate {
    padding-left: 1.5em;
    padding-right: 0;
  }

  article.single {
    flex-direction: row;
  }

  article.single .illustrate {
    transform: none;
  }

  article.single.journal .illustrate {
    transform: translateX(0em) scale(1.3);
  }

  article.reverse-column {
    flex-direction: row;
  }

  article.reverse {
    flex-direction: row;
  }

  article.reverse section:first-of-type {
    padding-right: 1em;
    padding-left: 2.5em;
  }

  article.reverse section.illustrate {
    transform: translate(-1em) scale(1.2);
  }
}

@media screen and (min-width: 75em) {
  article {
    display: flex;
    flex-direction: row;
    padding-right: 2em;
    padding-bottom: 12em;
  }

  article h1 {
    font-size: 3.2rem;
  }

  article h2 {
    font-size: 2.7rem;
  }

  article p {
    font-size: 1.5rem;
  }

  article button {
    margin: 2em 0.5em 0 auto;
  }

  article .illustrate {
    transform: none;
  }

  article.reverse section.illustrate {
    transform: unset;
  }

  article.studio {
    padding-bottom: 0;
    margin-bottom: 3.5em;
  }

  article.studio .illustrate div.subText {
    max-width: 73.5%;
  }

  #article-normal {
    padding-left: 2em;
    padding-right: 1em;
  }

  #article-normal section {
    padding-right: 2em;
  }

  #article-normal .illustrate {
    transform: none;
    padding: 0 1em;
  }
}

@media screen and (min-width: 87.5em) {
  article.single > section {
    padding-right: 4em;
  }

  article.single .illustrate {
    transform: translate(4em) scale(0.9);
  }

  article.studio .illustrate div.subText span {
    font-size: 8.5rem;
  }

  article.studio .illustrate div.subText p {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 109.375em) {
  article.studio .illustrate div.subText {
    max-width: 67.9133em;
    width: 75%;
  }

  article.studio .illustrate div.subText span {
    font-size: 10rem;
  }

  article.studio .illustrate div.subText p {
    font-size: 1.7rem;
  }
}

@media screen and (min-width: 118.75em) {
  article {
    padding-right: 12em;
  }

  article p {
    padding-left: 12em;
  }

  article.single p {
    padding-left: 4em;
  }
}

@media screen and (min-width: 121.25em) {
  article {
    max-width: 194rem;
    margin: 0 auto;
    margin-bottom: 12em;
  }

  article.studio .illustrate div.subText {
    max-width: unset;
  }
}

@media screen and (min-width: 69.375em) {
  article.content p img {
    font-size: 1rem;
    max-width: 75em;
  }

  article.content.magazine {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 3em;
  }

  article.content.magazine p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-basis: 45%;
    padding: 0;
    margin: 0;
    padding-left: 2em;
    margin-bottom: 2.5em;
  }

  article.content.magazine p img {
    margin-bottom: 0;
    max-width: 100%;
  }
}

@media screen and (min-width: 75em) {
  article.content {
    padding-right: 4em;
  }

  article.content.magazine {
    padding-right: 4.5em;
  }
}

@media screen and (min-width: 87.5em) {
  article.content {
    padding-right: 6em;
  }

  article.content.magazine {
    padding-right: 6.1em;
  }
}

@media screen and (min-width: 109.375em) {
  article.content.magazine p {
    flex-basis: 28%;
  }
}

@media screen and (min-width: 118.75em) {
  article.content {
    font-size: 1rem;
    padding: 0;
    margin: 0 auto;
    max-width: 190em;
    padding-right: 15em;
    margin-bottom: 12em;
  }

  article.content.magazine {
    padding-right: 15em;
  }
}