@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
  font-display: fallback;
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
  font-display: fallback;
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
  font-display: fallback;
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
  font-display: fallback;
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
  font-display: fallback;
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 900;
   src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
  font-display: fallback;
}
/* font */

:root {
  --_size: 1.8rem;
  --_font-default: "Inter", "Noto Sans TC", sans-serif;
  --_font-accent: "Inter", "Noto Sans TC", sans-serif;
  --_radius-s: 1rem;
  --_radius-m: 1.6rem;
  --_radius-pt-m: 1.6rem;
  --_radius-l: 3.8rem;
  --_radius-xl: 6rem;
  --_animspeed-fast: 0.1s;
  --_animspeed-medium: 0.3s;
  --_animspeed-slow: 0.6s;
  --_animbezier: cubic-bezier(0.23, 0.65, 0.74, 1.09);
  /* light color scheme */
  --base--light: #FAF7F6;
  --base-rgb--light: 250, 247, 246;
  --base-tint--light: #FFFFFF;
  --base-shade--light: #e0dddb;
  --base-opp--light: #161616;
  --base-opp-tint--light: #1C1C1C;
  --accent--light: #9F8BE7;
  --accent-rgb--light: 159, 139, 231;
  --additional--light: #FFFF2D;
  --additional-rgb--light: 255, 255, 45;
  --neutral-transparent--light: rgba(255, 255, 255, 0.3);
  --st-bright--light: #161616;
  --st-medium--light: #7C7C7C;
  --st-muted--light: #E0DDDB;
  --st-opp-bright--light: #FFFFFF;
  --fw-regular--light: 400;
  --fw-medium--light: 600;
  --fw-semibold--light: 700;
  --fw-bold--light: 800;
  --fw-regular-opp--light: 300;
  --fw-medium-opp--light: 500;
  --t-bright--light: #161616;
  --t-medium--light: #303030;
  --t-muted--light: #585858;
  --t-muted-extra--light: #B2AEAD;
  --t-opp-bright--light: #FFFFFF;
  --t-opp-medium--light: #ACACAC;
  --t-opp-muted--light: #838383;
  --bg-demo-screen-01--light: url(../img/demo/screens/01.webp);
  --bg-demo-screen-02--light: url(../img/demo/screens/02.webp);
  --bg-demo-screen-03--light: url(../img/demo/screens/03.webp);
  --bg-demo-screen-04--light: url(../img/demo/screens/04.webp);
  --bg-demo-screen-05--light: url(../img/demo/screens/05.webp);
  --bg-demo-screen-06--light: url(../img/demo/screens/06.webp);
  --bg-demo-screen-07--light: url(../img/demo/screens/07.webp);
  --bg-demo-screen-08--light: url(../img/demo/screens/08.webp);
  --bg-demo-screen-09--light: url(../img/demo/screens/09.webp);
  /* dark color scheme */
  --base--dark: #161616;
  --base-rgb--dark: 22, 22, 22;
  --base-tint--dark: #1C1C1C;
  --base-shade--dark: #0a0a0a;
  --base-opp--dark: #FAF7F6;
  --base-opp-tint--dark: #ffffff;
  --accent--dark: #DDF160;
  --accent-rgb--dark: 221, 241, 96;
  --additional--dark: #9F8BE7;
  --additional-rgb--dark: 159, 139, 231;
  --neutral-transparent--dark: rgba(0, 0, 0, 0.3);
  --st-bright--dark: #FFFFFF;
  --st-medium--dark: #646464;
  --st-muted--dark: #252525;
  --st-opp-bright--dark: #0f0f0f;
  --fw-regular--dark: 300;
  --fw-medium--dark: 500;
  --fw-semibold--dark: 600;
  --fw-bold--dark: 700;
  --fw-regular-opp--dark: 400;
  --fw-medium-opp--dark: 600;
  --t-bright--dark: #FFFFFF;
  --t-medium--dark: #ACACAC;
  --t-muted--dark: #838383;
  --t-muted-extra--dark: #535151;
  --t-opp-bright--dark: #161616;
  --t-opp-medium--dark: #303030;
  --t-opp-muted--dark: #969696;
  --bg-demo-screen-01--dark: url(../img/demo/screens/01-d.webp);
  --bg-demo-screen-02--dark: url(../img/demo/screens/02-d.webp);
  --bg-demo-screen-03--dark: url(../img/demo/screens/03-d.webp);
  --bg-demo-screen-04--dark: url(../img/demo/screens/04-d.webp);
  --bg-demo-screen-05--dark: url(../img/demo/screens/05-d.webp);
  --bg-demo-screen-06--dark: url(../img/demo/screens/06-d.webp);
  --bg-demo-screen-07--dark: url(../img/demo/screens/07-d.webp);
  --bg-demo-screen-08--dark: url(../img/demo/screens/08-d.webp);
  --bg-demo-screen-09--dark: url(../img/demo/screens/09-d.webp);
  /* permanent colors */
  --pt-base: #FFFFFF;
  --pt-base-dark: #161616;
  --pt-t-light-bright: #FFFFFF;
  --pt-t-dark-bright: #161616;
  --pt-st-light-bright: #FFFFFF;
  --pt-st-dark-bright: #161616;
  --pt-purple-rgb: 159, 139, 231;
  --pt-purple-dark-rgb: 33, 10, 113;
  /* neutral colors */
  --nl-white: #ffffff;
  --nl-black: #000000;
}
@media only screen and (min-width: 768px) {
  :root {
    --_radius-m: 2.6rem;
    --_radius-l: 5rem;
    --_radius-xl: 8rem;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --_radius-xl: 8rem;
  }
}

/* defaults */
@media (prefers-color-scheme: light) {
  :root {
    --base: var(--base--light);
    --base-rgb: var(--base-rgb--light);
    --base-tint: var(--base-tint--light);
    --base-shade: var(--base-shade--light);
    --base-opp: var(--base-opp--light);
    --base-opp-tint: var(--base-opp-tint--light);
    --accent: var(--accent--light);
    --accent-rgb: var(--accent-rgb--light);
    --additional: var(--additional--light);
    --additional-rgb: var(--additional-rgb--light);
    --neutral-transparent: var(--neutral-transparent--light);
    --st-bright: var(--st-bright--light);
    --st-medium: var(--st-medium--light);
    --st-muted: var(--st-muted--light);
    --st-opp-bright: var(--st-opp-bright--light);
    --fw-regular: var(--fw-regular--light);
    --fw-medium: var(--fw-medium--light);
    --fw-semibold: var(--fw-semibold--light);
    --fw-bold: var(--fw-bold--light);
    --fw-regular-opp: var(--fw-regular-opp--light);
    --fw-medium-opp: var(--fw-medium-opp--light);
    --t-bright: var(--t-bright--light);
    --t-medium: var(--t-medium--light);
    --t-muted: var(--t-muted--light);
    --t-muted-extra: var(--t-muted-extra--light);
    --t-opp-bright: var(--t-opp-bright--light);
    --t-opp-medium: var(--t-opp-medium--light);
    --t-opp-muted: var(--t-opp-muted--light);
    --bg-demo-screen-01: var(--bg-demo-screen-01--light);
    --bg-demo-screen-02: var(--bg-demo-screen-02--light);
    --bg-demo-screen-03: var(--bg-demo-screen-03--light);
    --bg-demo-screen-04: var(--bg-demo-screen-04--light);
    --bg-demo-screen-05: var(--bg-demo-screen-05--light);
    --bg-demo-screen-06: var(--bg-demo-screen-06--light);
    --bg-demo-screen-07: var(--bg-demo-screen-07--light);
    --bg-demo-screen-08: var(--bg-demo-screen-08--light);
    --bg-demo-screen-09: var(--bg-demo-screen-09--light);
  }
}

.mfp-bg {
  background-color: var(--base--dark);
  opacity: .9;
}

.text-justify {
  text-align: justify !important;
}
@media only screen and (min-width: 576px) {
  .text-sm-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 768px) {
  .text-md-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 992px) {
  .text-lg-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 1200px) {
  .text-xl-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 1400px) {
  .text-xxl-justify {
    text-align: justify !important;
  }
}

h1 {
  font: normal var(--fw-medium) 4.4rem/1.1 var(--_font-accent);
  letter-spacing: -0.06rem;
  color: var(--t-bright);
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 7rem;
  }
  h1.h1-small {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1200px) {
  h1 {
    font-size: 7rem;
  }
  h1.h1-small {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1400px) {
  h1.h1-small {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1600px) {
  h1 {
    font-size: 7rem;
  }
  h1.h1-small {
    font-size: 5rem;
  }
}
h2 {
  font: normal var(--fw-medium) 3.6rem/1.1 var(--_font-accent);
  letter-spacing: -0.06rem;
  color: var(--t-bright);
}
h2.opposite {
  color: var(--t-opp-bright);
}
h2.permanent-light {
  color: var(--pt-t-light-bright);
}
h2.permanent-dark {
  color: var(--pt-t-dark-bright);
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 5rem;
  }
  h2.h2-small {
    font-size: 5rem;
  }
  h2.h2-large {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1600px) {
  h2 {
    font-size: 5rem;
  }
  h2.h2-small {
    font-size: 5rem;
  }
  h2.h2-large {
    font-size: 5rem;
  }
}
h3 {
  font: normal var(--fw-medium) 3rem/1.2 var(--_font-accent);
  color: var(--t-bright);
}
h3.opposite {
  color: var(--t-opp-bright);
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: 4.4rem;
  }
}
h4 {
  font: normal var(--fw-medium) 2.6rem/1.2 var(--_font-accent);
  color: var(--t-bright);
}
h4.opposite {
  color: var(--t-opp-bright);
}
@media only screen and (min-width: 1200px) {
  h4 {
    font-size: 3.6rem;
  }
}
h5 {
  font: normal var(--fw-medium) 2.2rem/1.2 var(--_font-accent);
  color: var(--t-bright);
}
h5 small {
  display: block;
  font: normal var(--fw-regular) 1.6rem/1.2 var(--_font-accent);
  color: var(--t-medium);
  margin-top: 0.2rem;
}
h5 a {
  color: var(--t-bright);
}
h5.opposite {
  color: var(--t-opp-bright);
}
h5.opposite a {
  color: var(--t-opp-bright);
}
@media only screen and (min-width: 768px) {
  h5 {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1600px) {
  h5 small {
    font-size: 1.8rem;
  }
}
h6 {
  font: normal var(--fw-medium) 1.8rem/1.2 var(--_font-accent);
  color: var(--t-bright);
}
h6 a {
  color: var(--t-bright);
}
h6.opposite {
  color: var(--t-opp-bright);
}
h6.opposite a {
  color: var(--t-opp-bright);
}
@media only screen and (min-width: 1200px) {
  h6 {
    font-size: 2.6rem;
  }
}




.btn-c1 {
  background-color: #0096ff;
  border-style: solid;
  border-color: #0096ff;
  color: var(--t-opp-bright);
}
.tag-c1 {
  background-color: #0096ff;
  border-style: solid;
  border-color: #0096ff;
  color: var(--t-opp-bright);
}
.bg-c1 {
  background-color: #0096ff;
}
.st-c1 {
  border: 1px solid #0096ff;
}
.t-c1 {
  color: #0096ff;
}

.btn-c2 {
  background-color: #ffff00;
  border-style: solid;
  border-color: #ffff00;
  color: var(--t-medium--light);
}
.tag-c2 {
  background-color: #ffff00;
  border-style: solid;
  border-color: #ffff00;
  color: var(--t-medium--light);
}
.bg-c2 {
  background-color: #ffff00;
}
.st-c2 {
  border: 1px solid #ffff00;
}
.t-c2 {
  color: #ffff00;
}

.btn-c3 {
  background-color: #9870ff;
  border-style: solid;
  border-color: #9870ff;
  color: var(--t-opp-bright);
}
.tag-c3 {
  background-color: #9870ff;
  border-style: solid;
  border-color: #9870ff;
  color: var(--t-opp-bright);
}
.bg-c3 {
  background-color: #9870ff;
}
.st-c3 {
  border: 1px solid #9870ff;
}
.t-c3 {
  color: #9870ff;
}

.btn-c4 {
  background-color: #ff78cd;
  border-style: solid;
  border-color: #ff78cd;
  color: var(--t-opp-bright);
}
.tag-c4 {
  background-color: #ff78cd;
  border-style: solid;
  border-color: #ff78cd;
  color: var(--t-opp-bright);
}
.bg-c4 {
  background-color: #ff78cd;
}
.st-c4 {
  border: 1px solid #ff78cd;
}
.t-c4 {
  color: #ff78cd;
}

.btn-c5 {
  background-color: #00c800;
  border-style: solid;
  border-color: #00c800;
  color: var(--t-opp-bright);
}
.tag-c5 {
  background-color: #00c800;
  border-style: solid;
  border-color: #00c800;
  color: var(--t-opp-bright);
}
.bg-c5 {
  background-color: #00c800;
}
.st-c5 {
  border: 1px solid #00c800;
}
.t-c5 {
  color: #00c800;
}

.btn-c6 {
  background-color: #fe0002;
  border-style: solid;
  border-color: #fe0002;
  color: var(--t-opp-bright);
}
.tag-c6 {
  background-color: #fe0002;
  border-style: solid;
  border-color: #fe0002;
  color: var(--t-opp-bright);
}
.bg-c6 {
  background-color: #fe0002;
}
.st-c6 {
  border: 1px solid #fe0002;
}
.t-c6 {
  color: #fe0002;
}



@media only screen and (min-width: 1200px) {
  .mxd-menu__left {
    padding: 8rem 4rem 0 8rem;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-menu__left {
    padding-top: 6rem;
    padding: 6rem 7rem 0 7rem;
  }
}
.mxd-menu__data {
  text-align: left;
  padding: 0 3rem 2.6rem 3rem;
  margin-top: 5rem;
}
@media only screen and (min-width: 1200px) {
  .mxd-menu__data {
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-menu__data {
    bottom: 6rem;
    padding: 0 7rem;
  }
}

.main-menu__accordion {
  gap: 1.6rem;
}
@media only screen and (min-width: 1200px) {
  .main-menu__accordion {
    gap: 2rem;
  }
}

.main-menu__link {
  height: 3rem;
  line-height: 3rem;
  font: normal var(--fw-medium-opp) 2.6rem var(--_font-accent);
  color: var(--t-opp-bright);
}
.main-menu__link .btn-caption {
  height: 3rem;
  line-height: 3rem;
}
@media only screen and (min-width: 1200px) {
  .main-menu__link {
    font-size: 4rem;
    height: 4.6rem;
    line-height: 4.6rem;
  }
  .main-menu__link .btn-caption {
    height: 4.6rem;
    line-height: 4.6rem;
  }
}
.main-menu__descr { padding-left: 2px; }

.submenu__item a {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -moz-box-orient: vertical !important;
  -moz-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.submenu__item a span {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .submenu__item a {
    font-size: 1.7rem;
  }
  .submenu__item a span {
    font-size: 1.5rem;
  }
}

.mxd-logo__image {
  display: block;
  width: 18rem;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .mxd-logo__image {
    width: 25rem;
  }
}


.mxd-hero-06 {
  position: relative;
  width: 100%;
  padding-top: 0;
  height: 100vh;
}
@media only screen and (min-width: 768px) {
  .mxd-hero-06 {
    /*padding-top: 9.6rem;*/
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06 {
    height: 100vh;
  }
}

.mxd-hero-06__wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .mxd-hero-06__wrap {
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-hero-06__wrap {
    padding: 0;
  }
}

.mxd-hero-06__top {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__top {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.mxd-hero-06__bottom {
  position: relative;
  padding: 0 3rem;
}
@media only screen and (min-width: 768px) {
  .mxd-hero-06__bottom {
    padding: 0 6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 4rem 0;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-hero-06__bottom {
    padding: 4rem 0;
  }
}

.mxd-hero-06__btn-mobile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 3rem;
  margin-top: 5.2rem;
}
@media only screen and (min-width: 768px) {
  .mxd-hero-06__btn-mobile {
    padding: 0 6rem;
    margin-top: 7.2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__btn-mobile {
    display: none;
  }
}

.mxd-hero-06__content {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
  }
}

.mxd-hero-06__video {
  position: relative;
  width: 100%;
  height: 100vh;

  padding: 0;
  margin-bottom: 0;
}
.mxd-hero-06__video video {
  display: block;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -moz-border-radius: unset;
       border-radius: unset;
}
@media only screen and (min-width: 768px) {
  .mxd-hero-06__video {
    padding: 0;
    margin-bottom: 0;
  }
  .mxd-hero-06__video video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  -o-object-position: center;
     object-position: center;
    -moz-border-radius: unset;
         border-radius: unset;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    -moz-border-radius: unset;
         border-radius: unset;
    overflow: hidden;
  }
  .mxd-hero-06__video video {
    -moz-border-radius: unset;
         border-radius: unset;
  }
}

.hero-06-video__cover {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .hero-06-video__cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: unset;
  }
}

.mxd-hero-06__data {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__data {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.desktop-video {
  display: block!important;
}
.mobile-video {
  display: none!important;
}
@media (max-width: 768px) and (orientation: portrait) {
  .desktop-video {
    display: none!important;
  }
  .mobile-video {
    display: block!important;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  .desktop-video {
    display: block!important;
  }
  .mobile-video {
    display: none!important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .desktop-video {
    display: none!important;
  }
  .mobile-video {
    display: block!important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  .desktop-video {
    display: block!important;
  }
  .mobile-video {
    display: none!important;
  }
}
@media (min-width: 1025px) {
  .desktop-video {
    display: block!important;
  }
  .mobile-video {
    display: none!important;
  }
}

.mxd-hero-06__list {
  position: relative;
  width: 100%;
  padding: 0 3rem;
  margin-bottom: 5.2rem;
}
@media only screen and (min-width: 768px) {
  .mxd-hero-06__list {
    padding: 0 6rem;
    margin-bottom: 7.2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__list {
    padding: 3.4rem 4rem 0 4rem;
  }
  .mxd-hero-06__list p {
    color: var(--pt-t-light-bright);
    font-weight: 400;
  }
}

.mxd-hero-06__headline {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__headline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.hero-06-headline__descr {
  position: relative;
  width: 100%;
  padding: 0 3rem;
  margin-bottom: 2.5rem;
}
.hero-06-headline__descr p {
  color: var(--t-bright);
  font-size: 2rem;
  font-weight: var(--fw-medium);
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .hero-06-headline__descr {
    padding: 0 6rem;
    margin-bottom: 1.6rem;
  }
  .hero-06-headline__descr p {
    max-width: 440px;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-06-headline__descr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 4rem;
    margin-bottom: 0.4rem;
  }
  .hero-06-headline__descr p {
    color: var(--pt-t-light-bright);
    font-weight: 500;
    max-width: 340px;
  }
}
@media only screen and (min-width: 1600px) {
  .hero-06-headline__descr {
    padding: 0 5rem;
  }
  .hero-06-headline__descr p {
    font-size: 2.4rem;
    max-width: 440px;
  }
}

.hero-06-headline__btn {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .hero-06-headline__btn {
    display: block;
    position: absolute;
    right: 5rem;
    bottom: 0;
  }
}

.hero-06-headline__content {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hero-06-headline__title {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
}

.mxd-hero-06__marquee {
  margin-bottom: 3.6rem;
}
@media only screen and (min-width: 768px) {
  .mxd-hero-06__marquee {
    margin-bottom: 4.3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__marquee {
    margin-bottom: 0;
    padding-bottom: 4.3rem;
  }
}

.mxd-hero-06__mark,
.mxd-hero-06__more {
  position: relative;
}

.mxd-hero-06__mark {
  display: block;
  background-color: var(--base-tint);
  -moz-border-radius: unset;
       border-radius: unset;
  padding: 2rem;
}
@media only screen and (min-width: 768px) {
  .mxd-hero-06__mark {
    padding: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__mark {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: transparent;
    -moz-border-radius: unset;
         border-radius: unset;
    padding: 0;
  }
}

.mxd-hero-06__more {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__more {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}


.mxd-section.padding-hero-06 {
  padding-top: 13rem;
}
@media only screen and (min-width: 768px) {
  .mxd-section.padding-hero-06 {
    padding-top: 13.8rem;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-section.padding-hero-06 {
    padding-top: 12rem;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-section.padding-hero-06 {
    padding-top: 16rem;
  }
}



p.t-xlarge {
  font-family: var(--_font-accent);
  font-size: 2.2rem;
  color: var(--t-bright);
}
@media only screen and (min-width: 1600px) {
  p.t-xlarge {
    font-size: 2.6rem;
  }
}


.mxd-section-title__descr {
  padding-right: 6rem;
  margin-top: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .mxd-section-title__descr {
    margin-top: 1.8rem;
    max-width: 620px;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-section-title__descr {
    margin-top: 1.2rem;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-section-title__descr {
    margin-top: 2.5rem;
  }
}



.marquee__item.marquee__item__homeabout {
  width: auto;
  height: 7rem;
}
.marquee__item.marquee__item__homeabout img {
  width: auto;
  height: 7rem;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1200px) {
  .marquee__item.marquee__item__homeabout {
    height: 10rem;
  }
  .marquee__item.marquee__item__homeabout img {
    height: 10rem;
  }
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
  .marquee__item.marquee__item__homeabout {
    height: 10rem;
  }
  .marquee__item.marquee__item__homeabout img {
    height: 10rem;
  }
}


.mxd-homeabout-00__images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.homeabout-00-image {
  position: absolute;
  display: block;
}
.homeabout-00-image.image-01 {
  top: -11%;
  right: -78%;
  width: 1000px;
}
@media only screen and (min-width: 744px) and (orientation: portrait) {
  .homeabout-00-image.image-01 {
    top: -19%;
    right: -57%;
    width: 1240px;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .homeabout-00-image.image-01 {
    top: -19%;
    right: -46%;
    width: 1240px;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .homeabout-00-image.image-01 {
    top: -19%;
    right: -36%;
    width: 1240px;
  }
}
@media only screen and (min-width: 1200px) {
  .homeabout-00-image.image-01 {
    width: 1020px;
    top: -19%;
    right: -25%;
  }
}
@media only screen and (min-width: 1600px) {
  .homeabout-00-image.image-01 {
    width: 1200px;
    top: -24%;
    right: -22%;
  }
}



.mxd-projects-00__images {
  position: absolute;
  top: -370px;
  left: 0;
  /*width: 100%;
  height: 100%;*/
  width: 100vw;
  height: 160vh;
  margin-left: -1.5rem;
  overflow: hidden;
  pointer-events: none;
}

.projects-00-image {
  position: absolute;
  display: block;
}
.projects-00-image.image-01 {
  top: 8%;
  left: -86%;
  width: 690px;
  z-index: -1;
}
.projects-00-image.image-02 {
  display: none;
}

@media only screen and (min-width: 744px) and (orientation: portrait) {
  .mxd-projects-00__images {
    width: 100vw;
    margin-left: -4.5rem;
    top: -290px;
  }
  .projects-00-image {
    display: block;
  }
  .projects-00-image.image-01 {
    width: 460px;
    top: 0%;
    left: -19%;
    z-index: -1;
  }
  .projects-00-image.image-02 {
    top: auto;
    left: auto;
    right: 4%;
    bottom: 0%;
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .mxd-projects-00__images {
    width: 100vw;
    margin-left: -4.5rem;
    top: -290px;
  }
  .projects-00-image {
    display: block;
  }
  .projects-00-image.image-01 {
    width: 460px;
    top: 0%;
    left: -19%;
    z-index: -1;
  }
  .projects-00-image.image-02 {
    top: auto;
    left: auto;
    right: 4%;
    bottom: 0%;
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .mxd-projects-00__images {
    width: 100vw;
    margin-left: -4.5rem;
    top: -290px;
  }
  .projects-00-image {
    display: block;
  }
  .projects-00-image.image-01 {
    width: 460px;
    top: 0%;
    left: -9%;
    z-index: -1;
  }
  .projects-00-image.image-02 {
    top: auto;
    left: auto;
    right: 4%;
    bottom: 0%;
    width: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-projects-00__images {
    width: calc(100vw - 6px);
    margin-left: -7.5rem;
  }
  .projects-00-image.image-01 {
    width: 540px;
    top: -1%;
    left: -8%;
  }
  .projects-00-image.image-02 {
    display: block;
    
    width: 786px;
    right: -28%;
    bottom: -9%;
  }
}
@media only screen and (min-width: 1600px) {
  .projects-00-image.image-01 {
    width: 600px;
    top: -1%;
    left: -8%;
  }
  .projects-00-image.image-02 {
    display: block;
    
    width: 786px;
    right: -18%;
    bottom: 1%;
  }
}



.mxd-homeaux-00__images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.homeaux-00-image {
  position: absolute;
}
.homeaux-00-image.image-01 {
  width: 610px;
  top: auto;
  left: -43%;
  bottom: -17%;
}
@media only screen and (min-width: 768px) {
  .homeaux-00-image {
  }
  .homeaux-00-image.image-01 {
    width: 1000px;
    top: auto;
    left: -29%;
    bottom: -24%;
  }
}
@media only screen and (min-width: 1200px) {
  .homeaux-00-image.image-01 {
    width: 1000px;
    top: auto;
    left: -29%;
    bottom: -38%;
  }
}
@media only screen and (min-width: 1600px) {
  .homeaux-00-image.image-01 {
    width: 1000px;
    top: auto;
    left: -19%;
    bottom: -30%;
  }
}



.mxd-project-stack__inner {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  width: 100%;
  padding: 2.6rem 3rem 2.6rem 3rem;
  z-index: 0;
  -moz-border-radius: var(--_radius-l);
       border-radius: var(--_radius-l);
}
@media only screen and (min-width: 768px) {
  .mxd-project-stack__inner {
    padding: 4.2rem 5rem 0 5rem;
    margin-bottom: 2.3rem;
  }
}
@media only screen and (min-width: 992px) {
  .mxd-project-stack__inner {
    padding: 4.2rem 5rem 4.6rem 5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-project-stack__inner {
    margin-bottom: 1.4rem;
  }
}

.mxd-project-stack__controls {
  position: absolute;
  top: 3rem;
  right: 3rem;
  z-index: 1;
}

.mxd-project-stack__title {
  margin-bottom: 3.4rem;
  padding-right: 6.6rem;
  display: block;
}
@media only screen and (min-width: 768px) {
  .mxd-project-stack__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 3rem;
    margin-bottom: 2.2rem;
  }
}
@media only screen and (min-width: 992px) {
  .mxd-project-stack__title {
    z-index: 1;
  }
  .mxd-project-stack__title.width-60 {
    width: 60%;
    max-width: 580px;
  }
  .mxd-project-stack__title.width-70 {
    width: 70%;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-project-stack__title {
    display: none;
  }

  .mxd-project-stack__title h3 {
    font-size: 7rem;
  }
}
@media only screen and (min-width: 1400px) {
  .mxd-project-stack__title {
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-project-stack__title {
    margin-bottom: 4rem;
  }
  .mxd-project-stack__title.width-60 {
    max-width: 800px;
  }
}

.mxd-project-stack__info {
  z-index: 1;
  margin-bottom: 3.3rem;
}
@media only screen and (min-width: 768px) {
  .mxd-project-stack__info {
    width: 80%;
    margin-bottom: 3.3rem;
  }
}
@media only screen and (min-width: 992px) {
  .mxd-project-stack__info.width-60 {
    width: 60%;
    max-width: 470px;
    margin-bottom: 0;
  }
  .mxd-project-stack__info.width-70 {
    width: 70%;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
  .mxd-project-stack__info.width-60 {
    max-width: 610px;
  }
  .mxd-project-stack__info.width-70 {
    max-width: 490px;
  }
}

.mxd-project-item__promo {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .mxd-project-item__promo {
    display: block;
  }
}


.mxd-homeproduct-item__tags {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2.6rem 3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

@media only screen and (min-width: 768px) {
    .mxd-homeproduct-item__tags {
        -webkit-box-align:start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 4rem
    }
}

@media only screen and (min-width: 1600px) {
    .mxd-homeproduct-item__tags {
        gap:1.4rem
    }
}



.mxd-services-cards-s__btngroup {
  z-index: 1;
  padding-top: 5rem;
}
@media only screen and (min-width: 1200px) {
  /*.mxd-services-cards-s__btngroup {
    padding-top: 0;
  }*/
}


.footer-blocks__column {
}
@media only screen and (min-width: 1200px) {
  .footer-blocks__column {
    height: unset;
  }
}
@media only screen and (min-width: 1600px) {
  .footer-blocks__column {
    height: unset;
  }
}
.footer-blocks__card {
  gap: 3rem;
  padding: 0rem;
}
@media only screen and (min-width: 768px) {
  .footer-blocks__card {
    padding: 0;
  }
}
.footer-blocks__card {
    border-radius: unset;
}

.footer-blocks__title-s {
  font: normal var(--fw-medium) 1.7rem/1.2 var(--_font-accent);
  color: var(--t-bright);
}
@media only screen and (min-width: 768px) {
  .footer-blocks__title-s {
    font-size: 2rem;
  }
}

.footer-blocks__title-m {
  font: normal var(--fw-medium) 2.7rem/1.2 var(--_font-accent);
  color: var(--t-bright);
}
@media only screen and (min-width: 768px) {
  .footer-blocks__title-m {
    font-size: 3.2rem;
  }
}

.footer-blocks__title-l {
  font: normal var(--fw-medium) 2.7rem/1.2 var(--_font-accent);
  color: var(--t-bright);
}
@media only screen and (min-width: 768px) {
  .footer-blocks__title-l {
    font-size: 4rem;
  }
}

.footer-blocks__descr {
  font-size: 1.4rem;
  line-height: 1.5;
}


.tag-nline {
  height: auto!important;
  padding: 0.6rem 1.2rem!important;
}



.breadcrumbs__nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
}
.breadcrumbs__nav span {
  font: normal var(--fw-regular) 1.8rem/1.4 var(--_font-accent);
  color: var(--t-muted);
}
.breadcrumbs__nav span::after {
  content: "/";
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0.2rem;
}
.breadcrumbs__nav span:last-of-type::after {
  display: none;
}
.breadcrumbs__nav span a {
  display: inline;
  color: var(--t-muted);
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, from(var(--t-muted)), to(var(--t-muted)));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), -moz-linear-gradient(left, var(--t-muted), var(--t-muted));
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, var(--t-muted), var(--t-muted));
  -moz-background-size: 100% 1px, 0 1px;
       background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 400ms, color 300ms;
  -moz-transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
  transition: background-size 400ms, color 300ms;
  transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
}
.no-touch .breadcrumbs__nav span a:hover {
  color: var(--t-medium);
  -moz-background-size: 0 1px, 100% 1px;
       background-size: 0 1px, 100% 1px;
}
.breadcrumbs__nav span.current-item {
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, from(var(--t-muted)), to(var(--t-muted)));
  background: -moz-linear-gradient(left, var(--t-muted), var(--t-muted));
  background: linear-gradient(to right, var(--t-muted), var(--t-muted));
  -moz-background-size: 100% 1px, 0 1px;
       background-size: 100% 1px, 0 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.breadcrumbs__nav span.current-item a {
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, from(var(--t-muted)), to(var(--t-muted))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(left, var(--t-muted), var(--t-muted)), -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  background: linear-gradient(to right, var(--t-muted), var(--t-muted)), linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  -moz-background-size: 100% 1px, 0 1px;
       background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 400ms, color 300ms;
  -moz-transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
  transition: background-size 400ms, color 300ms;
  transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
}
.no-touch .breadcrumbs__nav span.current-item a:hover {
  color: var(--t-medium);
  -moz-background-size: 0 1px, 100% 1px;
       background-size: 0 1px, 100% 1px;
}
@media only screen and (min-width: 1200px) {
  .breadcrumbs__nav {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}


.mxd-section-inner-00__images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  
  top: -100px;
  height: 150vh;
}

.pageinner-00-image {
  position: absolute;
  display: block;
}
.pageinner-00-image.image-bg {
  display: none;
}
.pageinner-00-image.image-bg-p {
  display: block;
  
  height: 105vh;
  width: auto;
  top: -6%;
  left: -2%;
  opacity: .55;
}
.pageinner-00-image.image-01 {
  top: -2%;
  left: -86%;
  width: 690px;
}
.pageinner-00-image.image-02 {
  display: none;
  top: -13%;
  right: -78%;
  width: 1000px;
}
.pageinner-00-image.image-03 {
  width: 460px;
  top: 47%;
  right: -70%;
}
@media only screen and (min-width: 744px) and (orientation: portrait) {
  .pageinner-00-image.image-bg {
    display: none;
  }
  .pageinner-00-image.image-bg-p {
    display: block;
    
    height: 105vh;
    width: auto;
    top: -6%;
    left: -2%;
    opacity: .55;
  }
  .pageinner-00-image.image-01 {
    width: 460px;
    top: 0%;
    left: -30%;
  }
  .pageinner-00-image.image-02 {
    display: block;
    
    top: -12%;
    right: -59%;
    width: 1240px;
  }
  .pageinner-00-image.image-03 {
    width: 690px;
    top: 24%;
    right: -50%;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .pageinner-00-image.image-bg {
    display: none;
  }
  .pageinner-00-image.image-bg-p {
    display: block;
    
    height: 105vh;
    width: auto;
    top: -6%;
    left: -2%;
    opacity: .55;
  }
  .pageinner-00-image.image-01 {
    width: 460px;
    top: 0%;
    left: -19%;
  }
  .pageinner-00-image.image-02 {
    display: block;
    
    top: -12%;
    right: -46%;
    width: 1240px;
  }
  .pageinner-00-image.image-03 {
    width: 690px;
    top: 33%;
    right: -50%;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .pageinner-00-image.image-bg {
    display: block;
    
    width: 105vw;
    height: auto;
    top: -6%;
    left: -2%;
    opacity: .25;
  }
  .pageinner-00-image.image-bg-p {
    display: none;
  }
  .pageinner-00-image.image-01 {
    width: 460px;
    top: 0%;
    left: -9%;
  }
  .pageinner-00-image.image-02 {
    display: block;
    
    top: -19%;
    right: -36%;
    width: 1240px;
  }
  .pageinner-00-image.image-03 {
    width: 786px;
    right: -38%;
    bottom: 30%;
    top: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .pageinner-00-image.image-bg {
    display: block;
    
    width: 105vw;
    height: auto;
    top: -6%;
    left: -2%;
    opacity: .25;
  }
  .pageinner-00-image.image-bg-p {
    display: none;
  }
  .pageinner-00-image.image-01 {
    width: 540px;
    top: -1%;
    left: -8%;
  }
  .pageinner-00-image.image-02 {
    width: 1020px;
    top: -15%;
    right: -22%;
  }
  .pageinner-00-image.image-03 {
    width: 786px;
    right: -28%;
    bottom: 30%;
  }
}
@media only screen and (min-width: 1600px) {
  .pageinner-00-image.image-bg {
    display: block;
    
    width: 105vw;
    height: auto;
    top: -6%;
    left: -2%;
    opacity: .25;
  }
  .pageinner-00-image.image-bg-p {
    display: none;
  }
  .pageinner-00-image.image-01 {
    width: 640px;
    top: -1%;
    left: -8%;
  }
  .pageinner-00-image.image-02 {
    width: 1300px;
    top: -16%;
    right: -23%;
  }
  .pageinner-00-image.image-03 {
    width: 940px;
    right: -28%;
    bottom: 35%;
  }
}



.mxd-artist-cards {
  position: relative;
}

.mxd-artist-cards__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 3.5rem;
}
.mxd-artist-cards__item:last-of-type {
  padding-bottom: 0;
}
.mxd-artist-cards__item:last-of-type.padding-bottom-mobile {
  padding-bottom: 3.5rem;
}
.mxd-artist-cards__item.no-padding-bottom {
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .mxd-artist-cards__item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-artist-cards__item {
    padding-bottom: 0;
  }
  .mxd-artist-cards__item:last-of-type {
    padding-bottom: 0;
  }
  .mxd-artist-cards__item:last-of-type.padding-bottom-mobile {
    padding-bottom: 0;
  }
  .mxd-artist-cards__item.padding-bottom-desktop {
    padding-bottom: 3.5rem;
  }
}

.mxd-artist-cards__h2-block {
  position: relative;
}
.mxd-artist-cards__h2-block.right-block {
  padding-left: 0;
}
.mxd-artist-cards__h2-block.left-block {
  padding-right: 0;
}
@media only screen and (min-width: 1200px) {
  .mxd-artist-cards__h2-block.right-block {
    padding-left: 3rem;
  }
  .mxd-artist-cards__h2-block.left-block {
    padding-right: 3rem;
  }
}

.mxd-artist-cards__media {
  position: relative;
  height: 460px;
  -moz-border-radius: var(--_radius-m);
       border-radius: var(--_radius-m);
  margin-bottom: 1.7rem;
  overflow: hidden;
}
.mxd-artist-cards__media.no-margin {
  margin-bottom: 0;
}
.mxd-artist-cards__media.overflow-visible {
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .mxd-artist-cards__media {
    height: 460px;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-artist-cards__media {
    height: 460px;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-artist-cards__media {
    height: 600px;
  }
}

.mxd-artist-cards__career {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -moz-border-radius: var(--_radius-m);
       border-radius: var(--_radius-m);
}
.mxd-artist-cards__career::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--base-tint);
  -moz-border-radius: var(--_radius-m);
       border-radius: var(--_radius-m);
  z-index: -1;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform var(--_animspeed-slow), -webkit-box-shadow var(--_animspeed-slow) var(--_animbezier);
  transition: -webkit-transform var(--_animspeed-slow), -webkit-box-shadow var(--_animspeed-slow) var(--_animbezier);
  -moz-transition: transform var(--_animspeed-slow), box-shadow var(--_animspeed-slow) var(--_animbezier), -moz-transform var(--_animspeed-slow), -moz-box-shadow var(--_animspeed-slow) var(--_animbezier);
  transition: transform var(--_animspeed-slow), box-shadow var(--_animspeed-slow) var(--_animbezier);
  transition: transform var(--_animspeed-slow), box-shadow var(--_animspeed-slow) var(--_animbezier), -webkit-transform var(--_animspeed-slow), -moz-transform var(--_animspeed-slow), -webkit-box-shadow var(--_animspeed-slow) var(--_animbezier), -moz-box-shadow var(--_animspeed-slow) var(--_animbezier);
}
.no-touch .mxd-artist-cards__career:hover::before {
  -webkit-transform: scale(1.04);
     -moz-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-box-shadow: 0 14px 28px rgba(var(--accent-rgb), 0.25), 0 10px 10px rgba(var(--accent-rgb), 0.12);
     -moz-box-shadow: 0 14px 28px rgba(var(--accent-rgb), 0.25), 0 10px 10px rgba(var(--accent-rgb), 0.12);
          box-shadow: 0 14px 28px rgba(var(--accent-rgb), 0.25), 0 10px 10px rgba(var(--accent-rgb), 0.12);
}
.mxd-artist-cards__photo {
  position: relative;
  width: 100%;
  height: 460px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: cover;
       background-size: cover;
}
.mxd-artist-cards__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mxd-artist-cards__position {
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .mxd-artist-cards__photo {
    height: 460px;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-artist-cards__photo {
    height: 460px;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-artist-cards__photo {
    height: 600px;
  }
}

.mxd-artist-cards__socials {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.6rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  .mxd-artist-cards__socials {
    padding: 2.6rem;
  }
}

.mxd-artist-cards__info {
  padding: 0 1.6rem;
}
@media only screen and (min-width: 768px) {
  .mxd-artist-cards__info {
    padding: 0 2.6rem;
  }
}



.mxd-page-navigation {
  position: relative;
  /*margin-top: 6rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--st-muted);*/
}
@media only screen and (min-width: 768px) {
  .mxd-page-navigation {
    /*margin-top: 7rem;*/
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-page-navigation {
    /*max-width: 870px;
    margin: 7rem auto 0;*/
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-page-navigation {
    /*max-width: 900px;*/
  }
}

.mxd-page-navigation__navitem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mxd-page-navigation__navitem.left {
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 1.5rem;
}
.mxd-page-navigation__navitem.right {
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 1.5rem;
  text-align: right;
}

.mxd-page-navigation__link {
  display: block;
  font: normal var(--fw-medium) 1.8rem/1.2 var(--_font-accent);
  color: var(--t-bright);
  margin-top: 0.5rem;
}
.mxd-page-navigation__link > span {
  display: inline-block;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, from(var(--t-bright)), to(var(--t-bright)));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), -moz-linear-gradient(left, var(--t-bright), var(--t-bright));
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, var(--t-bright), var(--t-bright));
  -moz-background-size: 100% 1px, 0 1px;
       background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 300ms, color 300ms;
  -moz-transition: background-size 300ms, color 300ms, -moz-background-size 300ms;
  transition: background-size 300ms, color 300ms;
  transition: background-size 300ms, color 300ms, -moz-background-size 300ms;
}
.no-touch .mxd-page-navigation__link > span:hover {
  color: var(--t-bright);
  -moz-background-size: 0 1px, 100% 1px;
       background-size: 0 1px, 100% 1px;
}


.mxd-highlight-activity__inner {
  position: relative;
  padding: 2.6rem 3rem;
  -moz-border-radius: var(--_radius-l);
       border-radius: var(--_radius-l);
}
.mxd-highlight-activity__inner.showcase-inner {
  padding: 2.6rem 3rem 3rem 3rem;
}
@media only screen and (min-width: 768px) {
  .mxd-highlight-activity__inner {
    padding: 3.6rem 4rem;
  }
  .mxd-highlight-activity__inner.showcase-inner {
    padding: 4.2rem 5rem 5rem 5rem;
  }
  .mxd-highlight-activity__inner.radius-dark {
    -moz-border-radius: 4.6rem;
         border-radius: 4.6rem;
  }
}
@media only screen and (min-width: 992px) {
  .mxd-highlight-activity__inner {
    padding: 3.6rem 4rem;
  }
  .mxd-highlight-activity__inner.justify-end {
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .mxd-highlight-activity__inner.justify-between {
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}



.mxd-highlight-activity-list {
  position: relative;
}
@media only screen and (min-width: 1200px) and (hover) and (prefers-reduced-motion: no-preference) {
  .mxd-highlight-activity-list > .mxd-highlight-activity-list__item {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .mxd-highlight-activity-list:hover > .mxd-highlight-activity-list__item:not(:hover) {
    opacity: 0.2;
  }
}

.mxd-highlight-activity-list__item {
  position: relative;
  display: block;
  margin-top: -2px;
}
.mxd-highlight-activity-list__item:first-of-type {
  margin-top: 0;
}

.mxd-highlight-activity-list__divider {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: var(--st-opp-bright);
}

.mxd-highlight-activity-list__content {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3.6rem 0 3.5rem 0;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .mxd-highlight-activity-list__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 6rem 0 7rem 0;
  }
}

.mxd-highlight-activity-list__data {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
@media only screen and (min-width: 1200px) {
  .mxd-highlight-activity-list__data {
    gap: 2.8rem;
  }
}

.mxd-highlight-activity-list__source {
  font-size: 1.6rem;
  margin-top: 0.2rem;
}
@media only screen and (min-width: 1600px) {
  .mxd-highlight-activity-list__source {
    font-size: 1.8rem;
  }
}

.mxd-highlight-activity-list__descr {
  max-width: 560px;
}

.mxd-highlight-activity-list__year {
  margin-bottom: 1.1rem;
}
.mxd-highlight-activity-list__year p {
  font-weight: var(--fw-medium);
  color: var(--t-opp-bright);
  white-space: nowrap;
}



.mxd-grid-item.no-padding {
  padding: 0;
}












/* Magnific Popup Animations */
.my-mfp-zoom-in .mfp-content {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .mfp-content {
  transform: scale(0.8);
  opacity: 0;
}

.my-mfp-slide-bottom .mfp-content {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: translateY(20px);
}

.my-mfp-slide-bottom.mfp-ready .mfp-content {
  opacity: 1;
  transform: translateY(0);
}

.my-mfp-slide-bottom.mfp-removing .mfp-content {
  transform: translateY(20px);
  opacity: 0;
}

.my-mfp-slide-up .mfp-content {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: translateY(-20px);
}

.my-mfp-slide-up.mfp-ready .mfp-content {
  opacity: 1;
  transform: translateY(0);
}

.my-mfp-slide-up.mfp-removing .mfp-content {
  transform: translateY(-20px);
  opacity: 0;
}

/* Popup content styling */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  border-radius: 8px;
}

.mfp-hide {
  display: none;
}
/* Magnific Popup Animations END */

.popup-article {
  max-width: 860px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.popup-article.popup-article-large {
  max-width: 1020px;
}
.popup-article .block-image__container {
  -moz-border-radius: unset;
  border-radius: unset;
}
.popup-article .mfp-close {
  right: 10px;
  top: 10px;
  font-size: 40px;
}
.popup-article input {
  border: 0 !important;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
  border-width: 2px !important;
  outline: none;
}


.mxd-A3 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 0;
}
.no-touch .mxd-A3 .swiper-slide-active:hover .A3-slide__image {
  -webkit-box-shadow: 0 14px 28px rgba(var(--accent-rgb), 0.25), 0 10px 10px rgba(var(--accent-rgb), 0.12);
     -moz-box-shadow: 0 14px 28px rgba(var(--accent-rgb), 0.25), 0 10px 10px rgba(var(--accent-rgb), 0.12);
          box-shadow: 0 14px 28px rgba(var(--accent-rgb), 0.25), 0 10px 10px rgba(var(--accent-rgb), 0.12);
}
.mxd-A3 .swiper-slide-next,
.mxd-A3 .swiper-slide-prev {
  -webkit-transform: scale(0.96);
     -moz-transform: scale(0.96);
      -ms-transform: scale(0.96);
          transform: scale(0.96);
  -webkit-transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
  transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
  -moz-transition: transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);
  transition: transform var(--_animspeed-medium) var(--_animbezier);
  transition: transform var(--_animspeed-medium) var(--_animbezier), -webkit-transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);
}

.mxd-A3__slide {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.A3-slide__image {
  -webkit-box-shadow: 0 6px 14px rgba(7, 1, 23, 0), 4px 10px 38px rgba(13, 2, 46, 0);
     -moz-box-shadow: 0 6px 14px rgba(7, 1, 23, 0), 4px 10px 38px rgba(13, 2, 46, 0);
          box-shadow: 0 6px 14px rgba(7, 1, 23, 0), 4px 10px 38px rgba(13, 2, 46, 0);
  -webkit-transition: -webkit-box-shadow var(--_animspeed-medium) var(--_animbezier);
  transition: -webkit-box-shadow var(--_animspeed-medium) var(--_animbezier);
  -moz-transition: box-shadow var(--_animspeed-medium) var(--_animbezier), -moz-box-shadow var(--_animspeed-medium) var(--_animbezier);
  transition: box-shadow var(--_animspeed-medium) var(--_animbezier);
  transition: box-shadow var(--_animspeed-medium) var(--_animbezier), -webkit-box-shadow var(--_animspeed-medium) var(--_animbezier), -moz-box-shadow var(--_animspeed-medium) var(--_animbezier);
}
.A3-slide__image img {
}
@media only screen and (min-width: 768px) {
  .A3-slide__image img {
  }
}

.A3-slide__descr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-top: 1rem;
}
.A3-slide__descr a {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: normal var(--fw-medium) 2.2rem/4rem var(--_font-accent);
  color: var(--t-bright);
}
.A3-slide__descr a span {
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, from(var(--t-bright)), to(var(--t-bright)));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), -moz-linear-gradient(left, var(--t-bright), var(--t-bright));
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, var(--t-bright), var(--t-bright));
  -moz-background-size: 100% 1px, 0 1px;
       background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 300ms, color 300ms;
  -moz-transition: background-size 300ms, color 300ms, -moz-background-size 300ms;
  transition: background-size 300ms, color 300ms;
  transition: background-size 300ms, color 300ms, -moz-background-size 300ms;
}
.no-touch .A3-slide__descr a span:hover {
  color: var(--t-bright);
  -moz-background-size: 0 1px, 100% 1px;
       background-size: 0 1px, 100% 1px;
}
@media only screen and (min-width: 768px) {
  .A3-slide__descr a {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 1600px) {
  .A3-slide__descr a {
    font-size: 3.6rem;
  }
}


.mxd-A3-btn {
  display: block;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0.2rem;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
}
.mxd-A3-btn::after {
  display: none;
}

.mxd-A3-btn-round-prev {
  left: 0;
}
.mxd-A3-btn-round-prev.v2 {
  bottom: -6rem;
  left: 1rem;
}

.mxd-A3-btn-round-next {
  left: 5.4rem;
}
.mxd-A3-btn-round-next.v2 {
  left: auto;
  bottom: -6rem;
  right: 1rem;
}

@media only screen and (max-width: 768px) {
  .mxd-A3-btn-round-next {
    display: none;
  }
  .mxd-A3-btn-round-prev {
    display: none;
  }
}

.swiper-slide.blur-2px {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.swiper-slide.swiper-slide-active {
  -webkit-filter: blur(0);
  filter: blur(0);
}


.mxd-article__block.gap-small {
  gap: 1.5rem;
}

#section-street-response {}
/*#section-street-response .portfolio-simple .portfolio-caption {
  min-height: 110px;
}*/
#section-street-response .portfolio-simple .portfolio-box:hover .portfolio-image img {
  opacity: 1;
}


.table-container {
  border-top: 2px solid #e0e0e0;
}
.table-header {
  font-weight: bold;
  display: grid;
  grid-template-columns: 200px 200px 1fr;
}
.table-body {
  display: grid;
  grid-template-columns: 200px 200px 1fr;
}
.cell {
  padding: 15px;
  border-bottom: 2px solid #e0e0e0;
  display: flex;
  align-items: center;
}
.header-cell {
  font-weight: bold;
}
.cell:hover {
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .table-header {
    grid-template-columns: 1fr;
  }
  .table-body {
    grid-template-columns: 1fr;
    /*gap: 20px;*/
  }
  .cell {
    border-left: none !important;
    border-right: none !important;
    flex-direction: column;
    align-items: start;
    border-bottom: 0;
  }
  .cell::before {
    content: attr(data-label);
    font-weight: bold;
    margin-bottom: 5px;
  }
  /*
  .cell:nth-child(3n) {
    margin-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 20px;
  }
  */
  .cell:nth-child(3n+1)::before {
    display: none;
  }
  .table-container {
    border-top: 0;
  }
  .cell:nth-child(3n+1) {
    background-color: #f1f1f1;
    border-top-left-radius: var(--_radius-s);
    border-top-right-radius: var(--_radius-s);
    padding: 25px 25px 25px 25px;
    font-size: 26px;
    font-weight: 600;
  }
  .cell:nth-child(3n+2) {
    background-color: #f1f1f1;
    padding: 0 25px 25px 25px;
  }
  .cell:nth-child(3n+3) {
    margin-bottom: 40px;
    border-bottom: 0;
    
    background-color: #f1f1f1;
    border-bottom-left-radius: var(--_radius-s);
    border-bottom-right-radius: var(--_radius-s);
    padding: 0 25px 25px 25px;
  }
  .header-cell {
    display: none;
  }
}


.mxd-block__paragraph { }
@media only screen and (min-width: 1600px) {
  .mxd-block__paragraph {
    max-width: unset;
  }
}



.mxd-activitys-container {
  position: relative;
  width: 100%;
}

.mxd-activity {
  position: relative;
  overflow: hidden;
}

.activity-simple {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  height: auto;
  padding: 4rem 0;
  border-bottom: 1px solid var(--st-muted);
}
.activity-simple:last-of-type {
  border-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .activity-simple {
    gap: 5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 6rem 0;
  }
}

.activity-simple__thumb {
  position: relative;
  /*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  overflow: hidden;*/
}
.activity-simple__thumb img {
  /*width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;*/
}
/*.no-touch .activity-simple__thumb:hover .mxd-preview-hover {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}*/
@media only screen and (min-width: 768px) {
  .activity-simple__thumb {
    -ms-flex-preferred-size: 480px;
        flex-basis: 480px;
    /*-webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;*/
  }
}
@media only screen and (min-width: 1400px) {
  .activity-simple__thumb {
    -ms-flex-preferred-size: 480px;
        flex-basis: 480px;
  }
}
@media only screen and (min-width: 1600px) {
  .activity-simple__thumb {
    -ms-flex-preferred-size: 480px;
        flex-basis: 480px;
  }
}

.activity-simple__content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
@media only screen and (min-width: 768px) {
  .activity-simple__content {
    max-width: 665px;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 1600px) {
  .activity-simple__content {
    max-width: 765px;
  }
}

.activity-simple__descr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}

.activity-simple__meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.4rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  color: var(--t-medium);
}
.activity-simple__meta span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font: normal var(--fw-regular) 1.8rem/1.6 var(--_font-accent);
}
.activity-simple__meta span a {
  color: var(--t-medium);
}
.activity-simple__meta span svg {
  width: 1.7rem;
  height: 1.7rem;
  fill: currentColor;
}
.activity-simple__meta span.meta-tag {
  font-weight: var(--fw-semibold);
}
.no-touch .activity-simple__meta span:hover a {
  color: var(--t-bright);
}

.activity-simple__title a {
  display: inline;
  color: var(--t-bright);
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, from(var(--t-bright)), to(var(--t-bright)));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), -moz-linear-gradient(left, var(--t-bright), var(--t-bright));
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, var(--t-bright), var(--t-bright));
  -moz-background-size: 100% 1px, 0 1px;
       background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 300ms, color 300ms;
  -moz-transition: background-size 300ms, color 300ms, -moz-background-size 300ms;
  transition: background-size 300ms, color 300ms;
  transition: background-size 300ms, color 300ms, -moz-background-size 300ms;
}
.no-touch .activity-simple__title a:hover {
  color: var(--t-bright);
  -moz-background-size: 0 1px, 100% 1px;
       background-size: 0 1px, 100% 1px;
}


.mxd-services-cards-s__item.custom-services-section-01 {
  position: relative;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .mxd-services-cards-s__item.custom-services-section-01 {
    height: auto;
  }
  .mxd-services-cards-s__item {
    height: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .mxd-services-cards-s__item.custom-services-section-01 > div {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  
  .mxd-services-cards-s__item.custom-services-section-01 .mxd-services-cards-s__title {
    width: 50%;
  }
}
@media only screen and (min-width: 1600px) {
  .mxd-services-cards-s__item {
    height: auto;
  }
  .mxd-services-cards-s__item.custom-services-section-01 {
    height: auto;
  }
}

@media only screen and (min-width: 992px) {
  .mxd-services-cards-s__title {
    width: 100%;
  }
  .mxd-services-cards-s__info {
    width: 100%;
  }
}



.mxd-menu__inner {
  padding-bottom: 3.6rem;
}
/*@media only screen and (min-width: 744px) and (orientation: portrait) {*/
@media only screen and (min-width: 744px) {
  .mxd-menu__inner {
    padding-top: 7.6rem;
    padding-bottom: 5.6rem;
  }
  
  .mxd-menu__left {
    padding: 0 6rem;
  }
  
  .menu-promo {
    padding: 0 6rem;
  }
  
  .mxd-menu__data {
    padding: 0 6rem 2.6rem 6rem;
  }
}


.max-w-500px {
  max-width: 500px;
}

.main-menu__toggle > svg {
  margin-bottom: 3rem;
}


/*
.portfolio-boxed .portfolio-caption {
}
.portfolio-boxed .portfolio-caption p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  cursor: pointer;
}
.portfolio-boxed .portfolio-caption p:hover {
  white-space: normal;
  z-index: 10;
  position: relative;
}
*/