* {
  outline: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

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

small,
input,
textarea,
select,
button {
  padding: 0;
  color: inherit;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}

button {
  border: unset;
}

li {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
  font: inherit;
}

:root {
  --color_primary: #000;
  --color_secundary: #dfdfdf;
  --color_white: #fff;
  --color_important: #fe3221;
}

/* mixins.scss */

/* MEDIAS */

/* LARGE DESKTOP */

/* MEDIUM DESKTOP */

/* TABLET> */

/* MOBILE */

/* MOBILE */

/* MAX TABLET< */

/* ONLY TABLET */

/* Bg images aspect ratio */

/* @include aspect-ratio(4,3); */

/* underline effect , center/right/left - mixin by @martifenosa */

/* height & distance with px */

@font-face {
  font-family: "MultiText-Regular";
  src: url("../fonts/MultiText-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "MultiText-RegularItalic";
  src: url("../fonts/MultiText-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "MultiText-Bold";
  src: url("../fonts/MultiText-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "MultiText-BoldItalic";
  src: url("../fonts/MultiText-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "MultiDisplay-Regular";
  src: url("../fonts/MultiDisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "MultiDisplay-Medium";
  src: url("../fonts/MultiDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "MultiDisplay-Bold";
  src: url("../fonts/MultiDisplay-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "PlacaVariableVF";
  src: url("../fonts/PlacaVariableVF.ttf") format("truetype-variations");
  font-style: normal;
}

body {
  background-color: #dfdfdf;
  background-color: var(--color_secundary);
  -webkit-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  color: #000;
  color: var(--color_primary);
  font-family: 'MultiText-Regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  min-height: 100vh;
}

a {
  font-family: 'MultiText-Bold', sans-serif;
  font-style: normal;
}

strong {
  font-family: 'MultiText-Bold', sans-serif;
  font-weight: unset;
}

em {
  font-family: 'MultiText-RegularItalic', sans-serif;
  font-style: italic;
}

em strong,
strong em {
  font-family: 'MultiText-BoldItalic', sans-serif;
}

h1 {
  font-family: 'PlacaVariableVF', sans-serif;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.64px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-family: 'MultiText-Regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

h3 {
  font-family: 'MultiDisplay-Medium', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.is_mobile {
  display: none !important;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .is_mobile {
    display: block !important;
  }
}

.is_desktop {
  display: block !important;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .is_desktop {
    display: none !important;
  }
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari *//* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* TRANSITION */

.swup-transition-fade {
  -webkit-transition: opacity 100ms ease;
  -o-transition: opacity 100ms ease;
  -moz-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
  opacity: 1;
}

html.is-changing body,
html.is-changing footer {
  background-color: #dfdfdf;
  background-color: var(--color_secundary);
}

html.is-animating .swup-transition-fade {
  opacity: 0.9;
}

/* GLOBAL */

#header {
  width: 100%;
  /* height: 9.1vw; */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
  background-color: #dfdfdf;
  background-color: var(--color_secundary);
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  #header {
    height: 74px;
  }
}

#header .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  #header .logo {
    padding: 0 16px;
  }
}

#header .logo .front {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  #header .logo .front {
    display: none;
  }
}

#header .logo svg.logo-svg {
  display: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  #header .logo svg.logo-svg {
    display: block;
  }
}

.page section[type='page'] {
  margin-top: 172px;
  padding: 16px;
}

/* 404 */

.error404 #header {
  border-bottom: 1px solid #000;
}

.error404 section[type='page'] {
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.error404 section[type='page'] h2 {
  font-family: 'PlacaVariableVF';
  font-weight: 700;
  font-size: 48px;
}

.error404 section[type='page'] a {
  margin-top: 48px;
}

body.privacy-policy {
  min-height: unset;
}

#header {
  height: 9vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 0;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  #header {
    height: 74px;
  }
}

@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
  #header {
    min-height: 58px;
  }
}

#header .logo {
  width: 100%;
  text-align: center;
}

@media (hover: hover) {
  #header .logo:hover {
    color: inherit;
  }
}

#header .logo .front {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  #header .logo .front {
    display: none;
  }
}

#header .logo .front div {
  font-family: 'PlacaVariableVF';
  font-size: 9.3vw;
  line-height: 0;
  text-wrap: nowrap;
  font-variation-settings: 'wght' 300;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.18, 1);
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.18, 1);
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.18, 1);
  transition: all 0.6s cubic-bezier(0.77, 0, 0.18, 1);
  /* @include lg {
          font-size: 124px;
        } */
}

@media (hover: hover) {
  #header .logo .front div.hover {
    font-variation-settings: 'wght' 700;
    -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.18, 1);
    -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.18, 1);
    -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.18, 1);
    transition: all 0.6s cubic-bezier(0.77, 0, 0.18, 1);
  }
}

#header .logo .front #a2 {
  margin-right: 1.5%;
}

#header .logo .front #r2 {
  margin-right: 1.5%;
}

#header .logo .mobile {
  display: none;
  padding: 0 12px;
}

#header .logo .mobile svg {
  width: 100%;
  height: auto;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  #header .logo .mobile {
    display: block;
  }
}

#footer {
  background-color: #000;
  background-color: var(--color_primary);
  padding: 49px 32px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  color: var(--color_white);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 32px;
  gap: 32px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  #footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 32px 16px;
  }
}

#footer h3 {
  margin-bottom: 30px;
}

#footer .branding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#footer .branding .slogan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-transform: uppercase;
}

#footer .contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* margin-top: 30px; */

#footer .socials .link a {
  position: relative;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

#footer .socials .link a:after {
  content: '';
  position: absolute;
  top: 9px;
  right: -15px;
  width: 11px;
  height: 11px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10L10 1M10 1H2.8M10 1V8.2' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

@media (hover: hover) {
  #footer .socials .link a:hover {
    color: #fe3221;
    color: var(--color_important);
  }

  #footer .socials .link a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10L10 1M10 1H2.8M10 1V8.2' stroke='%23FE3221' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  }
}

#footer .socials :not(.link) a {
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid var(--color_white);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

@media (hover: hover) {
  #footer .socials :not(.link) a:hover {
    color: #fe3221;
    color: var(--color_important);
    border-bottom: 1px solid #fe3221;
    border-bottom: 1px solid var(--color_important);
  }
}

@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
  #footer .newsletter .wpcf7-email {
    width: 100%;
  }
}

input {
  border: none;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid var(--color_white);
  padding: 12px 0;
}

.mc4wp-form-fields p {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.mc4wp-form-fields p input[type='email'] {
  width: 100%;
}

.mc4wp-form-fields p input[type='submit'] {
  width: 28px;
  height: 21px;
  padding-bottom: 21px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='21' viewBox='0 0 28 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000106048 10.6821L25.4435 10.6707M25.4435 10.6707L15.2711 1.33414M25.4435 10.6707L15.2612 20.0164' stroke='white' stroke-width='2.54884'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

.mc4wp-form-fields p .wpcf7-spinner {
  display: none;
}

.mc4wp-form-fields p .wpcf7-not-valid-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #fff;
  border-color: var(--color_white);
  margin: 1em 0 1em;
}

/* .wpcf7-form-control-wrap[data-name="your-email"] {
  position: relative;

  &:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='21' viewBox='0 0 28 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000106048 10.6821L25.4435 10.6707M25.4435 10.6707L15.2711 1.33414M25.4435 10.6707L15.2612 20.0164' stroke='white' stroke-width='2.54884'/%3E%3C/svg%3E%0A");
  }
} */

.acceptance {
  margin-top: 15px;
}

.acceptance p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acceptance p input[type='checkbox'] {
  border: 1px solid #fff;
  border: 1px solid var(--color_white);
  background-color: #000;
  background-color: var(--color_primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  padding: 0;
  margin-right: 8px;
  cursor: pointer;
}

.acceptance p input[type='checkbox']:checked {
  background-color: #fff;
  background-color: var(--color_white);
}

.top-header {
  border-top: 1px solid #000;
  border-top: 1px solid var(--color_primary);
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
  background-color: #dfdfdf;
  background-color: var(--color_secundary);
  padding: 16px 32px 16px;
  position: relative;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .top-header {
    padding: 16px;
  }
}

.top-header h2 {
  font-family: 'MultiText-Bold', sans-serif;
  line-height: 1;
}

.top-header a {
  cursor: pointer;
}

section[type='hero'] .top-header:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 32px;
  width: 24px;
  height: 20px;
  -webkit-transition: background-image 0.6s ease-in-out;
  -o-transition: background-image 0.6s ease-in-out;
  -moz-transition: background-image 0.6s ease-in-out;
  transition: background-image 0.6s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.05547C2 8.05547 5.5 11.2776 12 11.2776C18.5 11.2776 22 8.05547 22 8.05547' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 9.38018L2 11.2776' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 11.2776L20.0039 9.38332' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.91406 11.0196L8 13.2915' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0625 11.0259L16 13.2915' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

section[type='hero'] .top-header.hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9999 7C12.7955 7 13.5586 7.31607 14.1212 7.87868C14.6838 8.44129 14.9999 9.20435 14.9999 10C14.9999 10.7956 14.6838 11.5587 14.1212 12.1213C13.5586 12.6839 12.7955 13 11.9999 13C11.2042 13 10.4412 12.6839 9.87856 12.1213C9.31595 11.5587 8.99988 10.7956 8.99988 10C8.99988 9.20435 9.31595 8.44129 9.87856 7.87868C10.4412 7.31607 11.2042 7 11.9999 7ZM11.9999 2.5C16.9999 2.5 21.2699 5.61 22.9999 10C21.2699 14.39 16.9999 17.5 11.9999 17.5C6.99988 17.5 2.72988 14.39 0.999878 10C2.72988 5.61 6.99988 2.5 11.9999 2.5ZM3.17988 10C3.98813 11.6503 5.24318 13.0407 6.80236 14.0133C8.36153 14.9858 10.1623 15.5013 11.9999 15.5013C13.8375 15.5013 15.6382 14.9858 17.1974 14.0133C18.7566 13.0407 20.0116 11.6503 20.8199 10C20.0116 8.34969 18.7566 6.95925 17.1974 5.98675C15.6382 5.01424 13.8375 4.49868 11.9999 4.49868C10.1623 4.49868 8.36153 5.01424 6.80236 5.98675C5.24318 6.95925 3.98813 8.34969 3.17988 10Z' fill='black'/%3E%3C/svg%3E%0A");
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  section[type='hero'] .top-header.active {
    background-color: #000;
    background-color: var(--color_primary);
    color: #dfdfdf;
    color: var(--color_secundary);
  }

  section[type='hero'] .top-header:not(.active) {
    background-color: #fff;
    background-color: var(--color_white);
  }

  section[type='hero'] .top-header:after {
    content: none;
  }
}

@media only screen and (max-device-width: 767px) and (hover: hover), only screen and (max-width: 767px) and (hover: hover) {
  section[type='hero'] .top-header:hover:after {
    content: none;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .read_more.open .btn_read_more {
    display: none;
  }

  .btn_read_more {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #dfdfdf;
    background-color: var(--color_secundary);
    padding: 16px 64px;
    width: 100%;
    text-align: center;
  }

  .btn_read_more span {
    position: relative;
    text-transform: uppercase;
  }

  .btn_read_more span:after {
    content: '';
    position: absolute;
    top: 6px;
    right: -15px;
    width: 11px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
  }
}

.cortina {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  background-color: var(--color_primary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
}

.cortina.open {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cortina svg {
  width: 100%;
  max-width: 538px;
}

#scrollTop {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 50px;
  height: 50px;
  background-color: #fe3221;
  background-color: var(--color_important);
  z-index: 888;
  cursor: pointer;
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-template-home main .top-header.main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 58px;
  z-index: 101;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main .top-header.main {
    top: 74px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.page-template-home main .top-header.main {
  /* @include xs {
        h2 {
          padding: 18px 0;

          &:last-of-type {
            border-left: 1px solid var(--color_primary);
          }

          &:after {
            top: 50%;
            transform: translateY(-50%);
            right: 24px;
          }

          a {
            width: fit-content;
            padding: 16px 32px;
          }
        }
      } */
}

.page-template-home main .top-header.main h2 {
  font-family: 'MultiText-Bold', sans-serif;
}

.page-template-home main .top-header.main a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-right: 8px;
  margin-right: 22px;
  cursor: pointer;
  font-family: 'MultiText-Bold', sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
}

.page-template-home main .top-header.main a.active {
  color: #fe3221;
  color: var(--color_important);
}

.page-template-home main .top-header.main a.active:after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99988 0.593146V11.9069M5.99988 11.9069L10.5254 7.38137M5.99988 11.9069L1.4744 7.38137' stroke='%23FE3221' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.page-template-home main .top-header.main a.passed:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.page-template-home main .top-header.main a:after {
  content: '';
  position: absolute;
  top: 3px;
  right: -6px;
  width: 11px;
  height: 13px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
}

@media (hover: hover) {
  .page-template-home main .top-header.main a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99988 0.593146V11.9069M5.99988 11.9069L10.5254 7.38137M5.99988 11.9069L1.4744 7.38137' stroke='%23FE3221' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main .top-header.main a {
    margin-right: 0;
  }
}

.page-template-home main > .top-header {
  z-index: 102;
}

.page-template-home main section[type='hero'] {
  height: -webkit-calc(-webkit-calc(1vh * 100) - 50px);
  height: -moz-calc(-moz-calc(1vh * 100) - 50px);
  height: calc(calc(1vh * 100) - 50px);
  height: -webkit-calc(-webkit-calc(var(--vh, 1vh) * 100) - 50px);
  height: -moz-calc(-moz-calc(var(--vh, 1vh) * 100) - 50px);
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
}

.page-template-home main section[type='hero'] .headers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 9vw;
  z-index: 99;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='hero'] .headers {
    top: 74px;
  }
}

.page-template-home main section[type='hero'] .headers .top-header {
  width: 50%;
  -webkit-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.page-template-home main section[type='hero'] .headers .top-header:last-of-type {
  position: relative;
}

.page-template-home main section[type='hero'] .headers .top-header:last-of-type:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  background-color: #000;
  background-color: var(--color_primary);
  height: 100%;
  -webkit-transition: left 1s ease-in-out;
  -o-transition: left 1s ease-in-out;
  -moz-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;
}

.page-template-home main section[type='hero'] .headers .top-header:first-of-type.hover {
  width: -webkit-calc(75% + 8px);
  width: -moz-calc(75% + 8px);
  width: calc(75% + 8px);
}

.page-template-home main section[type='hero'] .headers .top-header.hover {
  width: 75%;
  -webkit-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.page-template-home main section[type='hero'] .headers .top-header.hover:before {
  left: -2px;
}

.page-template-home main section[type='hero'] .headers .top-header h2 {
  font-family: 'MultiText-Bold', sans-serif;
}

.page-template-home main section[type='hero'] .scroll-containers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 34px;
  height: -webkit-calc(100vh - 174px);
  height: -moz-calc(100vh - 174px);
  height: calc(100vh - 174px);
  height: -webkit-calc(-webkit-calc(1vh * 100) - 99px);
  height: -moz-calc(-moz-calc(1vh * 100) - 99px);
  height: calc(calc(1vh * 100) - 99px);
  height: -webkit-calc(-webkit-calc(var(--vh, 1vh) * 100) - 99px);
  height: -moz-calc(-moz-calc(var(--vh, 1vh) * 100) - 99px);
  height: calc(calc(var(--vh, 1vh) * 100) - 99px);
  -webkit-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}

@media only screen and (min-width: 1025px) {
  .page-template-home main section[type='hero'] .scroll-containers {
    padding-top: 9vw;
    height: -webkit-calc(100vh - 100px);
    height: -moz-calc(100vh - 100px);
    height: calc(100vh - 100px);
  }
}

@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
  .page-template-home main section[type='hero'] .scroll-containers {
    padding-top: 9vw;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='hero'] .scroll-containers {
    padding-top: 34px;
  }
}

.page-template-home main section[type='hero'] .scroll-containers .cases {
  width: 50%;
  overflow-y: scroll;
  -webkit-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='hero'] .scroll-containers .cases {
    padding-top: 40px;
  }
}

.page-template-home main section[type='hero'] .scroll-containers .cases.hover {
  width: 75%;
  -webkit-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.page-template-home main section[type='hero'] .scroll-containers .cases ul li a {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}

.page-template-home main section[type='hero'] .scroll-containers .cases ul li a img,
.page-template-home main section[type='hero'] .scroll-containers .cases ul li a video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-home main section[type='hero'] .scroll-containers .retail {
  width: 50%;
  overflow-y: scroll;
  -webkit-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  background-color: #000;
  background-color: var(--color_primary);
  color: #dfdfdf;
  color: var(--color_secundary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='hero'] .scroll-containers .retail {
    padding-top: 9vw;
  }
}

.page-template-home main section[type='hero'] .scroll-containers .retail.hover {
  width: 75%;
  -webkit-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts {
  padding: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 32px;
  gap: 32px;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item {
  padding-bottom: 32px;
  border-bottom: 1px solid #dfdfdf;
  border-bottom: 1px solid var(--color_secundary);
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item header,
.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item footer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  grid-row-gap: 25px;
  row-gap: 25px;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item header a,
.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item footer a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item header .styles,
.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item footer .styles {
  font-size: 14px;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .changeable {
  width: 100%;
  text-align: center;
  border-bottom: none;
  font-size: 72px;
  color: #dfdfdf;
  color: var(--color_secundary);
  opacity: 1;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .sizes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: stretch;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .sizes .size-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 50%;
  height: 1px;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .sizes .size-input:hover {
  opacity: 1;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .sizes .size-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  background: var(--color_white);
  cursor: pointer;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .sizes .size-input::-moz-range-thumb {
  width: 13px;
  height: 13px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  background: var(--color_white);
  cursor: pointer;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .button {
  line-height: 1;
  padding: 10px 24px 12px;
  text-align: center;
  border: 1.5px solid #dfdfdf;
  border: 1.5px solid var(--color_secundary);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .button {
    padding: 7px 7px 9px;
  }
}

@media (hover: hover) {
  .page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .button:hover {
    border: 1.5px solid #fe3221;
    border: 1.5px solid var(--color_important);
    color: #fe3221;
    color: var(--color_important);
  }
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .link-buy {
  position: relative;
  padding-right: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .link-buy:hover {
  color: #fe3221;
  color: var(--color_important);
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .link-buy:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9.01332L8.5 1.51332M8.5 1.51332H2.5M8.5 1.51332V7.51332' stroke='%23FE3221' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item .link-buy:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: 4px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9.01332L8.5 1.51332M8.5 1.51332H2.5M8.5 1.51332V7.51332' stroke='%23DFDFDF' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-template-home main section[type='hero'] .scroll-containers .retail .fonts .item footer .info {
    display: none;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='hero'] .scroll-containers .cases,
  .page-template-home main section[type='hero'] .scroll-containers .retail {
    width: 100%;
  }

  .page-template-home main section[type='hero'] .scroll-containers .cases.hide,
  .page-template-home main section[type='hero'] .scroll-containers .retail.hide {
    display: none;
  }
}

.page-template-home main section[type='about'] .columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='about'] .columns {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }
}

.page-template-home main section[type='about'] .columns .about_link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-right: 20px;
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  /* font-weight: 600; */
  line-height: normal;
}

.page-template-home main section[type='about'] .columns .about_link:after {
  content: '';
  position: absolute;
  width: 13px;
  height: 11px;
  top: 7px;
  right: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-0.000116166 5.65685H11.3136M11.3136 5.65685L6.78811 1.13137M11.3136 5.65685L6.78811 10.1823' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

@media (hover: hover) {
  .page-template-home main section[type='about'] .columns .about_link:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-0.000116166 5.65685H11.3136M11.3136 5.65685L6.78811 1.13137M11.3136 5.65685L6.78811 10.1823' stroke='%23FE3221' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  }
}

.page-template-home main section[type='about'] .columns .about_text {
  padding: 16px 32px 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-template-home main section[type='about'] .columns .about_text p {
  margin-bottom: 48px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='about'] .columns .about_text p {
    margin-bottom: 24px;
  }
}

.page-template-home main section[type='about'] .columns .about_text .about_link {
  display: block;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='about'] .columns .about_text {
    padding: 32px 16px 0;
  }

  .page-template-home main section[type='about'] .columns .about_text .about_link {
    display: none;
  }
}

.page-template-home main section[type='about'] .columns .about_picture {
  position: relative;
}

.page-template-home main section[type='about'] .columns .about_picture .responsive {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  aspect-ratio: 4/3;
}

.page-template-home main section[type='about'] .columns .about_picture .responsive img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='about'] .columns .about_picture .responsive img {
    position: static;
    aspect-ratio: 4/3;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='about'] .columns .about_picture .responsive {
    margin-bottom: 16px;
  }
}

.page-template-home main section[type='about'] .columns .about_picture .about_link {
  display: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='about'] .columns .about_picture {
    padding: 16px;
  }

  .page-template-home main section[type='about'] .columns .about_picture .about_link {
    display: block;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='about'] {
    margin-bottom: 48px;
  }
}

.page-template-home main section[type='news'] .top-header {
  position: -webkit-sticky;
  position: sticky;
  top: 58px;
  z-index: 99;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='news'] .top-header {
    top: 74px;
  }
}

.page-template-home main section[type='news'] h2 {
  font-family: 'MultiText-Bold', sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-right: 8px;
  margin-right: 64px;
}

.page-template-home main section[type='news'] h2:after {
  content: '';
  position: absolute;
  top: 3px;
  right: -6px;
  width: 11px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
}

.page-template-home main section[type='news'] .news-container {
  padding: 0 32px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='news'] .news-container {
    padding: 0 16px;
  }
}

.page-template-home main section[type='news'] .news-container .news {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 0;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  overflow: hidden;
}

.page-template-home main section[type='news'] .news-container .news.hidden {
  height: 0;
  padding: 0;
  border-bottom: unset;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='news'] .news-container .news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0;
  }
}

@media (hover: hover) {
  .page-template-home main section[type='news'] .news-container .news:hover {
    color: #fe3221;
    color: var(--color_important);
  }

  .page-template-home main section[type='news'] .news-container .news:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 20L18.9825 2M18.9825 2H4.59649M18.9825 2V16.4' stroke='%23FE3221' stroke-width='2.54884'/%3E%3C/svg%3E%0A");
  }

  .page-template-home main section[type='news'] .news-container .news:hover .description a {
    border-color: #fe3221;
    border-color: var(--color_important);
  }
}

.page-template-home main section[type='news'] .news-container .news:after {
  content: '';
  padding-left: 32px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='news'] .news-container .news:after {
    content: none;
  }
}

.page-template-home main section[type='news'] .news-container .news:before {
  content: '';
  position: absolute;
  width: 21px;
  height: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0);
  -moz-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  -o-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
  right: 0;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 20L18.9825 2M18.9825 2H4.59649M18.9825 2V16.4' stroke='black' stroke-width='2.54884'/%3E%3C/svg%3E%0A");
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='news'] .news-container .news:before {
    top: 22px;
    width: 11px;
    height: 13px;
    -webkit-transform: translateY(0) rotate(-133deg);
    -moz-transform: translateY(0) rotate(-133deg);
    -ms-transform: translateY(0) rotate(-133deg);
    -o-transform: translateY(0) rotate(-133deg);
    transform: translateY(0) rotate(-133deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='black'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
  }
}

.page-template-home main section[type='news'] .news-container .news header {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 440px));
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  grid-gap: 58px;
  gap: 58px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='news'] .news-container .news header {
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-gap: 16px;
    gap: 16px;
    padding-right: 22px;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home main section[type='news'] .news-container .news header h3 {
    font-size: 18px;
  }
}

.page-template-home main section[type='news'] .news-container .news header .description {
  font-family: 'MultiText-Regular', sans-serif;
  max-width: 440px;
}

.page-template-home main section[type='news'] .news-container .news header .description a {
  font-weight: normal;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
}

.page-template-home main section[type='news'] .news-container .news img {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  top: 0;
  left: 0;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  max-width: 260px;
  max-height: 235px;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
  .page-template-home main section[type='news'] .news-container .news img {
    display: none;
  }
}

.page-template-home main section[type='news'] .news-container .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 32px 0;
  margin: 0 auto;
  cursor: pointer;
  text-transform: uppercase;
}

.page-template-home main section[type='news'] .news-container .button:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='black'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
  display: inline-block;
  margin-left: 6px;
}

.page-template-home main section[type='news'] .news-container .button.hidden {
  display: none;
}

.page-template-home section[type='about'] section[type='who_is'] {
  height: auto;
  padding-top: 0;
}

.page-template-home section[type='about'] section[type='who_is'] .top-header {
  top: 9.1vw;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='about'] section[type='who_is'] .top-header {
    top: 74px;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='about'] section[type='who_is'] .columns {
    grid-template-columns: auto;
  }
}

.page-template-home section[type='about'] section[type='who_is'] .columns .text_container {
  font-family: 'MultiText-Regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 38px 32px;
}

.page-template-home section[type='about'] section[type='who_is'] .columns .text_container .btn_read_more {
  display: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='about'] section[type='who_is'] .columns .text_container {
    position: relative;
    padding: 16px 16px 48px;
    max-height: 390px;
    overflow: hidden;
  }

  .page-template-home section[type='about'] section[type='who_is'] .columns .text_container .btn_read_more {
    display: block;
  }

  .page-template-home section[type='about'] section[type='who_is'] .columns .text_container.open {
    max-height: 100%;
    overflow: unset;
  }

  .page-template-home section[type='about'] section[type='who_is'] .columns .text_container.open .btn_read_more {
    display: none;
  }
}

.page-template-home section[type='about'] section[type='who_is'] .columns .text_container .text p {
  margin-bottom: 32px;
}

.page-template-home section[type='about'] section[type='who_is'] .columns .text_container .text p a {
  font-weight: normal;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
}

@media (hover: hover) {
  .page-template-home section[type='about'] section[type='who_is'] .columns .text_container .text p a:hover {
    color: #fe3221;
    color: var(--color_important);
    border-bottom: 1px solid #fe3221;
    border-bottom: 1px solid var(--color_important);
  }
}

.page-template-home section[type='about'] section[type='who_is'] .columns .text_container .who_is_link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-right: 8px;
  text-transform: uppercase;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='about'] section[type='who_is'] .columns .text_container .who_is_link {
    margin: 0 auto;
  }
}

.page-template-home section[type='about'] section[type='who_is'] .columns .text_container .who_is_link:after {
  content: '';
  position: absolute;
  top: 6px;
  right: -9px;
  width: 11px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
}

.page-template-home section[type='about'] section[type='who_is'] .columns .picture {
  width: 100%;
  position: relative;
  aspect-ratio: 3/4;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='about'] section[type='who_is'] .columns .picture {
    aspect-ratio: 1;
  }
}

.page-template-home section[type='about'] section[type='who_is'] .columns .picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-home section[type='about'] section[type='typefaces'] .video {
  width: 100%;
}

@media only screen and (min-width: 1300px) {
  .page-template-home section[type='about'] section[type='typefaces'] .video {
    max-width: 1300px;
    margin: 60px auto;
  }
}

.page-template-home section[type='about'] section[type='typefaces'] .video video {
  width: 100%;
}

.page-template-home section[type='services'] section .columns {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 24px;
  gap: 24px;
  padding: 32px 32px 64px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section .columns {
    padding: 48px 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
}

.page-template-home section[type='services'] section .columns .services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #000;
  border-top: 1px solid var(--color_primary);
  grid-row: span 2;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section .columns .services {
    margin: 0 16px;
  }
}

.page-template-home section[type='services'] section .columns .services .service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
}

.page-template-home section[type='services'] section .columns .services .service.open h2:before {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-template-home section[type='services'] section .columns .services .service h2 {
  position: relative;
  font-family: 'MultiText-Bold', sans-serif;
  /* font-weight: 700; */
  cursor: pointer;
  padding: 6px 0 8px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section .columns .services .service h2 {
    font-size: 18px;
  }
}

.page-template-home section[type='services'] section .columns .services .service h2:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  background-color: var(--color_primary);
}

.page-template-home section[type='services'] section .columns .services .service h2:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  right: 0;
  width: 11px;
  height: 13px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
}

.page-template-home section[type='services'] section .columns .services .service .content {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding: 0;
}

.page-template-home section[type='services'] section .columns .services .service .content strong {
  font-family: 'MultiText-Bold', sans-serif;
  font-weight: unset;
}

.page-template-home section[type='services'] section .columns .services .service .content p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 8px;
}

.page-template-home section[type='services'] section .columns .services .service.open .content {
  padding: 8px 0 16px;
  height: 300px;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media only screen and (min-width: 1300px) {
  .page-template-home section[type='services'] section .columns .services .service.open .content {
    height: 250px;
  }
}

@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
  .page-template-home section[type='services'] section .columns .services .service.open .content {
    height: 350px;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section .columns .services .service.open .content {
    height: 250px;
  }
}

.page-template-home section[type='services'] section .columns .link .content {
  position: relative;
  width: 100%;
  aspect-ratio: 3/4;
}

.page-template-home section[type='services'] section .columns .link .content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-home section[type='services'] section .columns .link h3 {
  padding-top: 12px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 24px;
  font-style: normal;
  line-height: 1;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  padding-right: 21px;
}

.page-template-home section[type='services'] section .columns .link[target='_blank'] h3:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='red'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='red' stroke-width='1.5'/%3E%3C/svg%3E");
  display: inline-block;
  -webkit-transform: rotate(-133deg);
  -moz-transform: rotate(-133deg);
  -ms-transform: rotate(-133deg);
  -o-transform: rotate(-133deg);
  transform: rotate(-133deg);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0;
}

@media (hover: hover) {
  .page-template-home section[type='services'] section .columns .link[target='_blank']:hover h3 {
    color: #fe3221;
    color: var(--color_important);
  }

  .page-template-home section[type='services'] section .columns .link[target='_blank']:hover h3:after {
    opacity: 1;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section .columns .link[target='_blank'] h3:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='black'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
    opacity: 1;
  }
}

@media (hover: hover) {
  .page-template-home section[type='services'] section .columns .link:hover h3 {
    color: #fe3221;
    color: var(--color_important);
  }
}

.page-template-home section[type='services'] section .columns .links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 24px;
  gap: 24px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section .columns .links {
    display: none;
  }
}

.page-template-home section[type='services'] section .columns .links .link {
  width: 100%;
}

.page-template-home section[type='services'] section[type='exhibitions'] .intro {
  display: block;
  max-width: 50%;
  padding: 32px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='exhibitions'] .intro {
    padding: 16px;
    max-width: 100%;
  }
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions {
  padding: 0 32px 64px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 24px;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  grid-row-gap: 48px;
  row-gap: 48px;
}

@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions {
    grid-row-gap: 24px;
    row-gap: 24px;
    padding: 0 16px;
    grid-template-columns: minmax(0, 1fr);
  }
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .picture {
  width: 100%;
  position: relative;
  aspect-ratio: 4/3;
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item h3 {
  padding-top: 8px;
  padding-bottom: 24px;
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-gap: 24px;
  gap: 24px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts {
    position: relative;
    padding-right: 16px;
    margin-bottom: 24px;
  }

  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts:before {
    content: '';
    position: absolute;
    top: 16px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    right: 0;
    width: 11px;
    height: 13px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
  }
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .text {
  margin-bottom: 0;
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .text a {
  font-weight: normal;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
}

@media (hover: hover) {
  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .text a:hover {
    color: #fe3221;
    color: var(--color_important);
    border-bottom: 1px solid #fe3221;
    border-bottom: 1px solid var(--color_important);
  }
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .subtext {
  font-family: 'MultiText-Regular', sans-serif;
  /* font-weight: 700; */
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .link[target='_blank'] h3:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='black'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='red' stroke-width='1.5'/%3E%3C/svg%3E");
  display: inline-block;
  -webkit-transform: rotate(-133deg) translateY(2px);
  -moz-transform: rotate(-133deg) translateY(2px);
  -ms-transform: rotate(-133deg) translateY(2px);
  -o-transform: rotate(-133deg) translateY(2px);
  transform: rotate(-133deg) translateY(2px);
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .link h3 {
  padding-top: 4px;
  padding-bottom: 0;
  position: relative;
  display: inline-block;
  font-size: 20px;
  -webkit-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  -moz-transition: color 300ms ease;
  transition: color 300ms ease;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .link h3 {
    top: 10px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: inherit;
  }
}

@media (hover: hover) {
  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .link:hover h3 {
    color: #fe3221;
    color: var(--color_important);
  }

  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item .texts .link:hover h3:after {
    opacity: 1;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item:not(.open) {
    border-bottom: 1px solid #000;
    border-bottom: 1px solid var(--color_primary);
  }

  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item:not(.open):last-of-type {
    border-bottom: unset;
  }

  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item:not(.open) .link {
    display: block;
    height: 0;
    overflow: hidden;
  }

  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item:not(.open) .texts {
    max-height: 70px;
    overflow: hidden;
  }

  .page-template-home section[type='services'] section[type='exhibitions'] .exhibitions .item:not(.open) .texts:before {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
}

.page-template-home section[type='services'] section[type='publishing'] .intro {
  display: block;
  max-width: 50%;
  padding: 32px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='publishing'] .intro {
    padding: 16px;
    max-width: 100%;
  }
}

.page-template-home section[type='services'] section[type='publishing'] .intro a {
  font-weight: normal;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
}

@media (hover: hover) {
  .page-template-home section[type='services'] section[type='publishing'] .intro a:hover {
    color: #fe3221;
    color: var(--color_important);
    border-bottom: 1px solid #fe3221;
    border-bottom: 1px solid var(--color_important);
  }
}

.page-template-home section[type='services'] section[type='publishing'] .publishing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 24px;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  grid-row-gap: 48px;
  row-gap: 48px;
  padding-bottom: 64px;
}

.page-template-home section[type='services'] section[type='publishing'] .publishing .item .picture {
  width: 100%;
  position: relative;
  aspect-ratio: 1;
}

.page-template-home section[type='services'] section[type='publishing'] .publishing .item .picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-home section[type='services'] section[type='teaching'] .intro {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 24px;
  gap: 24px;
  padding: 32px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='teaching'] .intro {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    padding: 16px;
    grid-gap: 16px;
    gap: 16px;
  }

  .page-template-home section[type='services'] section[type='teaching'] .intro .read_more {
    max-height: 300px;
    overflow: hidden;
    position: relative;
  }

  .page-template-home section[type='services'] section[type='teaching'] .intro .read_more.open {
    max-height: 100%;
    overflow: unset;
    position: unset;
  }

  .page-template-home section[type='services'] section[type='teaching'] .intro .read_more.open .btn_read_more {
    display: none;
  }

  .page-template-home section[type='services'] section[type='teaching'] .intro .btn_read_more {
    display: block;
  }
}

/* .btn_read_more {
          display: none;
        } */

.page-template-home section[type='services'] section[type='teaching'] .intro a {
  font-weight: normal;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
}

@media (hover: hover) {
  .page-template-home section[type='services'] section[type='teaching'] .intro a:hover {
    color: #fe3221;
    color: var(--color_important);
    border-bottom: 1px solid #fe3221;
    border-bottom: 1px solid var(--color_important);
  }
}

.page-template-home section[type='services'] section[type='teaching'] .teaching {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 24px;
  gap: 24px;
  padding: 0 32px 32px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='teaching'] .teaching {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 16px 16px;
    grid-gap: 16px;
    gap: 16px;
  }
}

.page-template-home section[type='services'] section[type='teaching'] .teaching .link[target='_blank'] h3:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='black'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='red' stroke-width='1.5'/%3E%3C/svg%3E");
  display: inline-block;
  -webkit-transform: rotate(-133deg) translateY(2px);
  -moz-transform: rotate(-133deg) translateY(2px);
  -ms-transform: rotate(-133deg) translateY(2px);
  -o-transform: rotate(-133deg) translateY(2px);
  transform: rotate(-133deg) translateY(2px);
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.page-template-home section[type='services'] section[type='teaching'] .teaching .link .content {
  position: relative;
  width: 100%;
  aspect-ratio: 3/4;
}

.page-template-home section[type='services'] section[type='teaching'] .teaching .link .content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-home section[type='services'] section[type='teaching'] .teaching .link h3 {
  padding-top: 4px;
  position: relative;
  -webkit-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  -moz-transition: color 300ms ease;
  transition: color 300ms ease;
}

@media (hover: hover) {
  .page-template-home section[type='services'] section[type='teaching'] .teaching .link:hover h3 {
    color: #fe3221;
    color: var(--color_important);
  }

  .page-template-home section[type='services'] section[type='teaching'] .teaching .link:hover h3:after {
    opacity: 1;
  }
}

.page-template-home section[type='services'] section[type='teaching'] .videos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 24px;
  gap: 24px;
  padding: 48px 32px 64px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='teaching'] .videos {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 16px;
    gap: 16px;
    padding: 48px 16px 16px;
  }
}

.page-template-home section[type='services'] section[type='teaching'] .videos .video {
  width: 100%;
  position: relative;
  aspect-ratio: 16/9;
  cursor: pointer;
}

.page-template-home section[type='services'] section[type='teaching'] .videos .video button {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 10;
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  pointer-events: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='teaching'] .videos .video button svg {
    width: 64px;
    height: auto;
  }
}

.page-template-home section[type='services'] section[type='teaching'] .videos .video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-home section[type='services'] section[type='teaching'] .videos .video.playing button {
  opacity: 0;
}

.page-template-home section[type='services'] section[type='press'] .list,
.page-template-home section[type='services'] section[type='awards'] .list {
  padding: 32px 32px 64px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='press'] .list,
  .page-template-home section[type='services'] section[type='awards'] .list {
    padding: 16px;
  }
}

.page-template-home section[type='services'] section[type='press'] .list a,
.page-template-home section[type='services'] section[type='awards'] .list a {
  display: block;
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.page-template-home section[type='services'] section[type='press'] .list a:before,
.page-template-home section[type='services'] section[type='awards'] .list a:before {
  content: '';
  position: absolute;
  width: 21px;
  height: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 20L18.9825 2M18.9825 2H4.59649M18.9825 2V16.4' stroke='black' stroke-width='2.54884'/%3E%3C/svg%3E%0A");
}

@media (hover: hover) {
  .page-template-home section[type='services'] section[type='press'] .list a:hover,
  .page-template-home section[type='services'] section[type='awards'] .list a:hover {
    color: #fe3221;
    color: var(--color_important);
    border-bottom: 1px solid #fe3221;
    border-bottom: 1px solid var(--color_important);
  }

  .page-template-home section[type='services'] section[type='press'] .list a:hover:before,
  .page-template-home section[type='services'] section[type='awards'] .list a:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 20L18.9825 2M18.9825 2H4.59649M18.9825 2V16.4' stroke='%23FE3221' stroke-width='2.54884'/%3E%3C/svg%3E%0A");
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='press'] .list a:before,
  .page-template-home section[type='services'] section[type='awards'] .list a:before {
    content: none;
  }

  .page-template-home section[type='services'] section[type='press'] .list a h3,
  .page-template-home section[type='services'] section[type='awards'] .list a h3 {
    font-size: 18px;
  }

  .page-template-home section[type='services'] section[type='press'] .list a h3:after,
  .page-template-home section[type='services'] section[type='awards'] .list a h3:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='black'%3E%3Cpath d='M5.65662 0.593146V11.9069M5.65662 11.9069L10.1821 7.38137M5.65662 11.9069L1.13114 7.38137' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
    display: inline-block;
    -webkit-transform: rotate(-133deg) translateY(2px);
    -moz-transform: rotate(-133deg) translateY(2px);
    -ms-transform: rotate(-133deg) translateY(2px);
    -o-transform: rotate(-133deg) translateY(2px);
    transform: rotate(-133deg) translateY(2px);
  }
}

.page-template-home section[type='services'] section[type='press'] .list .item,
.page-template-home section[type='services'] section[type='awards'] .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.page-template-home section[type='services'] section[type='press'] .list .item h3,
.page-template-home section[type='services'] section[type='awards'] .list .item h3 {
  max-width: 66%;
  /* font-size: 1rem; */
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='press'] .list .item h3,
  .page-template-home section[type='services'] section[type='awards'] .list .item h3 {
    font-size: 18px;
    max-width: 74%;
  }
}

.page-template-home section[type='services'] section[type='press'] .list .item img,
.page-template-home section[type='services'] section[type='awards'] .list .item img {
  position: absolute;
  pointer-events: none;
  top: 50%;
  right: 10%;
  max-width: 260px;
  max-height: 235px;
  opacity: 0;
  z-index: 10;
}

.page-template-home section[type='services'] section[type='press'] .list .item h2,
.page-template-home section[type='services'] section[type='awards'] .list .item h2 {
  text-align: right;
}

@media (hover: hover) {
  .page-template-home section[type='services'] section[type='press'] .list .item:hover,
  .page-template-home section[type='services'] section[type='awards'] .list .item:hover {
    color: #fe3221;
    color: var(--color_important);
    border-bottom: 1px solid #fe3221;
    border-bottom: 1px solid var(--color_important);
  }

  .page-template-home section[type='services'] section[type='press'] .list .item:hover img,
  .page-template-home section[type='services'] section[type='awards'] .list .item:hover img {
    opacity: 1;
  }

  .page-template-home section[type='services'] section[type='press'] .list .item:hover:before,
  .page-template-home section[type='services'] section[type='awards'] .list .item:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 20L18.9825 2M18.9825 2H4.59649M18.9825 2V16.4' stroke='%23FE3221' stroke-width='2.54884'/%3E%3C/svg%3E%0A");
  }
}

.page-template-home section[type='services'] section[type='download'] {
  padding: 32px;
  margin-bottom: 64px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] section[type='download'] {
    padding: 16px;
    margin-bottom: 48px;
  }
}

.page-template-home section[type='services'] section[type='download'] a {
  display: block;
  background-color: #000;
  background-color: var(--color_primary);
  aspect-ratio: 14/3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-template-home section[type='services'] section[type='download'] a span {
  text-align: center;
  color: #dfdfdf;
  color: var(--color_secundary);
  position: relative;
  text-transform: uppercase;
  padding-right: 8px;
}

.page-template-home section[type='services'] section[type='download'] a span:after {
  content: '';
  position: absolute;
  top: 6px;
  right: -9px;
  width: 11px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='13' viewBox='0 0 11 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.15687 -0.000116166V11.3136M5.15687 11.3136L9.68235 6.78811M5.15687 11.3136L0.631383 6.78811' stroke='%23DFDFDF' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.page-template-home section[type='services'] .swiper-about {
  overflow: hidden;
  padding: 0 32px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .page-template-home section[type='services'] .swiper-about {
    padding: 0 16px;
  }
}

.single #header {
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color_primary);
  height: 58px !important;
  min-height: unset;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single #header {
    display: none;
  }
}

.single #header .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  scale: 1 !important;
}

.single #header .logo .front {
  display: none;
}

.single #header .logo svg.logo-svg {
  display: block;
  max-width: 560px;
  width: 100%;
  height: auto;
  scale: 0.5;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single .top-header {
    position: -webkit-sticky;
    position: sticky;
    top: 62px;
    z-index: 98;
  }
}

.single main {
  margin-top: 58px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main {
    margin-top: 0;
  }
}

.single main .columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: 100%;
  position: relative;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
  }
}

.single main .columns > .backhome {
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 6px 8px;
  border: 1px solid #000;
  border: 1px solid var(--color_primary);
  background-color: #dfdfdf;
  background-color: var(--color_secundary);
  z-index: 99;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns > .backhome {
    display: none;
  }
}

.single main .columns .slider {
  width: 100%;
  height: -webkit-calc(100vh - 58px);
  height: -moz-calc(100vh - 58px);
  height: calc(100vh - 58px);
  overflow-y: scroll;
}

.single main .columns .slider::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns .slider {
    display: none;
  }
}

.single main .columns .slider .slide {
  width: 100%;
}

.single main .columns .slider .slide img,
.single main .columns .slider .slide video {
  width: 100%;
}

.single main .columns .text {
  padding: 32px;
  height: -webkit-calc(100vh - 58px);
  height: -moz-calc(100vh - 58px);
  height: calc(100vh - 58px);
  overflow-y: scroll;
}

.single main .columns .text::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns .text {
    padding: 62px 0 0;
    height: unset;
    overflow: unset;
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns .text header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    padding: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #dfdfdf;
    background-color: var(--color_secundary);
  }

  .single main .columns .text header:after {
    content: '';
  }
}

.single main .columns .text header .backhome {
  display: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns .text header .backhome {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.single main .columns .text header h1 {
  line-height: 1;
  font-family: 'MultiDisplay-Medium', sans-serif;
  letter-spacing: -0.606px;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns .text header h1 {
    text-align: center;
  }
}

.single main .columns .text .top-header {
  display: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns .text .top-header {
    display: block;
  }
}

.single main .columns .text article {
  width: 100%;
  height: 100%;
  padding: 29px 0 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 32px;
  gap: 32px;
}

.single main .columns .text article .btn_read_more {
  display: none;
}

.single main .columns .text article .credits {
  padding-bottom: 32px;
}

@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
  .single main .columns .text article .credits {
    margin-top: 24px;
  }
}

.single main .columns .text article .links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  padding-bottom: 32px;
}

.single main .columns .text article .links li {
  line-height: 1;
  padding: 10px 24px 12px;
  text-align: center;
  border: 1.5px solid #000;
  border: 1.5px solid var(--color_primary);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (hover: hover) {
  .single main .columns .text article .links li:hover {
    border: 1.5px solid #fe3221;
    border: 1.5px solid var(--color_important);
    color: #fe3221;
    color: var(--color_important);
  }
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .columns .text article {
    padding: 16px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-height: -webkit-calc(100vh - 220px);
    max-height: -moz-calc(100vh - 220px);
    max-height: calc(100vh - 220px);
    overflow: hidden;
    position: relative;
  }

  .single main .columns .text article.open {
    max-height: 100%;
    overflow: unset;
    position: unset;
  }

  .single main .columns .text article.open .btn_read_more {
    display: none;
  }

  .single main .columns .text article .btn_read_more {
    display: block;
  }
}

.single main .gallery_mobile {
  display: none;
}

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
  .single main .gallery_mobile {
    display: block;
  }
}

.single main .gallery_mobile #gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.single main .gallery_mobile #gallery .image {
  width: 100%;
  height: auto;
}

.single main .gallery_mobile #gallery .image img,
.single main .gallery_mobile #gallery .image video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
